@alfalab/core-components 45.2.0 → 45.3.0-beta.1

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

@@ -51,14 +51,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_1nk9p {
+} .tag__filled_trv0r {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_1nk9p:disabled {
+} .tag__filled_trv0r:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1nk9p:hover:not(:disabled) {
+        .tag__filled_trv0r:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_1nk9p:active:not(:disabled) {
+    } .tag__filled_trv0r: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_8etc0"};
+var defaultColors = {"filled":"tag__filled_1dnip"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_m4cnh"};
+var invertedColors = {"filled":"tag__filled_1bfho"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_bq4i3","size-32":"tag__size-32_bq4i3","size-40":"tag__size-40_bq4i3","size-48":"tag__size-48_bq4i3","size-56":"tag__size-56_bq4i3","size-64":"tag__size-64_bq4i3","size-72":"tag__size-72_bq4i3"};
+var styles = {"rectangular":"tag__rectangular_gdbns","size-32":"tag__size-32_gdbns","size-40":"tag__size-40_gdbns","size-48":"tag__size-48_gdbns","size-56":"tag__size-56_gdbns","size-64":"tag__size-64_gdbns","size-72":"tag__size-72_gdbns"};
 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_8etc0 {
+} .tag__filled_1dnip {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_8etc0:disabled {
+} .tag__filled_1dnip:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_8etc0:hover:not(:disabled) {
+        .tag__filled_1dnip:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_8etc0:active:not(:disabled) {
+    } .tag__filled_1dnip: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_m4cnh {
+} .tag__filled_1bfho {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_m4cnh:disabled {
+} .tag__filled_1bfho:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_m4cnh:hover:not(:disabled) {
+        .tag__filled_1bfho:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_m4cnh:active:not(:disabled) {
+    } .tag__filled_1bfho: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_bq4i3.tag__size-32_bq4i3 {
+} .tag__rectangular_gdbns.tag__size-32_gdbns {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-40_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-40_gdbns {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-48_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-48_gdbns {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-56_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-64_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-72_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-56_gdbns,
+    .tag__rectangular_gdbns.tag__size-64_gdbns,
+    .tag__rectangular_gdbns.tag__size-72_gdbns {
         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_8etc0"};
+var defaultColors = {"filled":"tag__filled_1dnip"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_m4cnh"};
+var invertedColors = {"filled":"tag__filled_1bfho"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_bq4i3","size-32":"tag__size-32_bq4i3","size-40":"tag__size-40_bq4i3","size-48":"tag__size-48_bq4i3","size-56":"tag__size-56_bq4i3","size-64":"tag__size-64_bq4i3","size-72":"tag__size-72_bq4i3"};
+var styles = {"rectangular":"tag__rectangular_gdbns","size-32":"tag__size-32_gdbns","size-40":"tag__size-40_gdbns","size-48":"tag__size-48_gdbns","size-56":"tag__size-56_gdbns","size-64":"tag__size-64_gdbns","size-72":"tag__size-72_gdbns"};
 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_8etc0 {
+} .tag__filled_1dnip {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_8etc0:disabled {
+} .tag__filled_1dnip:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_8etc0:hover:not(:disabled) {
+        .tag__filled_1dnip:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_8etc0:active:not(:disabled) {
+    } .tag__filled_1dnip: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_m4cnh {
+} .tag__filled_1bfho {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_m4cnh:disabled {
+} .tag__filled_1bfho:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_m4cnh:hover:not(:disabled) {
+        .tag__filled_1bfho:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_m4cnh:active:not(:disabled) {
+    } .tag__filled_1bfho: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_bq4i3.tag__size-32_bq4i3 {
+} .tag__rectangular_gdbns.tag__size-32_gdbns {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-40_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-40_gdbns {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-48_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-48_gdbns {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-56_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-64_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-72_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-56_gdbns,
+    .tag__rectangular_gdbns.tag__size-64_gdbns,
+    .tag__rectangular_gdbns.tag__size-72_gdbns {
         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_v5n04","outlined":"tag__outlined_v5n04","filled":"tag__filled_v5n04","checked":"tag__checked_v5n04"};
+const defaultColors = {"component":"tag__component_14a3s","outlined":"tag__outlined_14a3s","filled":"tag__filled_14a3s","checked":"tag__checked_14a3s"};
 require('./default.css');
 
-const commonStyles = {"component":"tag__component_1d68v","focused":"tag__focused_1d68v","addons":"tag__addons_1d68v","size-48":"tag__size-48_1d68v","size-56":"tag__size-56_1d68v","size-64":"tag__size-64_1d68v","size-72":"tag__size-72_1d68v","size-32":"tag__size-32_1d68v","size-40":"tag__size-40_1d68v","withRightAddons":"tag__withRightAddons_1d68v","withLeftAddons":"tag__withLeftAddons_1d68v","rounded":"tag__rounded_1d68v","allowBackdropBlur":"tag__allowBackdropBlur_1d68v","outlined":"tag__outlined_1d68v","checked":"tag__checked_1d68v","filled":"tag__filled_1d68v"};
+const commonStyles = {"component":"tag__component_nv3tt","focused":"tag__focused_nv3tt","addons":"tag__addons_nv3tt","size-48":"tag__size-48_nv3tt","size-56":"tag__size-56_nv3tt","size-64":"tag__size-64_nv3tt","size-72":"tag__size-72_nv3tt","size-32":"tag__size-32_nv3tt","size-40":"tag__size-40_nv3tt","withRightAddons":"tag__withRightAddons_nv3tt","withLeftAddons":"tag__withLeftAddons_nv3tt","rounded":"tag__rounded_nv3tt","allowBackdropBlur":"tag__allowBackdropBlur_nv3tt","outlined":"tag__outlined_nv3tt","checked":"tag__checked_nv3tt","filled":"tag__filled_nv3tt"};
 require('./index.css');
 
-const invertedColors = {"component":"tag__component_1l91e","outlined":"tag__outlined_1l91e","filled":"tag__filled_1l91e","checked":"tag__checked_1l91e"};
+const invertedColors = {"component":"tag__component_1udi7","outlined":"tag__outlined_1udi7","filled":"tag__filled_1udi7","checked":"tag__checked_1udi7"};
 require('./inverted.css');
 
 const colorCommonStyles = {

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

@@ -69,41 +69,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_v5n04.tag__outlined_v5n04 {
+} .tag__component_14a3s.tag__outlined_14a3s {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_v5n04.tag__outlined_v5n04:disabled {
+    } .tag__component_14a3s.tag__outlined_14a3s: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_v5n04.tag__outlined_v5n04:hover:not(:disabled) {
+            .tag__component_14a3s.tag__outlined_14a3s:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_v5n04.tag__outlined_v5n04:active:not(:disabled) {
+        } .tag__component_14a3s.tag__outlined_14a3s:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_v5n04.tag__filled_v5n04 {
+        } .tag__component_14a3s.tag__filled_14a3s {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_v5n04.tag__filled_v5n04:disabled {
+    } .tag__component_14a3s.tag__filled_14a3s:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_v5n04.tag__checked_v5n04 {
+        } .tag__component_14a3s.tag__checked_14a3s {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_v5n04.tag__checked_v5n04:disabled {
+    } .tag__component_14a3s.tag__checked_14a3s: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_v5n04.tag__checked_v5n04:hover:not(:disabled) {
+            .tag__component_14a3s.tag__checked_14a3s:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_v5n04.tag__checked_v5n04:active:not(:disabled) {
+        } .tag__component_14a3s.tag__checked_14a3s: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_1d68v {
+} .tag__component_nv3tt {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -81,107 +81,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_1d68v:disabled {
+} .tag__component_nv3tt:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_1d68v {
+    } .tag__focused_nv3tt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_1d68v {
+} .tag__addons_nv3tt {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_1d68v:first-child {
+} .tag__addons_nv3tt:first-child {
         margin-right: 6px;
-    } .tag__addons_1d68v:last-child {
+    } .tag__addons_nv3tt:last-child {
         margin-left: 6px;
-    } .tag__addons_1d68v:only-child {
+    } .tag__addons_nv3tt:only-child {
         margin: 0;
-    } .tag__size-48_1d68v .tag__addons_1d68v:first-child, .tag__size-56_1d68v .tag__addons_1d68v:first-child {
+    } .tag__size-48_nv3tt .tag__addons_nv3tt:first-child, .tag__size-56_nv3tt .tag__addons_nv3tt:first-child {
         margin-right: var(--gap-xs);
-    } .tag__size-48_1d68v .tag__addons_1d68v:last-child, .tag__size-56_1d68v .tag__addons_1d68v:last-child {
+    } .tag__size-48_nv3tt .tag__addons_nv3tt:last-child, .tag__size-56_nv3tt .tag__addons_nv3tt:last-child {
         margin-left: var(--gap-xs);
-    } .tag__size-64_1d68v .tag__addons_1d68v:first-child, .tag__size-72_1d68v .tag__addons_1d68v:first-child {
+    } .tag__size-64_nv3tt .tag__addons_nv3tt:first-child, .tag__size-72_nv3tt .tag__addons_nv3tt:first-child {
         margin-right: var(--gap-s);
-    } .tag__size-64_1d68v .tag__addons_1d68v:last-child, .tag__size-72_1d68v .tag__addons_1d68v:last-child {
+    } .tag__size-64_nv3tt .tag__addons_nv3tt:last-child, .tag__size-72_nv3tt .tag__addons_nv3tt:last-child {
         margin-left: var(--gap-s);
-    } .tag__size-32_1d68v {
+    } .tag__size-32_nv3tt {
     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_1d68v {
+} .tag__size-40_nv3tt {
     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_1d68v {
+} .tag__size-48_nv3tt {
     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_1d68v {
+} .tag__size-56_nv3tt {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__size-64_1d68v {
+} .tag__size-64_nv3tt {
     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_1d68v {
+} .tag__size-72_nv3tt {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_1d68v.tag__size-32_1d68v {
+} .tag__withRightAddons_nv3tt.tag__size-32_nv3tt {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_1d68v.tag__size-40_1d68v {
+    } .tag__withRightAddons_nv3tt.tag__size-40_nv3tt {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_1d68v.tag__size-48_1d68v {
+    } .tag__withRightAddons_nv3tt.tag__size-48_nv3tt {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_1d68v.tag__size-56_1d68v {
+    } .tag__withRightAddons_nv3tt.tag__size-56_nv3tt {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_1d68v.tag__size-64_1d68v {
+    } .tag__withRightAddons_nv3tt.tag__size-64_nv3tt {
         padding-right: 28px;
-    } .tag__withRightAddons_1d68v.tag__size-72_1d68v {
+    } .tag__withRightAddons_nv3tt.tag__size-72_nv3tt {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_1d68v.tag__size-32_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-32_nv3tt {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_1d68v.tag__size-40_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-40_nv3tt {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_1d68v.tag__size-48_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-48_nv3tt {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_1d68v.tag__size-56_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-56_nv3tt {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_1d68v.tag__size-64_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-64_nv3tt {
         padding-left: 28px;
-    } .tag__withLeftAddons_1d68v.tag__size-72_1d68v {
+    } .tag__withLeftAddons_nv3tt.tag__size-72_nv3tt {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_1d68v.tag__size-32_1d68v {
+    } .tag__rounded_nv3tt.tag__size-32_nv3tt {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1d68v.tag__size-40_1d68v {
+    } .tag__rounded_nv3tt.tag__size-40_nv3tt {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1d68v.tag__size-48_1d68v {
+    } .tag__rounded_nv3tt.tag__size-48_nv3tt {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1d68v.tag__size-56_1d68v,
-    .tag__rounded_1d68v.tag__size-64_1d68v,
-    .tag__rounded_1d68v.tag__size-72_1d68v {
+    } .tag__rounded_nv3tt.tag__size-56_nv3tt,
+    .tag__rounded_nv3tt.tag__size-64_nv3tt,
+    .tag__rounded_nv3tt.tag__size-72_nv3tt {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_1d68v.tag__outlined_1d68v.tag__checked_1d68v[disabled],
-    .tag__allowBackdropBlur_1d68v.tag__filled_1d68v {
+    } .tag__allowBackdropBlur_nv3tt.tag__outlined_nv3tt.tag__checked_nv3tt[disabled],
+    .tag__allowBackdropBlur_nv3tt.tag__filled_nv3tt {
         -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_1l91e.tag__outlined_1l91e {
+} .tag__component_1udi7.tag__outlined_1udi7 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1l91e.tag__outlined_1l91e:disabled {
+    } .tag__component_1udi7.tag__outlined_1udi7: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_1l91e.tag__outlined_1l91e:hover:not(:disabled) {
+            .tag__component_1udi7.tag__outlined_1udi7:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1l91e.tag__outlined_1l91e:active:not(:disabled) {
+        } .tag__component_1udi7.tag__outlined_1udi7:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1l91e.tag__filled_1l91e {
+        } .tag__component_1udi7.tag__filled_1udi7 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1l91e.tag__filled_1l91e:disabled {
+    } .tag__component_1udi7.tag__filled_1udi7:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1l91e.tag__checked_1l91e {
+        } .tag__component_1udi7.tag__checked_1udi7 {
         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_1l91e.tag__checked_1l91e:disabled {
+    } .tag__component_1udi7.tag__checked_1udi7: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_1l91e.tag__checked_1l91e:hover:not(:disabled) {
+            .tag__component_1udi7.tag__checked_1udi7:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1l91e.tag__checked_1l91e:active:not(:disabled) {
+        } .tag__component_1udi7.tag__checked_1udi7: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_jzo5a"};
+const defaultColors = {"filled":"tag__filled_19at6"};
 require('./default.desktop.css');
 
-const styles = {"rectangular":"tag__rectangular_18twj","size-32":"tag__size-32_18twj","size-40":"tag__size-40_18twj","size-48":"tag__size-48_18twj","size-56":"tag__size-56_18twj","size-64":"tag__size-64_18twj","size-72":"tag__size-72_18twj"};
+const styles = {"rectangular":"tag__rectangular_f1hve","size-32":"tag__size-32_f1hve","size-40":"tag__size-40_f1hve","size-48":"tag__size-48_f1hve","size-56":"tag__size-56_f1hve","size-64":"tag__size-64_f1hve","size-72":"tag__size-72_f1hve"};
 require('./desktop.css');
 
-const invertedColors = {"filled":"tag__filled_1nk9p"};
+const invertedColors = {"filled":"tag__filled_trv0r"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -49,15 +49,15 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_jzo5a {
+} .tag__filled_19at6 {
     background-color: var(--tag-filled-background-color)
-} .tag__filled_jzo5a:disabled {
+} .tag__filled_19at6:disabled {
         background-color: var(--tag-filled-background-color-disabled);
         border-color: var(--tag-filled-border-color);
     } @media (hover: hover) {
-        .tag__filled_jzo5a:hover:not(:disabled) {
+        .tag__filled_19at6:hover:not(:disabled) {
             background-color: var(--tag-filled-background-color-hover);
         }
-    } .tag__filled_jzo5a:active:not(:disabled) {
+    } .tag__filled_19at6: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_18twj.tag__size-32_18twj {
+} .tag__rectangular_f1hve.tag__size-32_f1hve {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_18twj.tag__size-40_18twj {
+    } .tag__rectangular_f1hve.tag__size-40_f1hve {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_18twj.tag__size-48_18twj {
+    } .tag__rectangular_f1hve.tag__size-48_f1hve {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_18twj.tag__size-56_18twj,
-    .tag__rectangular_18twj.tag__size-64_18twj,
-    .tag__rectangular_18twj.tag__size-72_18twj {
+    } .tag__rectangular_f1hve.tag__size-56_f1hve,
+    .tag__rectangular_f1hve.tag__size-64_f1hve,
+    .tag__rectangular_f1hve.tag__size-72_f1hve {
         border-radius: var(--tag-alt-border-radius);
     }

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

@@ -51,14 +51,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_1nk9p {
+} .tag__filled_trv0r {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_1nk9p:disabled {
+} .tag__filled_trv0r:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1nk9p:hover:not(:disabled) {
+        .tag__filled_trv0r:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_1nk9p:active:not(:disabled) {
+    } .tag__filled_trv0r: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_8etc0"};
+const defaultColors = {"filled":"tag__filled_1dnip"};
 require('./default.mobile.css');
 
-const invertedColors = {"filled":"tag__filled_m4cnh"};
+const invertedColors = {"filled":"tag__filled_1bfho"};
 require('./inverted.mobile.css');
 
-const styles = {"rectangular":"tag__rectangular_bq4i3","size-32":"tag__size-32_bq4i3","size-40":"tag__size-40_bq4i3","size-48":"tag__size-48_bq4i3","size-56":"tag__size-56_bq4i3","size-64":"tag__size-64_bq4i3","size-72":"tag__size-72_bq4i3"};
+const styles = {"rectangular":"tag__rectangular_gdbns","size-32":"tag__size-32_gdbns","size-40":"tag__size-40_gdbns","size-48":"tag__size-48_gdbns","size-56":"tag__size-56_gdbns","size-64":"tag__size-64_gdbns","size-72":"tag__size-72_gdbns"};
 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_8etc0 {
+} .tag__filled_1dnip {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_8etc0:disabled {
+} .tag__filled_1dnip:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_8etc0:hover:not(:disabled) {
+        .tag__filled_1dnip:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_8etc0:active:not(:disabled) {
+    } .tag__filled_1dnip: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_m4cnh {
+} .tag__filled_1bfho {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_m4cnh:disabled {
+} .tag__filled_1bfho:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_m4cnh:hover:not(:disabled) {
+        .tag__filled_1bfho:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_m4cnh:active:not(:disabled) {
+    } .tag__filled_1bfho: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_bq4i3.tag__size-32_bq4i3 {
+} .tag__rectangular_gdbns.tag__size-32_gdbns {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-40_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-40_gdbns {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-48_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-48_gdbns {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_bq4i3.tag__size-56_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-64_bq4i3,
-    .tag__rectangular_bq4i3.tag__size-72_bq4i3 {
+    } .tag__rectangular_gdbns.tag__size-56_gdbns,
+    .tag__rectangular_gdbns.tag__size-64_gdbns,
+    .tag__rectangular_gdbns.tag__size-72_gdbns {
         border-radius: var(--tag-alt-mobile-border-radius);
     }