@alfalab/core-components 44.3.0 → 44.4.0

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

@@ -14,7 +14,6 @@
 } :root {
     --border-radius-pill: 99px;
 } :root {
-    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
@@ -64,7 +63,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_iiv0z {
+} .tag__component_d4nup {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -82,107 +81,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_iiv0z:disabled {
+} .tag__component_d4nup:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_iiv0z {
+    } .tag__focused_d4nup {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_iiv0z {
+} .tag__addons_d4nup {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_iiv0z:first-child {
-        margin-right: var(--gap-2xs);
-    } .tag__addons_iiv0z:last-child {
-        margin-left: var(--gap-2xs);
-    } .tag__addons_iiv0z:only-child {
+} .tag__addons_d4nup:first-child {
+        margin-right: 6px;
+    } .tag__addons_d4nup:last-child {
+        margin-left: 6px;
+    } .tag__addons_d4nup:only-child {
         margin: 0;
-    } .tag__s_iiv0z .tag__addons_iiv0z:first-child, .tag__m_iiv0z .tag__addons_iiv0z:first-child {
+    } .tag__s_d4nup .tag__addons_d4nup:first-child, .tag__m_d4nup .tag__addons_d4nup:first-child {
         margin-right: var(--gap-xs);
-    } .tag__s_iiv0z .tag__addons_iiv0z:last-child, .tag__m_iiv0z .tag__addons_iiv0z:last-child {
+    } .tag__s_d4nup .tag__addons_d4nup:last-child, .tag__m_d4nup .tag__addons_d4nup:last-child {
         margin-left: var(--gap-xs);
-    } .tag__l_iiv0z .tag__addons_iiv0z:first-child, .tag__xl_iiv0z .tag__addons_iiv0z:first-child {
+    } .tag__l_d4nup .tag__addons_d4nup:first-child, .tag__xl_d4nup .tag__addons_d4nup:first-child {
         margin-right: var(--gap-s);
-    } .tag__l_iiv0z .tag__addons_iiv0z:last-child, .tag__xl_iiv0z .tag__addons_iiv0z:last-child {
+    } .tag__l_d4nup .tag__addons_d4nup:last-child, .tag__xl_d4nup .tag__addons_d4nup:last-child {
         margin-left: var(--gap-s);
-    } .tag__xxs_iiv0z {
+    } .tag__xxs_d4nup {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__xs_iiv0z {
+} .tag__xs_d4nup {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__s_iiv0z {
+} .tag__s_d4nup {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__m_iiv0z {
+} .tag__m_d4nup {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__l_iiv0z {
+} .tag__l_d4nup {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl);
-} .tag__xl_iiv0z {
+} .tag__xl_d4nup {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_iiv0z.tag__xxs_iiv0z {
+} .tag__withRightAddons_d4nup.tag__xxs_d4nup {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_iiv0z.tag__xs_iiv0z {
+    } .tag__withRightAddons_d4nup.tag__xs_d4nup {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_iiv0z.tag__s_iiv0z {
+    } .tag__withRightAddons_d4nup.tag__s_d4nup {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_iiv0z.tag__m_iiv0z {
+    } .tag__withRightAddons_d4nup.tag__m_d4nup {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_iiv0z.tag__l_iiv0z {
+    } .tag__withRightAddons_d4nup.tag__l_d4nup {
         padding-right: 28px;
-    } .tag__withRightAddons_iiv0z.tag__xl_iiv0z {
+    } .tag__withRightAddons_d4nup.tag__xl_d4nup {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_iiv0z.tag__xxs_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__xxs_d4nup {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_iiv0z.tag__xs_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__xs_d4nup {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_iiv0z.tag__s_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__s_d4nup {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_iiv0z.tag__m_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__m_d4nup {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_iiv0z.tag__l_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__l_d4nup {
         padding-left: 28px;
-    } .tag__withLeftAddons_iiv0z.tag__xl_iiv0z {
+    } .tag__withLeftAddons_d4nup.tag__xl_d4nup {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_iiv0z.tag__xxs_iiv0z {
+    } .tag__rounded_d4nup.tag__xxs_d4nup {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_iiv0z.tag__xs_iiv0z {
+    } .tag__rounded_d4nup.tag__xs_d4nup {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_iiv0z.tag__s_iiv0z {
+    } .tag__rounded_d4nup.tag__s_d4nup {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_iiv0z.tag__m_iiv0z,
-    .tag__rounded_iiv0z.tag__l_iiv0z,
-    .tag__rounded_iiv0z.tag__xl_iiv0z {
+    } .tag__rounded_d4nup.tag__m_d4nup,
+    .tag__rounded_d4nup.tag__l_d4nup,
+    .tag__rounded_d4nup.tag__xl_d4nup {
         border-radius: var(--tag-border-radius);
-    } .tag__outlined_iiv0z.tag__checked_iiv0z[disabled],
-.tag__filled_iiv0z {
+    } .tag__outlined_d4nup.tag__checked_d4nup[disabled],
+.tag__filled_d4nup {
     -webkit-backdrop-filter: blur(80px);
             backdrop-filter: blur(80px);
 }

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

@@ -74,41 +74,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_n1tof.tag__outlined_n1tof {
+} .tag__component_xc29y.tag__outlined_xc29y {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_n1tof.tag__outlined_n1tof:disabled {
+    } .tag__component_xc29y.tag__outlined_xc29y: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_n1tof.tag__outlined_n1tof:hover:not(:disabled) {
+            .tag__component_xc29y.tag__outlined_xc29y:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_n1tof.tag__outlined_n1tof:active:not(:disabled) {
+        } .tag__component_xc29y.tag__outlined_xc29y:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_n1tof.tag__filled_n1tof {
+        } .tag__component_xc29y.tag__filled_xc29y {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_n1tof.tag__filled_n1tof:disabled {
+    } .tag__component_xc29y.tag__filled_xc29y:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_n1tof.tag__checked_n1tof {
+        } .tag__component_xc29y.tag__checked_xc29y {
         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_n1tof.tag__checked_n1tof:disabled {
+    } .tag__component_xc29y.tag__checked_xc29y: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_n1tof.tag__checked_n1tof:hover:not(:disabled) {
+            .tag__component_xc29y.tag__checked_xc29y:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_n1tof.tag__checked_n1tof:active:not(:disabled) {
+        } .tag__component_xc29y.tag__checked_xc29y:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/esm/desktop/Component.desktop.js

@@ -5,13 +5,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-var defaultColors = {"filled":"tag__filled_13ykd"};
+var defaultColors = {"filled":"tag__filled_1ehxj"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_kdqo8","xxs":"tag__xxs_kdqo8","xs":"tag__xs_kdqo8","s":"tag__s_kdqo8","m":"tag__m_kdqo8","l":"tag__l_kdqo8","xl":"tag__xl_kdqo8"};
+var styles = {"rectangular":"tag__rectangular_9udi2","xxs":"tag__xxs_9udi2","xs":"tag__xs_9udi2","s":"tag__s_9udi2","m":"tag__m_9udi2","l":"tag__l_9udi2","xl":"tag__xl_9udi2"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_ofm7x"};
+var invertedColors = {"filled":"tag__filled_1x1f0"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/esm/desktop/default.desktop.css

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

package/tag/esm/desktop/desktop.css

@@ -46,14 +46,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_kdqo8.tag__xxs_kdqo8 {
+} .tag__rectangular_9udi2.tag__xxs_9udi2 {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_kdqo8.tag__xs_kdqo8 {
+    } .tag__rectangular_9udi2.tag__xs_9udi2 {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_kdqo8.tag__s_kdqo8 {
+    } .tag__rectangular_9udi2.tag__s_9udi2 {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_kdqo8.tag__m_kdqo8,
-    .tag__rectangular_kdqo8.tag__l_kdqo8,
-    .tag__rectangular_kdqo8.tag__xl_kdqo8 {
+    } .tag__rectangular_9udi2.tag__m_9udi2,
+    .tag__rectangular_9udi2.tag__l_9udi2,
+    .tag__rectangular_9udi2.tag__xl_9udi2 {
         border-radius: var(--tag-alt-border-radius);
     }

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

@@ -51,14 +51,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_ofm7x {
+} .tag__filled_1x1f0 {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_ofm7x:disabled {
+} .tag__filled_1x1f0:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_ofm7x:hover:not(:disabled) {
+        .tag__filled_1x1f0:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_ofm7x:active:not(:disabled) {
+    } .tag__filled_1x1f0: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_18b9w"};
+var defaultColors = {"filled":"tag__filled_hvyn7"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_1638v"};
+var invertedColors = {"filled":"tag__filled_1gmm2"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_182r6","xxs":"tag__xxs_182r6","xs":"tag__xs_182r6","s":"tag__s_182r6","m":"tag__m_182r6","l":"tag__l_182r6","xl":"tag__xl_182r6"};
+var styles = {"rectangular":"tag__rectangular_xbvp2","xxs":"tag__xxs_xbvp2","xs":"tag__xs_xbvp2","s":"tag__s_xbvp2","m":"tag__m_xbvp2","l":"tag__l_xbvp2","xl":"tag__xl_xbvp2"};
 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_18b9w {
+} .tag__filled_hvyn7 {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_18b9w:disabled {
+} .tag__filled_hvyn7:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_18b9w:hover:not(:disabled) {
+        .tag__filled_hvyn7:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_18b9w:active:not(:disabled) {
+    } .tag__filled_hvyn7: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_1638v {
+} .tag__filled_1gmm2 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_1638v:disabled {
+} .tag__filled_1gmm2:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1638v:hover:not(:disabled) {
+        .tag__filled_1gmm2:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_1638v:active:not(:disabled) {
+    } .tag__filled_1gmm2: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_182r6.tag__xxs_182r6 {
+} .tag__rectangular_xbvp2.tag__xxs_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_182r6.tag__xs_182r6 {
+    } .tag__rectangular_xbvp2.tag__xs_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_182r6.tag__s_182r6 {
+    } .tag__rectangular_xbvp2.tag__s_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_182r6.tag__m_182r6,
-    .tag__rectangular_182r6.tag__l_182r6,
-    .tag__rectangular_182r6.tag__xl_182r6 {
+    } .tag__rectangular_xbvp2.tag__m_xbvp2,
+    .tag__rectangular_xbvp2.tag__l_xbvp2,
+    .tag__rectangular_xbvp2.tag__xl_xbvp2 {
         border-radius: var(--tag-alt-mobile-border-radius);
     }

package/tag/mobile/Component.mobile.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"filled":"tag__filled_18b9w"};
+var defaultColors = {"filled":"tag__filled_hvyn7"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_1638v"};
+var invertedColors = {"filled":"tag__filled_1gmm2"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_182r6","xxs":"tag__xxs_182r6","xs":"tag__xs_182r6","s":"tag__s_182r6","m":"tag__m_182r6","l":"tag__l_182r6","xl":"tag__xl_182r6"};
+var styles = {"rectangular":"tag__rectangular_xbvp2","xxs":"tag__xxs_xbvp2","xs":"tag__xs_xbvp2","s":"tag__s_xbvp2","m":"tag__m_xbvp2","l":"tag__l_xbvp2","xl":"tag__xl_xbvp2"};
 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_18b9w {
+} .tag__filled_hvyn7 {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_18b9w:disabled {
+} .tag__filled_hvyn7:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_18b9w:hover:not(:disabled) {
+        .tag__filled_hvyn7:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_18b9w:active:not(:disabled) {
+    } .tag__filled_hvyn7: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_1638v {
+} .tag__filled_1gmm2 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_1638v:disabled {
+} .tag__filled_1gmm2:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1638v:hover:not(:disabled) {
+        .tag__filled_1gmm2:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_1638v:active:not(:disabled) {
+    } .tag__filled_1gmm2: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_182r6.tag__xxs_182r6 {
+} .tag__rectangular_xbvp2.tag__xxs_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_182r6.tag__xs_182r6 {
+    } .tag__rectangular_xbvp2.tag__xs_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_182r6.tag__s_182r6 {
+    } .tag__rectangular_xbvp2.tag__s_xbvp2 {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_182r6.tag__m_182r6,
-    .tag__rectangular_182r6.tag__l_182r6,
-    .tag__rectangular_182r6.tag__xl_182r6 {
+    } .tag__rectangular_xbvp2.tag__m_xbvp2,
+    .tag__rectangular_xbvp2.tag__l_xbvp2,
+    .tag__rectangular_xbvp2.tag__xl_xbvp2 {
         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_1vzjb","outlined":"tag__outlined_1vzjb","filled":"tag__filled_1vzjb","checked":"tag__checked_1vzjb"};
+const defaultColors = {"component":"tag__component_78nvj","outlined":"tag__outlined_78nvj","filled":"tag__filled_78nvj","checked":"tag__checked_78nvj"};
 require('./default.css');
 
-const commonStyles = {"component":"tag__component_iiv0z","focused":"tag__focused_iiv0z","addons":"tag__addons_iiv0z","s":"tag__s_iiv0z","m":"tag__m_iiv0z","l":"tag__l_iiv0z","xl":"tag__xl_iiv0z","xxs":"tag__xxs_iiv0z","xs":"tag__xs_iiv0z","withRightAddons":"tag__withRightAddons_iiv0z","withLeftAddons":"tag__withLeftAddons_iiv0z","rounded":"tag__rounded_iiv0z","outlined":"tag__outlined_iiv0z","checked":"tag__checked_iiv0z","filled":"tag__filled_iiv0z"};
+const commonStyles = {"component":"tag__component_d4nup","focused":"tag__focused_d4nup","addons":"tag__addons_d4nup","s":"tag__s_d4nup","m":"tag__m_d4nup","l":"tag__l_d4nup","xl":"tag__xl_d4nup","xxs":"tag__xxs_d4nup","xs":"tag__xs_d4nup","withRightAddons":"tag__withRightAddons_d4nup","withLeftAddons":"tag__withLeftAddons_d4nup","rounded":"tag__rounded_d4nup","outlined":"tag__outlined_d4nup","checked":"tag__checked_d4nup","filled":"tag__filled_d4nup"};
 require('./index.css');
 
-const invertedColors = {"component":"tag__component_n1tof","outlined":"tag__outlined_n1tof","filled":"tag__filled_n1tof","checked":"tag__checked_n1tof"};
+const invertedColors = {"component":"tag__component_xc29y","outlined":"tag__outlined_xc29y","filled":"tag__filled_xc29y","checked":"tag__checked_xc29y"};
 require('./inverted.css');
 
 const colorCommonStyles = {

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

@@ -69,41 +69,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1vzjb.tag__outlined_1vzjb {
+} .tag__component_78nvj.tag__outlined_78nvj {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1vzjb.tag__outlined_1vzjb:disabled {
+    } .tag__component_78nvj.tag__outlined_78nvj: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_1vzjb.tag__outlined_1vzjb:hover:not(:disabled) {
+            .tag__component_78nvj.tag__outlined_78nvj:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1vzjb.tag__outlined_1vzjb:active:not(:disabled) {
+        } .tag__component_78nvj.tag__outlined_78nvj:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1vzjb.tag__filled_1vzjb {
+        } .tag__component_78nvj.tag__filled_78nvj {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1vzjb.tag__filled_1vzjb:disabled {
+    } .tag__component_78nvj.tag__filled_78nvj:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1vzjb.tag__checked_1vzjb {
+        } .tag__component_78nvj.tag__checked_78nvj {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1vzjb.tag__checked_1vzjb:disabled {
+    } .tag__component_78nvj.tag__checked_78nvj: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_1vzjb.tag__checked_1vzjb:hover:not(:disabled) {
+            .tag__component_78nvj.tag__checked_78nvj:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1vzjb.tag__checked_1vzjb:active:not(:disabled) {
+        } .tag__component_78nvj.tag__checked_78nvj:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }