@alfalab/core-components 48.27.5 → 48.29.0-beta.0

package/attach/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p4xw */
+/* hash: qx1z5 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa;
@@ -31,7 +31,7 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .attach__component_1eeay {
+} /* сбрасывает синюю подсветку при нажатии */ .attach__component_vqw3s {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -40,7 +40,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_1eeay {
+} .attach__label_vqw3s {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -49,16 +49,16 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_1eeay {
+} .attach__control_vqw3s {
     opacity: 0;
     cursor: inherit
-} .attach__control_1eeay::-webkit-file-upload-button {
+} .attach__control_vqw3s::-webkit-file-upload-button {
         cursor: inherit;
-    } .attach__size-64_1eeay .attach__file_1eeay,
-.attach__size-64_1eeay .attach__noFile_1eeay {
+    } .attach__size-64_vqw3s .attach__file_vqw3s,
+.attach__size-64_vqw3s .attach__noFile_vqw3s {
     margin-left: var(--gap-12);
-} .attach__file_1eeay,
-.attach__noFile_1eeay {
+} .attach__file_vqw3s,
+.attach__noFile_vqw3s {
     display: inline-block;
     text-align: center;
     color: var(--color-light-text-secondary);
@@ -69,9 +69,9 @@
     line-height: 16px;
 
     font-weight: 400;
-} .attach__abbreviation_1eeay {
+} .attach__abbreviation_vqw3s {
     text-decoration: none;
-} .attach__clear_1eeay {
+} .attach__clear_vqw3s {
     margin: var(--gap-0) var(--gap-0) var(--gap-0) 5px;
     padding: var(--gap-0);
     cursor: pointer;
@@ -82,17 +82,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_1eeay:before {
+} .attach__clear_vqw3s:before {
         content: '\D7';
-    } .attach__progressBar_1eeay {
+    } .attach__progressBar_vqw3s {
     margin-top: var(--gap-4);
-} .attach__disabled_1eeay .attach__noFile_1eeay,
-.attach__disabled_1eeay .attach__file_1eeay,
-.attach__disabled_1eeay .attach__icon_1eeay {
+} .attach__disabled_vqw3s .attach__noFile_vqw3s,
+.attach__disabled_vqw3s .attach__file_vqw3s,
+.attach__disabled_vqw3s .attach__icon_vqw3s {
     opacity: 0.3;
-} .attach__disabled_1eeay .attach__clear_1eeay {
+} .attach__disabled_vqw3s .attach__clear_vqw3s {
     display: none;
-} .attach__focused_1eeay {
+} .attach__focused_vqw3s {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/backdrop/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"backdrop":"backdrop__backdrop_1wfyx","appear":"backdrop__appear_1wfyx","enter":"backdrop__enter_1wfyx","appearActive":"backdrop__appearActive_1wfyx","enterActive":"backdrop__enterActive_1wfyx","appearDone":"backdrop__appearDone_1wfyx","enterDone":"backdrop__enterDone_1wfyx","exit":"backdrop__exit_1wfyx","exitActive":"backdrop__exitActive_1wfyx","exitDone":"backdrop__exitDone_1wfyx","transparent":"backdrop__transparent_1wfyx"};
+var styles = {"backdrop":"backdrop__backdrop_1039g","appear":"backdrop__appear_1039g","enter":"backdrop__enter_1039g","appearActive":"backdrop__appearActive_1039g","enterActive":"backdrop__enterActive_1039g","appearDone":"backdrop__appearDone_1039g","enterDone":"backdrop__enterDone_1039g","exit":"backdrop__exit_1039g","exitActive":"backdrop__exitActive_1039g","exitDone":"backdrop__exitDone_1039g","transparent":"backdrop__transparent_1039g"};
 require('./index.css');
 
 var Backdrop = function (_a) {

package/backdrop/esm/Component.js

@@ -3,7 +3,7 @@ import React, { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 
-var styles = {"backdrop":"backdrop__backdrop_1wfyx","appear":"backdrop__appear_1wfyx","enter":"backdrop__enter_1wfyx","appearActive":"backdrop__appearActive_1wfyx","enterActive":"backdrop__enterActive_1wfyx","appearDone":"backdrop__appearDone_1wfyx","enterDone":"backdrop__enterDone_1wfyx","exit":"backdrop__exit_1wfyx","exitActive":"backdrop__exitActive_1wfyx","exitDone":"backdrop__exitDone_1wfyx","transparent":"backdrop__transparent_1wfyx"};
+var styles = {"backdrop":"backdrop__backdrop_1039g","appear":"backdrop__appear_1039g","enter":"backdrop__enter_1039g","appearActive":"backdrop__appearActive_1039g","enterActive":"backdrop__enterActive_1039g","appearDone":"backdrop__appearDone_1039g","enterDone":"backdrop__enterDone_1039g","exit":"backdrop__exit_1039g","exitActive":"backdrop__exitActive_1039g","exitDone":"backdrop__exitDone_1039g","transparent":"backdrop__transparent_1039g"};
 require('./index.css');
 
 var Backdrop = function (_a) {

package/backdrop/esm/index.css

@@ -26,7 +26,7 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_1wfyx {
+} .backdrop__backdrop_1039g {
     z-index: -1;
     position: fixed;
     right: var(--gap-0);
@@ -34,21 +34,21 @@
     top: var(--gap-0);
     left: var(--gap-0);
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_1wfyx,
-.backdrop__enter_1wfyx {
+} .backdrop__appear_1039g,
+.backdrop__enter_1039g {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_1wfyx,
-.backdrop__enterActive_1wfyx,
-.backdrop__appearDone_1wfyx,
-.backdrop__enterDone_1wfyx {
+} .backdrop__appearActive_1039g,
+.backdrop__enterActive_1039g,
+.backdrop__appearDone_1039g,
+.backdrop__enterDone_1039g {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_1wfyx {
+} .backdrop__exit_1039g {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_1wfyx,
-.backdrop__exitDone_1wfyx {
+} .backdrop__exitActive_1039g,
+.backdrop__exitDone_1039g {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
-} .backdrop__transparent_1wfyx.backdrop__transparent_1wfyx {
+} .backdrop__transparent_1039g.backdrop__transparent_1039g {
     background-color: var(--backdrop-hidden-background);
 }

package/backdrop/index.css

@@ -26,7 +26,7 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_1wfyx {
+} .backdrop__backdrop_1039g {
     z-index: -1;
     position: fixed;
     right: var(--gap-0);
@@ -34,21 +34,21 @@
     top: var(--gap-0);
     left: var(--gap-0);
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_1wfyx,
-.backdrop__enter_1wfyx {
+} .backdrop__appear_1039g,
+.backdrop__enter_1039g {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_1wfyx,
-.backdrop__enterActive_1wfyx,
-.backdrop__appearDone_1wfyx,
-.backdrop__enterDone_1wfyx {
+} .backdrop__appearActive_1039g,
+.backdrop__enterActive_1039g,
+.backdrop__appearDone_1039g,
+.backdrop__enterDone_1039g {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_1wfyx {
+} .backdrop__exit_1039g {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_1wfyx,
-.backdrop__exitDone_1wfyx {
+} .backdrop__exitActive_1039g,
+.backdrop__exitDone_1039g {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
-} .backdrop__transparent_1wfyx.backdrop__transparent_1wfyx {
+} .backdrop__transparent_1039g.backdrop__transparent_1039g {
     background-color: var(--backdrop-hidden-background);
 }

package/backdrop/modern/Component.js

@@ -2,7 +2,7 @@ import React, { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 
-const styles = {"backdrop":"backdrop__backdrop_1wfyx","appear":"backdrop__appear_1wfyx","enter":"backdrop__enter_1wfyx","appearActive":"backdrop__appearActive_1wfyx","enterActive":"backdrop__enterActive_1wfyx","appearDone":"backdrop__appearDone_1wfyx","enterDone":"backdrop__enterDone_1wfyx","exit":"backdrop__exit_1wfyx","exitActive":"backdrop__exitActive_1wfyx","exitDone":"backdrop__exitDone_1wfyx","transparent":"backdrop__transparent_1wfyx"};
+const styles = {"backdrop":"backdrop__backdrop_1039g","appear":"backdrop__appear_1039g","enter":"backdrop__enter_1039g","appearActive":"backdrop__appearActive_1039g","enterActive":"backdrop__enterActive_1039g","appearDone":"backdrop__appearDone_1039g","enterDone":"backdrop__enterDone_1039g","exit":"backdrop__exit_1039g","exitActive":"backdrop__exitActive_1039g","exitDone":"backdrop__exitDone_1039g","transparent":"backdrop__transparent_1039g"};
 require('./index.css');
 
 const Backdrop = ({ className, open = false, invisible = false, timeout = 200, children, onClose, dataTestId, transitionClassNames = styles, transparent = false, ...restProps }) => {

package/backdrop/modern/index.css

@@ -26,7 +26,7 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_1wfyx {
+} .backdrop__backdrop_1039g {
     z-index: -1;
     position: fixed;
     right: var(--gap-0);
@@ -34,21 +34,21 @@
     top: var(--gap-0);
     left: var(--gap-0);
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_1wfyx,
-.backdrop__enter_1wfyx {
+} .backdrop__appear_1039g,
+.backdrop__enter_1039g {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_1wfyx,
-.backdrop__enterActive_1wfyx,
-.backdrop__appearDone_1wfyx,
-.backdrop__enterDone_1wfyx {
+} .backdrop__appearActive_1039g,
+.backdrop__enterActive_1039g,
+.backdrop__appearDone_1039g,
+.backdrop__enterDone_1039g {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_1wfyx {
+} .backdrop__exit_1039g {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_1wfyx,
-.backdrop__exitDone_1wfyx {
+} .backdrop__exitActive_1039g,
+.backdrop__exitDone_1039g {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
-} .backdrop__transparent_1wfyx.backdrop__transparent_1wfyx {
+} .backdrop__transparent_1039g.backdrop__transparent_1039g {
     background-color: var(--backdrop-hidden-background);
 }

package/badge/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"wrapper":"badge__wrapper_i4y0x","s":"badge__s_i4y0x","m":"badge__m_i4y0x","xl":"badge__xl_i4y0x","component":"badge__component_i4y0x","background-accent":"badge__background-accent_i4y0x","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_i4y0x","background-primary":"badge__background-primary_i4y0x","countWrapper":"badge__countWrapper_i4y0x","count":"badge__count_i4y0x","outlineCount":"badge__outlineCount_i4y0x","l":"badge__l_i4y0x","heightS":"badge__heightS_i4y0x","heightM":"badge__heightM_i4y0x","heightL":"badge__heightL_i4y0x","heightXL":"badge__heightXL_i4y0x","heightXXL":"badge__heightXXL_i4y0x","icon":"badge__icon_i4y0x","positive":"badge__positive_i4y0x","attention":"badge__attention_i4y0x","negative":"badge__negative_i4y0x","link":"badge__link_i4y0x","tertiary":"badge__tertiary_i4y0x","secondary":"badge__secondary_i4y0x","primary":"badge__primary_i4y0x","graphic-static-light":"badge__graphic-static-light_i4y0x","graphic-primary":"badge__graphic-primary_i4y0x","outline":"badge__outline_i4y0x","outlineColor":"badge__outlineColor_i4y0x","dot":"badge__dot_i4y0x","isHidden":"badge__isHidden_i4y0x"};
+var styles = {"wrapper":"badge__wrapper_lycng","s":"badge__s_lycng","m":"badge__m_lycng","xl":"badge__xl_lycng","component":"badge__component_lycng","background-accent":"badge__background-accent_lycng","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_lycng","background-primary":"badge__background-primary_lycng","countWrapper":"badge__countWrapper_lycng","count":"badge__count_lycng","outlineCount":"badge__outlineCount_lycng","l":"badge__l_lycng","heightS":"badge__heightS_lycng","heightM":"badge__heightM_lycng","heightL":"badge__heightL_lycng","heightXL":"badge__heightXL_lycng","heightXXL":"badge__heightXXL_lycng","icon":"badge__icon_lycng","positive":"badge__positive_lycng","attention":"badge__attention_lycng","negative":"badge__negative_lycng","link":"badge__link_lycng","tertiary":"badge__tertiary_lycng","secondary":"badge__secondary_lycng","primary":"badge__primary_lycng","graphic-static-light":"badge__graphic-static-light_lycng","graphic-primary":"badge__graphic-primary_lycng","outline":"badge__outline_lycng","outlineColor":"badge__outlineColor_lycng","dot":"badge__dot_lycng","isHidden":"badge__isHidden_lycng"};
 require('./index.css');
 
 function getSize(height) {

package/badge/esm/Component.js

@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"wrapper":"badge__wrapper_i4y0x","s":"badge__s_i4y0x","m":"badge__m_i4y0x","xl":"badge__xl_i4y0x","component":"badge__component_i4y0x","background-accent":"badge__background-accent_i4y0x","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_i4y0x","background-primary":"badge__background-primary_i4y0x","countWrapper":"badge__countWrapper_i4y0x","count":"badge__count_i4y0x","outlineCount":"badge__outlineCount_i4y0x","l":"badge__l_i4y0x","heightS":"badge__heightS_i4y0x","heightM":"badge__heightM_i4y0x","heightL":"badge__heightL_i4y0x","heightXL":"badge__heightXL_i4y0x","heightXXL":"badge__heightXXL_i4y0x","icon":"badge__icon_i4y0x","positive":"badge__positive_i4y0x","attention":"badge__attention_i4y0x","negative":"badge__negative_i4y0x","link":"badge__link_i4y0x","tertiary":"badge__tertiary_i4y0x","secondary":"badge__secondary_i4y0x","primary":"badge__primary_i4y0x","graphic-static-light":"badge__graphic-static-light_i4y0x","graphic-primary":"badge__graphic-primary_i4y0x","outline":"badge__outline_i4y0x","outlineColor":"badge__outlineColor_i4y0x","dot":"badge__dot_i4y0x","isHidden":"badge__isHidden_i4y0x"};
+var styles = {"wrapper":"badge__wrapper_lycng","s":"badge__s_lycng","m":"badge__m_lycng","xl":"badge__xl_lycng","component":"badge__component_lycng","background-accent":"badge__background-accent_lycng","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_lycng","background-primary":"badge__background-primary_lycng","countWrapper":"badge__countWrapper_lycng","count":"badge__count_lycng","outlineCount":"badge__outlineCount_lycng","l":"badge__l_lycng","heightS":"badge__heightS_lycng","heightM":"badge__heightM_lycng","heightL":"badge__heightL_lycng","heightXL":"badge__heightXL_lycng","heightXXL":"badge__heightXXL_lycng","icon":"badge__icon_lycng","positive":"badge__positive_lycng","attention":"badge__attention_lycng","negative":"badge__negative_lycng","link":"badge__link_lycng","tertiary":"badge__tertiary_lycng","secondary":"badge__secondary_lycng","primary":"badge__primary_lycng","graphic-static-light":"badge__graphic-static-light_lycng","graphic-primary":"badge__graphic-primary_lycng","outline":"badge__outline_lycng","outlineColor":"badge__outlineColor_lycng","dot":"badge__dot_lycng","isHidden":"badge__isHidden_lycng"};
 require('./index.css');
 
 function getSize(height) {

package/badge/esm/index.css

@@ -52,25 +52,25 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --badge-icon-bg-color: var(--color-light-neutral-translucent-1300-inverted);
-} .badge__wrapper_i4y0x {
+} .badge__wrapper_lycng {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_i4y0x.badge__s_i4y0x {
+} .badge__wrapper_lycng.badge__s_lycng {
         padding: var(--gap-2);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_i4y0x.badge__m_i4y0x {
+    } .badge__wrapper_lycng.badge__m_lycng {
         padding: var(--gap-2);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_i4y0x.badge__xl_i4y0x {
+    } .badge__wrapper_lycng.badge__xl_lycng {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_i4y0x {
+    } .badge__component_lycng {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -80,93 +80,93 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_i4y0x.badge__background-accent_i4y0x {
+} .badge__component_lycng.badge__background-accent_lycng {
         background-color: var(--color-light-accent-primary);
         color: var(--color-static-text-primary-inverted);
-    } .badge__component_i4y0x.badge__background-specialbg-secondary-transparent_i4y0x {
+    } .badge__component_lycng.badge__background-specialbg-secondary-transparent_lycng {
         background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_i4y0x.badge__background-primary_i4y0x {
+    } .badge__component_lycng.badge__background-primary_lycng {
         background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__countWrapper_i4y0x {
+    } .badge__countWrapper_lycng {
     display: inline-flex;
     border-radius: var(--border-radius-pill);
-} .badge__count_i4y0x {
+} .badge__count_lycng {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-} .badge__outlineCount_i4y0x {
+} .badge__outlineCount_lycng {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_i4y0x {
+} .badge__s_lycng {
     height: 16px;
     min-width: 16px;
     padding: var(--gap-0) var(--gap-4);
-} .badge__m_i4y0x {
+} .badge__m_lycng {
     height: 20px;
     min-width: 20px;
     padding: var(--gap-0) 6px;
-} .badge__l_i4y0x {
+} .badge__l_lycng {
     height: 24px;
     min-width: 24px;
     padding: var(--gap-0) 6px;
-} .badge__heightS_i4y0x {
+} .badge__heightS_lycng {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: var(--gap-0) var(--gap-4);
-} .badge__heightM_i4y0x {
+} .badge__heightM_lycng {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: var(--gap-0) var(--gap-4);
-} .badge__heightL_i4y0x {
+} .badge__heightL_lycng {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: var(--gap-0) var(--gap-8);
-} .badge__heightXL_i4y0x {
+} .badge__heightXL_lycng {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: var(--gap-0) var(--gap-12);
-} .badge__heightXXL_i4y0x {
+} .badge__heightXXL_lycng {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: var(--gap-0) var(--gap-16);
-} .badge__heightS_i4y0x.badge__outlineCount_i4y0x {
+} .badge__heightS_lycng.badge__outlineCount_lycng {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_i4y0x {
+} .badge__icon_lycng {
     max-height: 30px;
     min-width: 0;
     padding: var(--gap-0);
     color: var(--color-light-status-positive)
-} .badge__icon_i4y0x.badge__positive_i4y0x {
+} .badge__icon_lycng.badge__positive_lycng {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_i4y0x.badge__attention_i4y0x {
+    } .badge__icon_lycng.badge__attention_lycng {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_i4y0x.badge__negative_i4y0x {
+    } .badge__icon_lycng.badge__negative_lycng {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_i4y0x.badge__link_i4y0x {
+    } .badge__icon_lycng.badge__link_lycng {
         color: var(--color-light-status-info);
         background-color: var(--color-light-status-info);
-    } .badge__icon_i4y0x.badge__tertiary_i4y0x {
+    } .badge__icon_lycng.badge__tertiary_lycng {
         color: var(--color-light-neutral-500);
         background-color: var(--color-light-neutral-500);
-    } .badge__icon_i4y0x.badge__secondary_i4y0x {
+    } .badge__icon_lycng.badge__secondary_lycng {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_i4y0x.badge__primary_i4y0x {
+    } .badge__icon_lycng.badge__primary_lycng {
         color: var(--color-light-neutral-translucent-1300);
         background-color: var(--color-light-neutral-translucent-1300);
-    } .badge__icon_i4y0x.badge__s_i4y0x {
+    } .badge__icon_lycng.badge__s_lycng {
     width: 16px;
     height: 16px;
-} .badge__icon_i4y0x:before {
+} .badge__icon_lycng:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -175,45 +175,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_i4y0x.badge__icon_i4y0x:before {
+} .badge__graphic-static-light_lycng.badge__icon_lycng:before {
     background-color: var(--color-static-neutral-translucent-1300-inverted);
-} .badge__graphic-primary_i4y0x.badge__icon_i4y0x:before {
+} .badge__graphic-primary_lycng.badge__icon_lycng:before {
     background-color: var(--color-light-neutral-translucent-1300);
-} .badge__outline_i4y0x {
+} .badge__outline_lycng {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_i4y0x {
+} .badge__outlineColor_lycng {
     background-color: var(--color-light-accent-primary)
-} .badge__outlineColor_i4y0x.badge__attention_i4y0x {
+} .badge__outlineColor_lycng.badge__attention_lycng {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_i4y0x.badge__positive_i4y0x {
+    } .badge__outlineColor_lycng.badge__positive_lycng {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_i4y0x.badge__negative_i4y0x {
+    } .badge__outlineColor_lycng.badge__negative_lycng {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_i4y0x.badge__link_i4y0x {
+    } .badge__outlineColor_lycng.badge__link_lycng {
         background-color: var(--color-light-status-info);
-    } .badge__outlineColor_i4y0x.badge__tertiary_i4y0x {
+    } .badge__outlineColor_lycng.badge__tertiary_lycng {
         background-color: var(--color-light-neutral-500);
-    } .badge__outlineColor_i4y0x.badge__secondary_i4y0x {
+    } .badge__outlineColor_lycng.badge__secondary_lycng {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_i4y0x.badge__primary_i4y0x {
+    } .badge__outlineColor_lycng.badge__primary_lycng {
         background-color: var(--color-light-neutral-translucent-1300);
-    } .badge__dot_i4y0x {
+    } .badge__dot_lycng {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: var(--gap-0);
-} .badge__dot_i4y0x.badge__outlineCount_i4y0x {
+} .badge__dot_lycng.badge__outlineCount_lycng {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_i4y0x {
+} .badge__isHidden_lycng {
     display: none;
-} .badge__icon_i4y0x svg {
+} .badge__icon_lycng svg {
     position: relative;
-} .badge__m_i4y0x svg {
+} .badge__m_lycng svg {
     top: var(--gap-2-neg);
     left: var(--gap-2-neg);
     width: 24px;
     height: 24px;
-} .badge__xl_i4y0x svg {
+} .badge__xl_lycng svg {
     width: 30px;
     height: 30px;
 }