@alfalab/core-components 48.27.3 → 48.27.5

package/tag/components/base-tag/default.css

@@ -80,41 +80,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_254jf.tag__outlined_254jf {
+} .tag__component_dy37z.tag__outlined_dy37z {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_254jf.tag__outlined_254jf:disabled {
+    } .tag__component_dy37z.tag__outlined_dy37z:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_254jf.tag__outlined_254jf:hover:not(:disabled) {
+            .tag__component_dy37z.tag__outlined_dy37z:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_254jf.tag__outlined_254jf:active:not(:disabled) {
+        } .tag__component_dy37z.tag__outlined_dy37z:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_254jf.tag__filled_254jf {
+        } .tag__component_dy37z.tag__filled_dy37z {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_254jf.tag__filled_254jf:disabled {
+    } .tag__component_dy37z.tag__filled_dy37z:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_254jf.tag__checked_254jf {
+        } .tag__component_dy37z.tag__checked_dy37z {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_254jf.tag__checked_254jf:disabled {
+    } .tag__component_dy37z.tag__checked_dy37z:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_254jf.tag__checked_254jf:hover:not(:disabled) {
+            .tag__component_dy37z.tag__checked_dy37z:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_254jf.tag__checked_254jf:active:not(:disabled) {
+        } .tag__component_dy37z.tag__checked_dy37z:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

package/tag/components/base-tag/index.css

@@ -81,7 +81,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_14do5 {
+} .tag__component_tnu35 {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -99,107 +99,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_14do5:disabled {
+} .tag__component_tnu35:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_14do5 {
+    } .tag__focused_tnu35 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_14do5 {
+} .tag__addons_tnu35 {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_14do5:first-child {
+} .tag__addons_tnu35:first-child {
         margin-right: 6px;
-    } .tag__addons_14do5:last-child {
+    } .tag__addons_tnu35:last-child {
         margin-left: 6px;
-    } .tag__addons_14do5:only-child {
+    } .tag__addons_tnu35:only-child {
         margin: var(--gap-0);
-    } .tag__size-48_14do5 .tag__addons_14do5:first-child, .tag__size-56_14do5 .tag__addons_14do5:first-child {
+    } .tag__size-48_tnu35 .tag__addons_tnu35:first-child, .tag__size-56_tnu35 .tag__addons_tnu35:first-child {
         margin-right: var(--gap-8);
-    } .tag__size-48_14do5 .tag__addons_14do5:last-child, .tag__size-56_14do5 .tag__addons_14do5:last-child {
+    } .tag__size-48_tnu35 .tag__addons_tnu35:last-child, .tag__size-56_tnu35 .tag__addons_tnu35:last-child {
         margin-left: var(--gap-8);
-    } .tag__size-64_14do5 .tag__addons_14do5:first-child, .tag__size-72_14do5 .tag__addons_14do5:first-child {
+    } .tag__size-64_tnu35 .tag__addons_tnu35:first-child, .tag__size-72_tnu35 .tag__addons_tnu35:first-child {
         margin-right: var(--gap-12);
-    } .tag__size-64_14do5 .tag__addons_14do5:last-child, .tag__size-72_14do5 .tag__addons_14do5:last-child {
+    } .tag__size-64_tnu35 .tag__addons_tnu35:last-child, .tag__size-72_tnu35 .tag__addons_tnu35:last-child {
         margin-left: var(--gap-12);
-    } .tag__size-32_14do5 {
+    } .tag__size-32_tnu35 {
     min-width: 52px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) var(--gap-12);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-40_14do5 {
+} .tag__size-40_tnu35 {
     min-width: 64px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) var(--gap-16);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-48_14do5 {
+} .tag__size-48_tnu35 {
     min-width: 72px;
     min-height: var(--size-s-height);
     padding: var(--gap-0) var(--gap-20);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-56_14do5 {
+} .tag__size-56_tnu35 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 88px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) var(--gap-24);
-} .tag__size-64_14do5 {
+} .tag__size-64_tnu35 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 28px;
-} .tag__size-72_14do5 {
+} .tag__size-72_tnu35 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) var(--gap-32);
-} .tag__withRightAddons_14do5.tag__size-32_14do5 {
+} .tag__withRightAddons_tnu35.tag__size-32_tnu35 {
         padding-right: var(--gap-8);
-    } .tag__withRightAddons_14do5.tag__size-40_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-40_tnu35 {
         padding-right: var(--gap-12);
-    } .tag__withRightAddons_14do5.tag__size-48_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-48_tnu35 {
         padding-right: var(--gap-16);
-    } .tag__withRightAddons_14do5.tag__size-56_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-56_tnu35 {
         padding-right: var(--gap-20);
-    } .tag__withRightAddons_14do5.tag__size-64_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-64_tnu35 {
         padding-right: var(--gap-24);
-    } .tag__withRightAddons_14do5.tag__size-72_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-72_tnu35 {
         padding-right: 28px;
-    } .tag__withLeftAddons_14do5.tag__size-32_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-32_tnu35 {
         padding-left: var(--gap-8);
-    } .tag__withLeftAddons_14do5.tag__size-40_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-40_tnu35 {
         padding-left: var(--gap-12);
-    } .tag__withLeftAddons_14do5.tag__size-48_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-48_tnu35 {
         padding-left: var(--gap-16);
-    } .tag__withLeftAddons_14do5.tag__size-56_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-56_tnu35 {
         padding-left: var(--gap-20);
-    } .tag__withLeftAddons_14do5.tag__size-64_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-64_tnu35 {
         padding-left: var(--gap-24);
-    } .tag__withLeftAddons_14do5.tag__size-72_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-72_tnu35 {
         padding-left: 28px;
-    } .tag__rounded_14do5.tag__size-32_14do5 {
+    } .tag__rounded_tnu35.tag__size-32_tnu35 {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_14do5.tag__size-40_14do5 {
+    } .tag__rounded_tnu35.tag__size-40_tnu35 {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_14do5.tag__size-48_14do5 {
+    } .tag__rounded_tnu35.tag__size-48_tnu35 {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_14do5.tag__size-56_14do5,
-    .tag__rounded_14do5.tag__size-64_14do5,
-    .tag__rounded_14do5.tag__size-72_14do5 {
+    } .tag__rounded_tnu35.tag__size-56_tnu35,
+    .tag__rounded_tnu35.tag__size-64_tnu35,
+    .tag__rounded_tnu35.tag__size-72_tnu35 {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_14do5.tag__outlined_14do5.tag__checked_14do5[disabled],
-    .tag__allowBackdropBlur_14do5.tag__filled_14do5 {
+    } .tag__allowBackdropBlur_tnu35.tag__outlined_tnu35.tag__checked_tnu35[disabled],
+    .tag__allowBackdropBlur_tnu35.tag__filled_tnu35 {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

package/tag/components/base-tag/inverted.css

@@ -85,41 +85,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1jlrv.tag__outlined_1jlrv {
+} .tag__component_1veqj.tag__outlined_1veqj {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1jlrv.tag__outlined_1jlrv:disabled {
+    } .tag__component_1veqj.tag__outlined_1veqj:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1jlrv.tag__outlined_1jlrv:hover:not(:disabled) {
+            .tag__component_1veqj.tag__outlined_1veqj:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1jlrv.tag__outlined_1jlrv:active:not(:disabled) {
+        } .tag__component_1veqj.tag__outlined_1veqj:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1jlrv.tag__filled_1jlrv {
+        } .tag__component_1veqj.tag__filled_1veqj {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1jlrv.tag__filled_1jlrv:disabled {
+    } .tag__component_1veqj.tag__filled_1veqj:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1jlrv.tag__checked_1jlrv {
+        } .tag__component_1veqj.tag__checked_1veqj {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_1jlrv.tag__checked_1jlrv:disabled {
+    } .tag__component_1veqj.tag__checked_1veqj:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1jlrv.tag__checked_1jlrv:hover:not(:disabled) {
+            .tag__component_1veqj.tag__checked_1veqj:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1jlrv.tag__checked_1jlrv:active:not(:disabled) {
+        } .tag__component_1veqj.tag__checked_1veqj:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/desktop/Component.desktop.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"filled":"tag__filled_s4iq6"};
+var defaultColors = {"filled":"tag__filled_1x85j"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_1ly1i","size-32":"tag__size-32_1ly1i","size-40":"tag__size-40_1ly1i","size-48":"tag__size-48_1ly1i","size-56":"tag__size-56_1ly1i","size-64":"tag__size-64_1ly1i","size-72":"tag__size-72_1ly1i"};
+var styles = {"rectangular":"tag__rectangular_1wnvk","size-32":"tag__size-32_1wnvk","size-40":"tag__size-40_1wnvk","size-48":"tag__size-48_1wnvk","size-56":"tag__size-56_1wnvk","size-64":"tag__size-64_1wnvk","size-72":"tag__size-72_1wnvk"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_rmmas"};
+var invertedColors = {"filled":"tag__filled_1ttnk"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/desktop/default.desktop.css

@@ -60,15 +60,15 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_s4iq6 {
+} .tag__filled_1x85j {
     background-color: var(--tag-filled-background-color)
-} .tag__filled_s4iq6:disabled {
+} .tag__filled_1x85j:disabled {
         background-color: var(--tag-filled-background-color-disabled);
         border-color: var(--tag-filled-border-color);
     } @media (hover: hover) {
-        .tag__filled_s4iq6:hover:not(:disabled) {
+        .tag__filled_1x85j:hover:not(:disabled) {
             background-color: var(--tag-filled-background-color-hover);
         }
-    } .tag__filled_s4iq6:active:not(:disabled) {
+    } .tag__filled_1x85j:active:not(:disabled) {
         background-color: var(--tag-filled-background-color-active);
     }

package/tag/desktop/desktop.css

@@ -63,16 +63,16 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_1ly1i.tag__size-32_1ly1i {
+} .tag__rectangular_1wnvk.tag__size-32_1wnvk {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_1ly1i.tag__size-40_1ly1i {
+    } .tag__rectangular_1wnvk.tag__size-40_1wnvk {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_1ly1i.tag__size-48_1ly1i {
+    } .tag__rectangular_1wnvk.tag__size-48_1wnvk {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_1ly1i.tag__size-56_1ly1i {
+    } .tag__rectangular_1wnvk.tag__size-56_1wnvk {
         border-radius: var(--tag-rectangular-m-border-radius);
-    } .tag__rectangular_1ly1i.tag__size-64_1ly1i {
+    } .tag__rectangular_1wnvk.tag__size-64_1wnvk {
         border-radius: var(--tag-rectangular-l-border-radius);
-    } .tag__rectangular_1ly1i.tag__size-72_1ly1i {
+    } .tag__rectangular_1wnvk.tag__size-72_1wnvk {
         border-radius: var(--tag-rectangular-xl-border-radius);
     }

package/tag/desktop/inverted.desktop.css

@@ -62,14 +62,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_rmmas {
+} .tag__filled_1ttnk {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_rmmas:disabled {
+} .tag__filled_1ttnk:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_rmmas:hover:not(:disabled) {
+        .tag__filled_1ttnk:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_rmmas:active:not(:disabled) {
+    } .tag__filled_1ttnk:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-background-color-active);
     }

package/tag/esm/components/base-tag/Component.js

@@ -4,13 +4,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultColors = {"component":"tag__component_254jf","outlined":"tag__outlined_254jf","filled":"tag__filled_254jf","checked":"tag__checked_254jf"};
+var defaultColors = {"component":"tag__component_dy37z","outlined":"tag__outlined_dy37z","filled":"tag__filled_dy37z","checked":"tag__checked_dy37z"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_14do5","focused":"tag__focused_14do5","addons":"tag__addons_14do5","size-48":"tag__size-48_14do5","size-56":"tag__size-56_14do5","size-64":"tag__size-64_14do5","size-72":"tag__size-72_14do5","size-32":"tag__size-32_14do5","size-40":"tag__size-40_14do5","withRightAddons":"tag__withRightAddons_14do5","withLeftAddons":"tag__withLeftAddons_14do5","rounded":"tag__rounded_14do5","allowBackdropBlur":"tag__allowBackdropBlur_14do5","outlined":"tag__outlined_14do5","checked":"tag__checked_14do5","filled":"tag__filled_14do5"};
+var commonStyles = {"component":"tag__component_tnu35","focused":"tag__focused_tnu35","addons":"tag__addons_tnu35","size-48":"tag__size-48_tnu35","size-56":"tag__size-56_tnu35","size-64":"tag__size-64_tnu35","size-72":"tag__size-72_tnu35","size-32":"tag__size-32_tnu35","size-40":"tag__size-40_tnu35","withRightAddons":"tag__withRightAddons_tnu35","withLeftAddons":"tag__withLeftAddons_tnu35","rounded":"tag__rounded_tnu35","allowBackdropBlur":"tag__allowBackdropBlur_tnu35","outlined":"tag__outlined_tnu35","checked":"tag__checked_tnu35","filled":"tag__filled_tnu35"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_1jlrv","outlined":"tag__outlined_1jlrv","filled":"tag__filled_1jlrv","checked":"tag__checked_1jlrv"};
+var invertedColors = {"component":"tag__component_1veqj","outlined":"tag__outlined_1veqj","filled":"tag__filled_1veqj","checked":"tag__checked_1veqj"};
 require('./inverted.css');
 
 var colorCommonStyles = {

package/tag/esm/components/base-tag/default.css

@@ -80,41 +80,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_254jf.tag__outlined_254jf {
+} .tag__component_dy37z.tag__outlined_dy37z {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_254jf.tag__outlined_254jf:disabled {
+    } .tag__component_dy37z.tag__outlined_dy37z:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_254jf.tag__outlined_254jf:hover:not(:disabled) {
+            .tag__component_dy37z.tag__outlined_dy37z:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_254jf.tag__outlined_254jf:active:not(:disabled) {
+        } .tag__component_dy37z.tag__outlined_dy37z:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_254jf.tag__filled_254jf {
+        } .tag__component_dy37z.tag__filled_dy37z {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_254jf.tag__filled_254jf:disabled {
+    } .tag__component_dy37z.tag__filled_dy37z:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_254jf.tag__checked_254jf {
+        } .tag__component_dy37z.tag__checked_dy37z {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_254jf.tag__checked_254jf:disabled {
+    } .tag__component_dy37z.tag__checked_dy37z:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_254jf.tag__checked_254jf:hover:not(:disabled) {
+            .tag__component_dy37z.tag__checked_dy37z:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_254jf.tag__checked_254jf:active:not(:disabled) {
+        } .tag__component_dy37z.tag__checked_dy37z:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

package/tag/esm/components/base-tag/index.css

@@ -81,7 +81,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_14do5 {
+} .tag__component_tnu35 {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -99,107 +99,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_14do5:disabled {
+} .tag__component_tnu35:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_14do5 {
+    } .tag__focused_tnu35 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_14do5 {
+} .tag__addons_tnu35 {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_14do5:first-child {
+} .tag__addons_tnu35:first-child {
         margin-right: 6px;
-    } .tag__addons_14do5:last-child {
+    } .tag__addons_tnu35:last-child {
         margin-left: 6px;
-    } .tag__addons_14do5:only-child {
+    } .tag__addons_tnu35:only-child {
         margin: var(--gap-0);
-    } .tag__size-48_14do5 .tag__addons_14do5:first-child, .tag__size-56_14do5 .tag__addons_14do5:first-child {
+    } .tag__size-48_tnu35 .tag__addons_tnu35:first-child, .tag__size-56_tnu35 .tag__addons_tnu35:first-child {
         margin-right: var(--gap-8);
-    } .tag__size-48_14do5 .tag__addons_14do5:last-child, .tag__size-56_14do5 .tag__addons_14do5:last-child {
+    } .tag__size-48_tnu35 .tag__addons_tnu35:last-child, .tag__size-56_tnu35 .tag__addons_tnu35:last-child {
         margin-left: var(--gap-8);
-    } .tag__size-64_14do5 .tag__addons_14do5:first-child, .tag__size-72_14do5 .tag__addons_14do5:first-child {
+    } .tag__size-64_tnu35 .tag__addons_tnu35:first-child, .tag__size-72_tnu35 .tag__addons_tnu35:first-child {
         margin-right: var(--gap-12);
-    } .tag__size-64_14do5 .tag__addons_14do5:last-child, .tag__size-72_14do5 .tag__addons_14do5:last-child {
+    } .tag__size-64_tnu35 .tag__addons_tnu35:last-child, .tag__size-72_tnu35 .tag__addons_tnu35:last-child {
         margin-left: var(--gap-12);
-    } .tag__size-32_14do5 {
+    } .tag__size-32_tnu35 {
     min-width: 52px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) var(--gap-12);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-40_14do5 {
+} .tag__size-40_tnu35 {
     min-width: 64px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) var(--gap-16);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-48_14do5 {
+} .tag__size-48_tnu35 {
     min-width: 72px;
     min-height: var(--size-s-height);
     padding: var(--gap-0) var(--gap-20);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-56_14do5 {
+} .tag__size-56_tnu35 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 88px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) var(--gap-24);
-} .tag__size-64_14do5 {
+} .tag__size-64_tnu35 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 28px;
-} .tag__size-72_14do5 {
+} .tag__size-72_tnu35 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) var(--gap-32);
-} .tag__withRightAddons_14do5.tag__size-32_14do5 {
+} .tag__withRightAddons_tnu35.tag__size-32_tnu35 {
         padding-right: var(--gap-8);
-    } .tag__withRightAddons_14do5.tag__size-40_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-40_tnu35 {
         padding-right: var(--gap-12);
-    } .tag__withRightAddons_14do5.tag__size-48_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-48_tnu35 {
         padding-right: var(--gap-16);
-    } .tag__withRightAddons_14do5.tag__size-56_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-56_tnu35 {
         padding-right: var(--gap-20);
-    } .tag__withRightAddons_14do5.tag__size-64_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-64_tnu35 {
         padding-right: var(--gap-24);
-    } .tag__withRightAddons_14do5.tag__size-72_14do5 {
+    } .tag__withRightAddons_tnu35.tag__size-72_tnu35 {
         padding-right: 28px;
-    } .tag__withLeftAddons_14do5.tag__size-32_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-32_tnu35 {
         padding-left: var(--gap-8);
-    } .tag__withLeftAddons_14do5.tag__size-40_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-40_tnu35 {
         padding-left: var(--gap-12);
-    } .tag__withLeftAddons_14do5.tag__size-48_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-48_tnu35 {
         padding-left: var(--gap-16);
-    } .tag__withLeftAddons_14do5.tag__size-56_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-56_tnu35 {
         padding-left: var(--gap-20);
-    } .tag__withLeftAddons_14do5.tag__size-64_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-64_tnu35 {
         padding-left: var(--gap-24);
-    } .tag__withLeftAddons_14do5.tag__size-72_14do5 {
+    } .tag__withLeftAddons_tnu35.tag__size-72_tnu35 {
         padding-left: 28px;
-    } .tag__rounded_14do5.tag__size-32_14do5 {
+    } .tag__rounded_tnu35.tag__size-32_tnu35 {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_14do5.tag__size-40_14do5 {
+    } .tag__rounded_tnu35.tag__size-40_tnu35 {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_14do5.tag__size-48_14do5 {
+    } .tag__rounded_tnu35.tag__size-48_tnu35 {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_14do5.tag__size-56_14do5,
-    .tag__rounded_14do5.tag__size-64_14do5,
-    .tag__rounded_14do5.tag__size-72_14do5 {
+    } .tag__rounded_tnu35.tag__size-56_tnu35,
+    .tag__rounded_tnu35.tag__size-64_tnu35,
+    .tag__rounded_tnu35.tag__size-72_tnu35 {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_14do5.tag__outlined_14do5.tag__checked_14do5[disabled],
-    .tag__allowBackdropBlur_14do5.tag__filled_14do5 {
+    } .tag__allowBackdropBlur_tnu35.tag__outlined_tnu35.tag__checked_tnu35[disabled],
+    .tag__allowBackdropBlur_tnu35.tag__filled_tnu35 {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

package/tag/esm/components/base-tag/inverted.css

@@ -85,41 +85,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1jlrv.tag__outlined_1jlrv {
+} .tag__component_1veqj.tag__outlined_1veqj {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1jlrv.tag__outlined_1jlrv:disabled {
+    } .tag__component_1veqj.tag__outlined_1veqj:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1jlrv.tag__outlined_1jlrv:hover:not(:disabled) {
+            .tag__component_1veqj.tag__outlined_1veqj:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1jlrv.tag__outlined_1jlrv:active:not(:disabled) {
+        } .tag__component_1veqj.tag__outlined_1veqj:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1jlrv.tag__filled_1jlrv {
+        } .tag__component_1veqj.tag__filled_1veqj {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1jlrv.tag__filled_1jlrv:disabled {
+    } .tag__component_1veqj.tag__filled_1veqj:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1jlrv.tag__checked_1jlrv {
+        } .tag__component_1veqj.tag__checked_1veqj {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_1jlrv.tag__checked_1jlrv:disabled {
+    } .tag__component_1veqj.tag__checked_1veqj:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1jlrv.tag__checked_1jlrv:hover:not(:disabled) {
+            .tag__component_1veqj.tag__checked_1veqj:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1jlrv.tag__checked_1jlrv:active:not(:disabled) {
+        } .tag__component_1veqj.tag__checked_1veqj:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }