@alfalab/core-components 45.9.0 → 45.10.0

package/spinner/modern/index.css

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_wdzlt {
+} .spinner__spinner_1sjv9 {
     display: none;
-    animation: spinner__spin_animation_wdzlt var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1sjv9 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_wdzlt {
+} .spinner__visible_1sjv9 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_wdzlt {
+} .spinner__size-16_1sjv9 {
     width: 18px;
     height: 18px;
-} .spinner__size-24_wdzlt {
+} .spinner__size-24_1sjv9 {
     width: 24px;
     height: 24px;
-} .spinner__size-48_wdzlt {
+} .spinner__size-48_1sjv9 {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_wdzlt {
+} @keyframes spinner__spin_animation_1sjv9 {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-1500-inverted);
-} .spinner__component_11jun {
+} .spinner__component_6a92s {
     color: var(--spinner-inverted-color);
 }

package/status/Component.d.ts

@@ -12,7 +12,7 @@ type StatusProps = {
     /**
      * Цветовое оформление иконки
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/status/Component.js

@@ -8,13 +8,14 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"status__component_1unag","soft":"status__soft_1unag","green":"status__green_1unag","orange":"status__orange_1unag","red":"status__red_1unag","blue":"status__blue_1unag","grey":"status__grey_1unag","teal":"status__teal_1unag","purple":"status__purple_1unag","contrast":"status__contrast_1unag"};
+var styles = {"component":"status__component_qw79g","ellipsis":"status__ellipsis_qw79g","soft":"status__soft_qw79g","green":"status__green_qw79g","orange":"status__orange_qw79g","red":"status__red_qw79g","blue":"status__blue_qw79g","grey":"status__grey_qw79g","teal":"status__teal_qw79g","purple":"status__purple_qw79g","contrast":"status__contrast_qw79g"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
     var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId }, children));
+    return (React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
+        React__default.default.createElement("span", { className: styles.ellipsis }, children)));
 };
 
 exports.Status = Status;

package/status/cssm/Component.d.ts

@@ -12,7 +12,7 @@ type StatusProps = {
     /**
      * Цветовое оформление иконки
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/status/cssm/Component.js

@@ -13,7 +13,8 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
     var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], className), "data-test-id": dataTestId }, children));
+    return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], className), "data-test-id": dataTestId },
+        React__default.default.createElement("span", { className: styles__default.default.ellipsis }, children)));
 };
 
 exports.Status = Status;

package/status/cssm/index.module.css

@@ -51,9 +51,14 @@
     border-radius: var(--border-radius-s);
     text-align: center;
     text-transform: uppercase;
-    white-space: nowrap;
     letter-spacing: 0.5px
-} .component:empty {
+} .component .ellipsis {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .component:empty {
         padding: 0;
     } .soft.green {
         background: var(--color-light-decorative-muted-alt-green);

package/status/esm/Component.d.ts

@@ -12,7 +12,7 @@ type StatusProps = {
     /**
      * Цветовое оформление иконки
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/status/esm/Component.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_1unag","soft":"status__soft_1unag","green":"status__green_1unag","orange":"status__orange_1unag","red":"status__red_1unag","blue":"status__blue_1unag","grey":"status__grey_1unag","teal":"status__teal_1unag","purple":"status__purple_1unag","contrast":"status__contrast_1unag"};
+var styles = {"component":"status__component_qw79g","ellipsis":"status__ellipsis_qw79g","soft":"status__soft_qw79g","green":"status__green_qw79g","orange":"status__orange_qw79g","red":"status__red_qw79g","blue":"status__blue_qw79g","grey":"status__grey_qw79g","teal":"status__teal_qw79g","purple":"status__purple_qw79g","contrast":"status__contrast_qw79g"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
     var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
-    return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId }, children));
+    return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
+        React.createElement("span", { className: styles.ellipsis }, children)));
 };
 
 export { Status, colors };

package/status/esm/index.css

@@ -39,7 +39,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_1unag {
+} .status__component_qw79g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -52,45 +52,50 @@
     border-radius: var(--border-radius-s);
     text-align: center;
     text-transform: uppercase;
-    white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_1unag:empty {
+} .status__component_qw79g .status__ellipsis_qw79g {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .status__component_qw79g:empty {
         padding: 0;
-    } .status__soft_1unag.status__green_1unag {
+    } .status__soft_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-muted-alt-green);
         color: var(--color-light-decorative-text-green);
-    } .status__soft_1unag.status__orange_1unag {
+    } .status__soft_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-muted-alt-orange);
         color: var(--color-light-decorative-text-orange);
-    } .status__soft_1unag.status__red_1unag {
+    } .status__soft_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-muted-alt-red);
         color: var(--color-light-decorative-text-red);
-    } .status__soft_1unag.status__blue_1unag {
+    } .status__soft_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-muted-alt-blue);
         color: var(--color-light-decorative-text-blue);
-    } .status__soft_1unag.status__grey_1unag {
+    } .status__soft_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_1unag.status__teal_1unag {
+    } .status__soft_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-muted-alt-teal);
         color: var(--color-light-decorative-text-teal);
-    } .status__soft_1unag.status__purple_1unag {
+    } .status__soft_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_1unag {
+    } .status__contrast_qw79g {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_1unag.status__green_1unag {
+} .status__contrast_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-green);
-    } .status__contrast_1unag.status__orange_1unag {
+    } .status__contrast_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-orange);
-    } .status__contrast_1unag.status__red_1unag {
+    } .status__contrast_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-red);
-    } .status__contrast_1unag.status__blue_1unag {
+    } .status__contrast_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-blue);
-    } .status__contrast_1unag.status__grey_1unag {
+    } .status__contrast_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-700);
-    } .status__contrast_1unag.status__teal_1unag {
+    } .status__contrast_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-teal);
-    } .status__contrast_1unag.status__purple_1unag {
+    } .status__contrast_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-indigo);
     }

package/status/index.css

@@ -39,7 +39,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_1unag {
+} .status__component_qw79g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -52,45 +52,50 @@
     border-radius: var(--border-radius-s);
     text-align: center;
     text-transform: uppercase;
-    white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_1unag:empty {
+} .status__component_qw79g .status__ellipsis_qw79g {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .status__component_qw79g:empty {
         padding: 0;
-    } .status__soft_1unag.status__green_1unag {
+    } .status__soft_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-muted-alt-green);
         color: var(--color-light-decorative-text-green);
-    } .status__soft_1unag.status__orange_1unag {
+    } .status__soft_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-muted-alt-orange);
         color: var(--color-light-decorative-text-orange);
-    } .status__soft_1unag.status__red_1unag {
+    } .status__soft_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-muted-alt-red);
         color: var(--color-light-decorative-text-red);
-    } .status__soft_1unag.status__blue_1unag {
+    } .status__soft_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-muted-alt-blue);
         color: var(--color-light-decorative-text-blue);
-    } .status__soft_1unag.status__grey_1unag {
+    } .status__soft_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_1unag.status__teal_1unag {
+    } .status__soft_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-muted-alt-teal);
         color: var(--color-light-decorative-text-teal);
-    } .status__soft_1unag.status__purple_1unag {
+    } .status__soft_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_1unag {
+    } .status__contrast_qw79g {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_1unag.status__green_1unag {
+} .status__contrast_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-green);
-    } .status__contrast_1unag.status__orange_1unag {
+    } .status__contrast_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-orange);
-    } .status__contrast_1unag.status__red_1unag {
+    } .status__contrast_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-red);
-    } .status__contrast_1unag.status__blue_1unag {
+    } .status__contrast_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-blue);
-    } .status__contrast_1unag.status__grey_1unag {
+    } .status__contrast_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-700);
-    } .status__contrast_1unag.status__teal_1unag {
+    } .status__contrast_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-teal);
-    } .status__contrast_1unag.status__purple_1unag {
+    } .status__contrast_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-indigo);
     }

package/status/modern/Component.d.ts

@@ -12,7 +12,7 @@ type StatusProps = {
     /**
      * Цветовое оформление иконки
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/status/modern/Component.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"status__component_1unag","soft":"status__soft_1unag","green":"status__green_1unag","orange":"status__orange_1unag","red":"status__red_1unag","blue":"status__blue_1unag","grey":"status__grey_1unag","teal":"status__teal_1unag","purple":"status__purple_1unag","contrast":"status__contrast_1unag"};
+const styles = {"component":"status__component_qw79g","ellipsis":"status__ellipsis_qw79g","soft":"status__soft_qw79g","green":"status__green_qw79g","orange":"status__orange_qw79g","red":"status__red_qw79g","blue":"status__blue_qw79g","grey":"status__grey_qw79g","teal":"status__teal_qw79g","purple":"status__purple_qw79g","contrast":"status__contrast_qw79g"};
 require('./index.css');
 
 const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
-const Status = ({ className, view = 'soft', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId }, children));
+const Status = ({ className, view = 'soft', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
+    React.createElement("span", { className: styles.ellipsis }, children)));
 
 export { Status, colors };

package/status/modern/index.css

@@ -39,7 +39,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_1unag {
+} .status__component_qw79g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -52,45 +52,50 @@
     border-radius: var(--border-radius-s);
     text-align: center;
     text-transform: uppercase;
-    white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_1unag:empty {
+} .status__component_qw79g .status__ellipsis_qw79g {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .status__component_qw79g:empty {
         padding: 0;
-    } .status__soft_1unag.status__green_1unag {
+    } .status__soft_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-muted-alt-green);
         color: var(--color-light-decorative-text-green);
-    } .status__soft_1unag.status__orange_1unag {
+    } .status__soft_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-muted-alt-orange);
         color: var(--color-light-decorative-text-orange);
-    } .status__soft_1unag.status__red_1unag {
+    } .status__soft_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-muted-alt-red);
         color: var(--color-light-decorative-text-red);
-    } .status__soft_1unag.status__blue_1unag {
+    } .status__soft_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-muted-alt-blue);
         color: var(--color-light-decorative-text-blue);
-    } .status__soft_1unag.status__grey_1unag {
+    } .status__soft_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_1unag.status__teal_1unag {
+    } .status__soft_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-muted-alt-teal);
         color: var(--color-light-decorative-text-teal);
-    } .status__soft_1unag.status__purple_1unag {
+    } .status__soft_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_1unag {
+    } .status__contrast_qw79g {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_1unag.status__green_1unag {
+} .status__contrast_qw79g.status__green_qw79g {
         background: var(--color-light-decorative-green);
-    } .status__contrast_1unag.status__orange_1unag {
+    } .status__contrast_qw79g.status__orange_qw79g {
         background: var(--color-light-decorative-orange);
-    } .status__contrast_1unag.status__red_1unag {
+    } .status__contrast_qw79g.status__red_qw79g {
         background: var(--color-light-decorative-red);
-    } .status__contrast_1unag.status__blue_1unag {
+    } .status__contrast_qw79g.status__blue_qw79g {
         background: var(--color-light-decorative-blue);
-    } .status__contrast_1unag.status__grey_1unag {
+    } .status__contrast_qw79g.status__grey_qw79g {
         background: var(--color-light-neutral-700);
-    } .status__contrast_1unag.status__teal_1unag {
+    } .status__contrast_qw79g.status__teal_qw79g {
         background: var(--color-light-decorative-teal);
-    } .status__contrast_1unag.status__purple_1unag {
+    } .status__contrast_qw79g.status__purple_qw79g {
         background: var(--color-light-decorative-indigo);
     }

package/status-badge/Component.js

@@ -21,13 +21,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"positive-checkmark":"status-badge__positive-checkmark_1qjlx","negative-cross":"status-badge__negative-cross_1qjlx","negative-alert":"status-badge__negative-alert_1qjlx","negative-block":"status-badge__negative-block_1qjlx","attention-alert":"status-badge__attention-alert_1qjlx","neutral-information":"status-badge__neutral-information_1qjlx","neutral-operation":"status-badge__neutral-operation_1qjlx","neutral-cross":"status-badge__neutral-cross_1qjlx"};
+var defaultColors = {"positive-checkmark":"status-badge__positive-checkmark_1uqcz","negative-cross":"status-badge__negative-cross_1uqcz","negative-alert":"status-badge__negative-alert_1uqcz","negative-block":"status-badge__negative-block_1uqcz","attention-alert":"status-badge__attention-alert_1uqcz","neutral-information":"status-badge__neutral-information_1uqcz","neutral-operation":"status-badge__neutral-operation_1uqcz","neutral-cross":"status-badge__neutral-cross_1uqcz"};
 require('./default.css');
 
-var styles = {"component":"status-badge__component_75yw9","size-16":"status-badge__size-16_75yw9","size-20":"status-badge__size-20_75yw9","size-24":"status-badge__size-24_75yw9","size-32":"status-badge__size-32_75yw9","size-40":"status-badge__size-40_75yw9"};
+var styles = {"component":"status-badge__component_11kkv","size-16":"status-badge__size-16_11kkv","size-20":"status-badge__size-20_11kkv","size-24":"status-badge__size-24_11kkv","size-32":"status-badge__size-32_11kkv","size-40":"status-badge__size-40_11kkv"};
 require('./index.css');
 
-var invertedColors = {"positive-checkmark":"status-badge__positive-checkmark_yo7iy","negative-cross":"status-badge__negative-cross_yo7iy","negative-alert":"status-badge__negative-alert_yo7iy","negative-block":"status-badge__negative-block_yo7iy","attention-alert":"status-badge__attention-alert_yo7iy","neutral-information":"status-badge__neutral-information_yo7iy","neutral-operation":"status-badge__neutral-operation_yo7iy","neutral-cross":"status-badge__neutral-cross_yo7iy"};
+var invertedColors = {"positive-checkmark":"status-badge__positive-checkmark_55f9k","negative-cross":"status-badge__negative-cross_55f9k","negative-alert":"status-badge__negative-alert_55f9k","negative-block":"status-badge__negative-block_55f9k","attention-alert":"status-badge__attention-alert_55f9k","neutral-information":"status-badge__neutral-information_55f9k","neutral-operation":"status-badge__neutral-operation_55f9k","neutral-cross":"status-badge__neutral-cross_55f9k"};
 require('./inverted.css');
 
 var colorStyles = {

package/status-badge/default.css

@@ -18,16 +18,16 @@
 } :root {
 } :root {
 } :root {
-} .status-badge__positive-checkmark_1qjlx {
+} .status-badge__positive-checkmark_1uqcz {
     background-color: var(--color-light-status-positive);
-} .status-badge__negative-cross_1qjlx,
-.status-badge__negative-alert_1qjlx,
-.status-badge__negative-block_1qjlx {
+} .status-badge__negative-cross_1uqcz,
+.status-badge__negative-alert_1uqcz,
+.status-badge__negative-block_1uqcz {
     background-color: var(--color-light-status-negative);
-} .status-badge__attention-alert_1qjlx {
+} .status-badge__attention-alert_1uqcz {
     background-color: var(--color-light-status-attention);
-} .status-badge__neutral-information_1qjlx,
-.status-badge__neutral-operation_1qjlx,
-.status-badge__neutral-cross_1qjlx {
+} .status-badge__neutral-information_1uqcz,
+.status-badge__neutral-operation_1uqcz,
+.status-badge__neutral-cross_1uqcz {
     background-color: var(--color-light-neutral-700);
 }

package/status-badge/esm/Component.js

@@ -14,13 +14,13 @@ import { StopBrickCompactMIcon } from '@alfalab/icons-glyph/StopBrickCompactMIco
 import { StopBrickMIcon } from '@alfalab/icons-glyph/StopBrickMIcon';
 import { StopBrickSIcon } from '@alfalab/icons-glyph/StopBrickSIcon';
 
-var defaultColors = {"positive-checkmark":"status-badge__positive-checkmark_1qjlx","negative-cross":"status-badge__negative-cross_1qjlx","negative-alert":"status-badge__negative-alert_1qjlx","negative-block":"status-badge__negative-block_1qjlx","attention-alert":"status-badge__attention-alert_1qjlx","neutral-information":"status-badge__neutral-information_1qjlx","neutral-operation":"status-badge__neutral-operation_1qjlx","neutral-cross":"status-badge__neutral-cross_1qjlx"};
+var defaultColors = {"positive-checkmark":"status-badge__positive-checkmark_1uqcz","negative-cross":"status-badge__negative-cross_1uqcz","negative-alert":"status-badge__negative-alert_1uqcz","negative-block":"status-badge__negative-block_1uqcz","attention-alert":"status-badge__attention-alert_1uqcz","neutral-information":"status-badge__neutral-information_1uqcz","neutral-operation":"status-badge__neutral-operation_1uqcz","neutral-cross":"status-badge__neutral-cross_1uqcz"};
 require('./default.css');
 
-var styles = {"component":"status-badge__component_75yw9","size-16":"status-badge__size-16_75yw9","size-20":"status-badge__size-20_75yw9","size-24":"status-badge__size-24_75yw9","size-32":"status-badge__size-32_75yw9","size-40":"status-badge__size-40_75yw9"};
+var styles = {"component":"status-badge__component_11kkv","size-16":"status-badge__size-16_11kkv","size-20":"status-badge__size-20_11kkv","size-24":"status-badge__size-24_11kkv","size-32":"status-badge__size-32_11kkv","size-40":"status-badge__size-40_11kkv"};
 require('./index.css');
 
-var invertedColors = {"positive-checkmark":"status-badge__positive-checkmark_yo7iy","negative-cross":"status-badge__negative-cross_yo7iy","negative-alert":"status-badge__negative-alert_yo7iy","negative-block":"status-badge__negative-block_yo7iy","attention-alert":"status-badge__attention-alert_yo7iy","neutral-information":"status-badge__neutral-information_yo7iy","neutral-operation":"status-badge__neutral-operation_yo7iy","neutral-cross":"status-badge__neutral-cross_yo7iy"};
+var invertedColors = {"positive-checkmark":"status-badge__positive-checkmark_55f9k","negative-cross":"status-badge__negative-cross_55f9k","negative-alert":"status-badge__negative-alert_55f9k","negative-block":"status-badge__negative-block_55f9k","attention-alert":"status-badge__attention-alert_55f9k","neutral-information":"status-badge__neutral-information_55f9k","neutral-operation":"status-badge__neutral-operation_55f9k","neutral-cross":"status-badge__neutral-cross_55f9k"};
 require('./inverted.css');
 
 var colorStyles = {

package/status-badge/esm/default.css

@@ -18,16 +18,16 @@
 } :root {
 } :root {
 } :root {
-} .status-badge__positive-checkmark_1qjlx {
+} .status-badge__positive-checkmark_1uqcz {
     background-color: var(--color-light-status-positive);
-} .status-badge__negative-cross_1qjlx,
-.status-badge__negative-alert_1qjlx,
-.status-badge__negative-block_1qjlx {
+} .status-badge__negative-cross_1uqcz,
+.status-badge__negative-alert_1uqcz,
+.status-badge__negative-block_1uqcz {
     background-color: var(--color-light-status-negative);
-} .status-badge__attention-alert_1qjlx {
+} .status-badge__attention-alert_1uqcz {
     background-color: var(--color-light-status-attention);
-} .status-badge__neutral-information_1qjlx,
-.status-badge__neutral-operation_1qjlx,
-.status-badge__neutral-cross_1qjlx {
+} .status-badge__neutral-information_1uqcz,
+.status-badge__neutral-operation_1uqcz,
+.status-badge__neutral-cross_1uqcz {
     background-color: var(--color-light-neutral-700);
 }

package/status-badge/esm/index.css

@@ -16,35 +16,35 @@
 } :root {
 } :root {
 } :root {
-} .status-badge__component_75yw9 {
+} .status-badge__component_11kkv {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     color: var(--color-static-neutral-1500-inverted);
     vertical-align: top;
-} .status-badge__size-16_75yw9 {
+} .status-badge__size-16_11kkv {
     width: 16px;
     height: 16px;
-} .status-badge__size-20_75yw9 {
+} .status-badge__size-20_11kkv {
     width: 20px;
     height: 20px;
-} .status-badge__size-24_75yw9 {
+} .status-badge__size-24_11kkv {
     width: 24px;
     height: 24px
-} .status-badge__size-24_75yw9 > svg {
+} .status-badge__size-24_11kkv > svg {
         width: 20px;
         height: 20px;
-    } .status-badge__size-32_75yw9 {
+    } .status-badge__size-32_11kkv {
     width: 32px;
     height: 32px
-} .status-badge__size-32_75yw9 > svg {
+} .status-badge__size-32_11kkv > svg {
         width: 24px;
         height: 24px;
-    } .status-badge__size-40_75yw9 {
+    } .status-badge__size-40_11kkv {
     width: 40px;
     height: 40px
-} .status-badge__size-40_75yw9 > svg {
+} .status-badge__size-40_11kkv > svg {
         width: 32px;
         height: 32px;
     }

package/status-badge/esm/inverted.css

@@ -18,16 +18,16 @@
 } :root {
 } :root {
 } :root {
-} .status-badge__positive-checkmark_yo7iy {
+} .status-badge__positive-checkmark_55f9k {
     background-color: var(--color-light-status-positive-inverted);
-} .status-badge__negative-cross_yo7iy,
-.status-badge__negative-alert_yo7iy,
-.status-badge__negative-block_yo7iy {
+} .status-badge__negative-cross_55f9k,
+.status-badge__negative-alert_55f9k,
+.status-badge__negative-block_55f9k {
     background-color: var(--color-light-status-negative-inverted);
-} .status-badge__attention-alert_yo7iy {
+} .status-badge__attention-alert_55f9k {
     background-color: var(--color-light-status-attention-inverted);
-} .status-badge__neutral-information_yo7iy,
-.status-badge__neutral-operation_yo7iy,
-.status-badge__neutral-cross_yo7iy {
+} .status-badge__neutral-information_55f9k,
+.status-badge__neutral-operation_55f9k,
+.status-badge__neutral-cross_55f9k {
     background-color: var(--color-light-neutral-700-inverted);
 }

package/status-badge/index.css

@@ -16,35 +16,35 @@
 } :root {
 } :root {
 } :root {
-} .status-badge__component_75yw9 {
+} .status-badge__component_11kkv {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     color: var(--color-static-neutral-1500-inverted);
     vertical-align: top;
-} .status-badge__size-16_75yw9 {
+} .status-badge__size-16_11kkv {
     width: 16px;
     height: 16px;
-} .status-badge__size-20_75yw9 {
+} .status-badge__size-20_11kkv {
     width: 20px;
     height: 20px;
-} .status-badge__size-24_75yw9 {
+} .status-badge__size-24_11kkv {
     width: 24px;
     height: 24px
-} .status-badge__size-24_75yw9 > svg {
+} .status-badge__size-24_11kkv > svg {
         width: 20px;
         height: 20px;
-    } .status-badge__size-32_75yw9 {
+    } .status-badge__size-32_11kkv {
     width: 32px;
     height: 32px
-} .status-badge__size-32_75yw9 > svg {
+} .status-badge__size-32_11kkv > svg {
         width: 24px;
         height: 24px;
-    } .status-badge__size-40_75yw9 {
+    } .status-badge__size-40_11kkv {
     width: 40px;
     height: 40px
-} .status-badge__size-40_75yw9 > svg {
+} .status-badge__size-40_11kkv > svg {
         width: 32px;
         height: 32px;
     }