@alfalab/core-components 45.5.0-rc.2 → 45.6.0

package/tag/esm/desktop/inverted.desktop.css

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

package/tag/esm/mobile/Component.mobile.js

@@ -5,13 +5,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-var defaultColors = {"filled":"tag__filled_ltl6d"};
+var defaultColors = {"filled":"tag__filled_16ztp"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_14mo8"};
+var invertedColors = {"filled":"tag__filled_1kpd0"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_lt3p9","size-32":"tag__size-32_lt3p9","size-40":"tag__size-40_lt3p9","size-48":"tag__size-48_lt3p9","size-56":"tag__size-56_lt3p9","size-64":"tag__size-64_lt3p9","size-72":"tag__size-72_lt3p9"};
+var styles = {"rectangular":"tag__rectangular_1c686","size-32":"tag__size-32_1c686","size-40":"tag__size-40_1c686","size-48":"tag__size-48_1c686","size-56":"tag__size-56_1c686","size-64":"tag__size-64_1c686","size-72":"tag__size-72_1c686"};
 require('./mobile.css');
 
 var colorStyles = {

package/tag/esm/mobile/default.mobile.css

@@ -46,14 +46,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .tag__filled_ltl6d {
+} .tag__filled_16ztp {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_ltl6d:disabled {
+} .tag__filled_16ztp:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_ltl6d:hover:not(:disabled) {
+        .tag__filled_16ztp:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_ltl6d:active:not(:disabled) {
+    } .tag__filled_16ztp:active:not(:disabled) {
         background-color: var(--tag-filled-mobile-background-color-active);
     }

package/tag/esm/mobile/inverted.mobile.css

@@ -52,14 +52,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .tag__filled_14mo8 {
+} .tag__filled_1kpd0 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_14mo8:disabled {
+} .tag__filled_1kpd0:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_14mo8:hover:not(:disabled) {
+        .tag__filled_1kpd0:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_14mo8:active:not(:disabled) {
+    } .tag__filled_1kpd0:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-mobile-background-color-active);
     }

package/tag/esm/mobile/mobile.css

@@ -47,14 +47,14 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-l);
 
     /* mobile inverted */
-} .tag__rectangular_lt3p9.tag__size-32_lt3p9 {
+} .tag__rectangular_1c686.tag__size-32_1c686 {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-40_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-40_1c686 {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-48_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-48_1c686 {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-56_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-64_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-72_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-56_1c686,
+    .tag__rectangular_1c686.tag__size-64_1c686,
+    .tag__rectangular_1c686.tag__size-72_1c686 {
         border-radius: var(--tag-alt-mobile-border-radius);
     }

package/tag/mobile/Component.mobile.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_ltl6d"};
+var defaultColors = {"filled":"tag__filled_16ztp"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_14mo8"};
+var invertedColors = {"filled":"tag__filled_1kpd0"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_lt3p9","size-32":"tag__size-32_lt3p9","size-40":"tag__size-40_lt3p9","size-48":"tag__size-48_lt3p9","size-56":"tag__size-56_lt3p9","size-64":"tag__size-64_lt3p9","size-72":"tag__size-72_lt3p9"};
+var styles = {"rectangular":"tag__rectangular_1c686","size-32":"tag__size-32_1c686","size-40":"tag__size-40_1c686","size-48":"tag__size-48_1c686","size-56":"tag__size-56_1c686","size-64":"tag__size-64_1c686","size-72":"tag__size-72_1c686"};
 require('./mobile.css');
 
 var colorStyles = {

package/tag/mobile/default.mobile.css

@@ -46,14 +46,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .tag__filled_ltl6d {
+} .tag__filled_16ztp {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_ltl6d:disabled {
+} .tag__filled_16ztp:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_ltl6d:hover:not(:disabled) {
+        .tag__filled_16ztp:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_ltl6d:active:not(:disabled) {
+    } .tag__filled_16ztp:active:not(:disabled) {
         background-color: var(--tag-filled-mobile-background-color-active);
     }

package/tag/mobile/inverted.mobile.css

@@ -52,14 +52,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .tag__filled_14mo8 {
+} .tag__filled_1kpd0 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_14mo8:disabled {
+} .tag__filled_1kpd0:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_14mo8:hover:not(:disabled) {
+        .tag__filled_1kpd0:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_14mo8:active:not(:disabled) {
+    } .tag__filled_1kpd0:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-mobile-background-color-active);
     }

package/tag/mobile/mobile.css

@@ -47,14 +47,14 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-l);
 
     /* mobile inverted */
-} .tag__rectangular_lt3p9.tag__size-32_lt3p9 {
+} .tag__rectangular_1c686.tag__size-32_1c686 {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-40_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-40_1c686 {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-48_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-48_1c686 {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-56_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-64_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-72_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-56_1c686,
+    .tag__rectangular_1c686.tag__size-64_1c686,
+    .tag__rectangular_1c686.tag__size-72_1c686 {
         border-radius: var(--tag-alt-mobile-border-radius);
     }

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

@@ -3,13 +3,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const defaultColors = {"component":"tag__component_1q9qa","outlined":"tag__outlined_1q9qa","filled":"tag__filled_1q9qa","checked":"tag__checked_1q9qa"};
+const defaultColors = {"component":"tag__component_1vlqo","outlined":"tag__outlined_1vlqo","filled":"tag__filled_1vlqo","checked":"tag__checked_1vlqo"};
 require('./default.css');
 
-const commonStyles = {"component":"tag__component_cl0qt","focused":"tag__focused_cl0qt","addons":"tag__addons_cl0qt","size-48":"tag__size-48_cl0qt","size-56":"tag__size-56_cl0qt","size-64":"tag__size-64_cl0qt","size-72":"tag__size-72_cl0qt","size-32":"tag__size-32_cl0qt","size-40":"tag__size-40_cl0qt","withRightAddons":"tag__withRightAddons_cl0qt","withLeftAddons":"tag__withLeftAddons_cl0qt","rounded":"tag__rounded_cl0qt","allowBackdropBlur":"tag__allowBackdropBlur_cl0qt","outlined":"tag__outlined_cl0qt","checked":"tag__checked_cl0qt","filled":"tag__filled_cl0qt"};
+const commonStyles = {"component":"tag__component_cq56b","focused":"tag__focused_cq56b","addons":"tag__addons_cq56b","size-48":"tag__size-48_cq56b","size-56":"tag__size-56_cq56b","size-64":"tag__size-64_cq56b","size-72":"tag__size-72_cq56b","size-32":"tag__size-32_cq56b","size-40":"tag__size-40_cq56b","withRightAddons":"tag__withRightAddons_cq56b","withLeftAddons":"tag__withLeftAddons_cq56b","rounded":"tag__rounded_cq56b","allowBackdropBlur":"tag__allowBackdropBlur_cq56b","outlined":"tag__outlined_cq56b","checked":"tag__checked_cq56b","filled":"tag__filled_cq56b"};
 require('./index.css');
 
-const invertedColors = {"component":"tag__component_hc0n3","outlined":"tag__outlined_hc0n3","filled":"tag__filled_hc0n3","checked":"tag__checked_hc0n3"};
+const invertedColors = {"component":"tag__component_mo11b","outlined":"tag__outlined_mo11b","filled":"tag__filled_mo11b","checked":"tag__checked_mo11b"};
 require('./inverted.css');
 
 const colorCommonStyles = {

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

@@ -69,41 +69,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1q9qa.tag__outlined_1q9qa {
+} .tag__component_1vlqo.tag__outlined_1vlqo {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1q9qa.tag__outlined_1q9qa:disabled {
+    } .tag__component_1vlqo.tag__outlined_1vlqo: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_1q9qa.tag__outlined_1q9qa:hover:not(:disabled) {
+            .tag__component_1vlqo.tag__outlined_1vlqo:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1q9qa.tag__outlined_1q9qa:active:not(:disabled) {
+        } .tag__component_1vlqo.tag__outlined_1vlqo:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1q9qa.tag__filled_1q9qa {
+        } .tag__component_1vlqo.tag__filled_1vlqo {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1q9qa.tag__filled_1q9qa:disabled {
+    } .tag__component_1vlqo.tag__filled_1vlqo:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1q9qa.tag__checked_1q9qa {
+        } .tag__component_1vlqo.tag__checked_1vlqo {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1q9qa.tag__checked_1q9qa:disabled {
+    } .tag__component_1vlqo.tag__checked_1vlqo: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_1q9qa.tag__checked_1q9qa:hover:not(:disabled) {
+            .tag__component_1vlqo.tag__checked_1vlqo:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1q9qa.tag__checked_1q9qa:active:not(:disabled) {
+        } .tag__component_1vlqo.tag__checked_1vlqo:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

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

@@ -63,7 +63,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_cl0qt {
+} .tag__component_cq56b {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -81,107 +81,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_cl0qt:disabled {
+} .tag__component_cq56b:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_cl0qt {
+    } .tag__focused_cq56b {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_cl0qt {
+} .tag__addons_cq56b {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_cl0qt:first-child {
+} .tag__addons_cq56b:first-child {
         margin-right: 6px;
-    } .tag__addons_cl0qt:last-child {
+    } .tag__addons_cq56b:last-child {
         margin-left: 6px;
-    } .tag__addons_cl0qt:only-child {
+    } .tag__addons_cq56b:only-child {
         margin: 0;
-    } .tag__size-48_cl0qt .tag__addons_cl0qt:first-child, .tag__size-56_cl0qt .tag__addons_cl0qt:first-child {
+    } .tag__size-48_cq56b .tag__addons_cq56b:first-child, .tag__size-56_cq56b .tag__addons_cq56b:first-child {
         margin-right: var(--gap-xs);
-    } .tag__size-48_cl0qt .tag__addons_cl0qt:last-child, .tag__size-56_cl0qt .tag__addons_cl0qt:last-child {
+    } .tag__size-48_cq56b .tag__addons_cq56b:last-child, .tag__size-56_cq56b .tag__addons_cq56b:last-child {
         margin-left: var(--gap-xs);
-    } .tag__size-64_cl0qt .tag__addons_cl0qt:first-child, .tag__size-72_cl0qt .tag__addons_cl0qt:first-child {
+    } .tag__size-64_cq56b .tag__addons_cq56b:first-child, .tag__size-72_cq56b .tag__addons_cq56b:first-child {
         margin-right: var(--gap-s);
-    } .tag__size-64_cl0qt .tag__addons_cl0qt:last-child, .tag__size-72_cl0qt .tag__addons_cl0qt:last-child {
+    } .tag__size-64_cq56b .tag__addons_cq56b:last-child, .tag__size-72_cq56b .tag__addons_cq56b:last-child {
         margin-left: var(--gap-s);
-    } .tag__size-32_cl0qt {
+    } .tag__size-32_cq56b {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-40_cl0qt {
+} .tag__size-40_cq56b {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-48_cl0qt {
+} .tag__size-48_cq56b {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-56_cl0qt {
+} .tag__size-56_cq56b {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__size-64_cl0qt {
+} .tag__size-64_cq56b {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl);
-} .tag__size-72_cl0qt {
+} .tag__size-72_cq56b {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_cl0qt.tag__size-32_cl0qt {
+} .tag__withRightAddons_cq56b.tag__size-32_cq56b {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_cl0qt.tag__size-40_cl0qt {
+    } .tag__withRightAddons_cq56b.tag__size-40_cq56b {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_cl0qt.tag__size-48_cl0qt {
+    } .tag__withRightAddons_cq56b.tag__size-48_cq56b {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_cl0qt.tag__size-56_cl0qt {
+    } .tag__withRightAddons_cq56b.tag__size-56_cq56b {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_cl0qt.tag__size-64_cl0qt {
+    } .tag__withRightAddons_cq56b.tag__size-64_cq56b {
         padding-right: 28px;
-    } .tag__withRightAddons_cl0qt.tag__size-72_cl0qt {
+    } .tag__withRightAddons_cq56b.tag__size-72_cq56b {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_cl0qt.tag__size-32_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-32_cq56b {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_cl0qt.tag__size-40_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-40_cq56b {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_cl0qt.tag__size-48_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-48_cq56b {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_cl0qt.tag__size-56_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-56_cq56b {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_cl0qt.tag__size-64_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-64_cq56b {
         padding-left: 28px;
-    } .tag__withLeftAddons_cl0qt.tag__size-72_cl0qt {
+    } .tag__withLeftAddons_cq56b.tag__size-72_cq56b {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_cl0qt.tag__size-32_cl0qt {
+    } .tag__rounded_cq56b.tag__size-32_cq56b {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_cl0qt.tag__size-40_cl0qt {
+    } .tag__rounded_cq56b.tag__size-40_cq56b {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_cl0qt.tag__size-48_cl0qt {
+    } .tag__rounded_cq56b.tag__size-48_cq56b {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_cl0qt.tag__size-56_cl0qt,
-    .tag__rounded_cl0qt.tag__size-64_cl0qt,
-    .tag__rounded_cl0qt.tag__size-72_cl0qt {
+    } .tag__rounded_cq56b.tag__size-56_cq56b,
+    .tag__rounded_cq56b.tag__size-64_cq56b,
+    .tag__rounded_cq56b.tag__size-72_cq56b {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_cl0qt.tag__outlined_cl0qt.tag__checked_cl0qt[disabled],
-    .tag__allowBackdropBlur_cl0qt.tag__filled_cl0qt {
+    } .tag__allowBackdropBlur_cq56b.tag__outlined_cq56b.tag__checked_cq56b[disabled],
+    .tag__allowBackdropBlur_cq56b.tag__filled_cq56b {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

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

@@ -74,41 +74,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_hc0n3.tag__outlined_hc0n3 {
+} .tag__component_mo11b.tag__outlined_mo11b {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_hc0n3.tag__outlined_hc0n3:disabled {
+    } .tag__component_mo11b.tag__outlined_mo11b: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_hc0n3.tag__outlined_hc0n3:hover:not(:disabled) {
+            .tag__component_mo11b.tag__outlined_mo11b:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_hc0n3.tag__outlined_hc0n3:active:not(:disabled) {
+        } .tag__component_mo11b.tag__outlined_mo11b:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_hc0n3.tag__filled_hc0n3 {
+        } .tag__component_mo11b.tag__filled_mo11b {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_hc0n3.tag__filled_hc0n3:disabled {
+    } .tag__component_mo11b.tag__filled_mo11b:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_hc0n3.tag__checked_hc0n3 {
+        } .tag__component_mo11b.tag__checked_mo11b {
         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_hc0n3.tag__checked_hc0n3:disabled {
+    } .tag__component_mo11b.tag__checked_mo11b: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_hc0n3.tag__checked_hc0n3:hover:not(:disabled) {
+            .tag__component_mo11b.tag__checked_mo11b:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_hc0n3.tag__checked_hc0n3:active:not(:disabled) {
+        } .tag__component_mo11b.tag__checked_mo11b:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/modern/desktop/Component.desktop.js

@@ -4,13 +4,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-const defaultColors = {"filled":"tag__filled_12hzq"};
+const defaultColors = {"filled":"tag__filled_1ikoi"};
 require('./default.desktop.css');
 
-const styles = {"rectangular":"tag__rectangular_qbkyf","size-32":"tag__size-32_qbkyf","size-40":"tag__size-40_qbkyf","size-48":"tag__size-48_qbkyf","size-56":"tag__size-56_qbkyf","size-64":"tag__size-64_qbkyf","size-72":"tag__size-72_qbkyf"};
+const styles = {"rectangular":"tag__rectangular_a8w6h","size-32":"tag__size-32_a8w6h","size-40":"tag__size-40_a8w6h","size-48":"tag__size-48_a8w6h","size-56":"tag__size-56_a8w6h","size-64":"tag__size-64_a8w6h","size-72":"tag__size-72_a8w6h"};
 require('./desktop.css');
 
-const invertedColors = {"filled":"tag__filled_1xxhg"};
+const invertedColors = {"filled":"tag__filled_n460b"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

package/tag/modern/desktop/default.desktop.css

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

package/tag/modern/desktop/desktop.css

@@ -46,14 +46,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_qbkyf.tag__size-32_qbkyf {
+} .tag__rectangular_a8w6h.tag__size-32_a8w6h {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_qbkyf.tag__size-40_qbkyf {
+    } .tag__rectangular_a8w6h.tag__size-40_a8w6h {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_qbkyf.tag__size-48_qbkyf {
+    } .tag__rectangular_a8w6h.tag__size-48_a8w6h {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_qbkyf.tag__size-56_qbkyf,
-    .tag__rectangular_qbkyf.tag__size-64_qbkyf,
-    .tag__rectangular_qbkyf.tag__size-72_qbkyf {
+    } .tag__rectangular_a8w6h.tag__size-56_a8w6h,
+    .tag__rectangular_a8w6h.tag__size-64_a8w6h,
+    .tag__rectangular_a8w6h.tag__size-72_a8w6h {
         border-radius: var(--tag-alt-border-radius);
     }

package/tag/modern/desktop/inverted.desktop.css

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

package/tag/modern/mobile/Component.mobile.js

@@ -4,13 +4,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-const defaultColors = {"filled":"tag__filled_ltl6d"};
+const defaultColors = {"filled":"tag__filled_16ztp"};
 require('./default.mobile.css');
 
-const invertedColors = {"filled":"tag__filled_14mo8"};
+const invertedColors = {"filled":"tag__filled_1kpd0"};
 require('./inverted.mobile.css');
 
-const styles = {"rectangular":"tag__rectangular_lt3p9","size-32":"tag__size-32_lt3p9","size-40":"tag__size-40_lt3p9","size-48":"tag__size-48_lt3p9","size-56":"tag__size-56_lt3p9","size-64":"tag__size-64_lt3p9","size-72":"tag__size-72_lt3p9"};
+const styles = {"rectangular":"tag__rectangular_1c686","size-32":"tag__size-32_1c686","size-40":"tag__size-40_1c686","size-48":"tag__size-48_1c686","size-56":"tag__size-56_1c686","size-64":"tag__size-64_1c686","size-72":"tag__size-72_1c686"};
 require('./mobile.css');
 
 const colorStyles = {

package/tag/modern/mobile/default.mobile.css

@@ -46,14 +46,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .tag__filled_ltl6d {
+} .tag__filled_16ztp {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_ltl6d:disabled {
+} .tag__filled_16ztp:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_ltl6d:hover:not(:disabled) {
+        .tag__filled_16ztp:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_ltl6d:active:not(:disabled) {
+    } .tag__filled_16ztp:active:not(:disabled) {
         background-color: var(--tag-filled-mobile-background-color-active);
     }

package/tag/modern/mobile/inverted.mobile.css

@@ -52,14 +52,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .tag__filled_14mo8 {
+} .tag__filled_1kpd0 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_14mo8:disabled {
+} .tag__filled_1kpd0:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_14mo8:hover:not(:disabled) {
+        .tag__filled_1kpd0:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_14mo8:active:not(:disabled) {
+    } .tag__filled_1kpd0:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-mobile-background-color-active);
     }

package/tag/modern/mobile/mobile.css

@@ -47,14 +47,14 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-l);
 
     /* mobile inverted */
-} .tag__rectangular_lt3p9.tag__size-32_lt3p9 {
+} .tag__rectangular_1c686.tag__size-32_1c686 {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-40_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-40_1c686 {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-48_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-48_1c686 {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_lt3p9.tag__size-56_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-64_lt3p9,
-    .tag__rectangular_lt3p9.tag__size-72_lt3p9 {
+    } .tag__rectangular_1c686.tag__size-56_1c686,
+    .tag__rectangular_1c686.tag__size-64_1c686,
+    .tag__rectangular_1c686.tag__size-72_1c686 {
         border-radius: var(--tag-alt-mobile-border-radius);
     }