@alfalab/core-components 48.33.4 → 48.34.0

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

@@ -85,7 +85,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1af28 {
+} .tag__component_spluj {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -103,147 +103,147 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_1af28:disabled {
+} .tag__component_spluj:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_1af28 {
+    } .tag__focused_spluj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_1af28 {
+} .tag__addons_spluj {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_1af28:first-child {
+} .tag__addons_spluj:first-child {
         margin-right: 6px;
-    } .tag__addons_1af28:last-child {
+    } .tag__addons_spluj:last-child {
         margin-left: 6px;
-    } .tag__addons_1af28:only-child {
+    } .tag__addons_spluj:only-child {
         margin: var(--gap-0);
-    } .tag__addons_1af28 {
+    } .tag__addons_spluj {
 
-    .tag__noContent_1af28 &:first-child:not(:only-child) {
+    .tag__noContent_spluj &:first-child:not(:only-child) {
         margin-right: auto;
     }
 
-    .tag__noContent_1af28 &:last-child:not(:only-child) {
+    .tag__noContent_spluj &:last-child:not(:only-child) {
         margin-left: auto;
     }
-} button.tag__noContent_1af28 {
+} button.tag__noContent_spluj {
     grid-gap: 2px;
     grid-gap: 2px;
     gap: 2px;
-} .tag__size-48_1af28.tag__noContent_1af28,
-.tag__size-56_1af28.tag__noContent_1af28,
-.tag__size-64_1af28.tag__noContent_1af28,
-.tag__size-72_1af28.tag__noContent_1af28 {
+} .tag__size-48_spluj.tag__noContent_spluj,
+.tag__size-56_spluj.tag__noContent_spluj,
+.tag__size-64_spluj.tag__noContent_spluj,
+.tag__size-72_spluj.tag__noContent_spluj {
     grid-gap: 4px;
     grid-gap: 4px;
     gap: 4px;
-} .tag__size-48_1af28 .tag__addons_1af28:first-child, .tag__size-56_1af28 .tag__addons_1af28:first-child {
+} .tag__size-48_spluj .tag__addons_spluj:first-child, .tag__size-56_spluj .tag__addons_spluj:first-child {
         margin-right: var(--gap-8);
-    } .tag__size-48_1af28 .tag__addons_1af28:last-child, .tag__size-56_1af28 .tag__addons_1af28:last-child {
+    } .tag__size-48_spluj .tag__addons_spluj:last-child, .tag__size-56_spluj .tag__addons_spluj:last-child {
         margin-left: var(--gap-8);
-    } .tag__size-64_1af28 .tag__addons_1af28:first-child, .tag__size-72_1af28 .tag__addons_1af28:first-child {
+    } .tag__size-64_spluj .tag__addons_spluj:first-child, .tag__size-72_spluj .tag__addons_spluj:first-child {
         margin-right: var(--gap-12);
-    } .tag__size-64_1af28 .tag__addons_1af28:last-child, .tag__size-72_1af28 .tag__addons_1af28:last-child {
+    } .tag__size-64_spluj .tag__addons_spluj:last-child, .tag__size-72_spluj .tag__addons_spluj:last-child {
         margin-left: var(--gap-12);
-    } .tag__size-32_1af28 {
+    } .tag__size-32_spluj {
     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_1af28 {
+} .tag__size-40_spluj {
     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_1af28 {
+} .tag__size-48_spluj {
     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_1af28 {
+} .tag__size-56_spluj {
     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_1af28 {
+} .tag__size-64_spluj {
     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_1af28 {
+} .tag__size-72_spluj {
     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_1af28.tag__size-32_1af28 {
+} .tag__withRightAddons_spluj.tag__size-32_spluj {
         padding-right: var(--gap-8)
-    } .tag__withRightAddons_1af28.tag__size-32_1af28.tag__noContent_1af28 {
+    } .tag__withRightAddons_spluj.tag__size-32_spluj.tag__noContent_spluj {
             padding-right: var(--gap-12);
-        } .tag__withRightAddons_1af28.tag__size-40_1af28 {
+        } .tag__withRightAddons_spluj.tag__size-40_spluj {
         padding-right: var(--gap-12)
-    } .tag__withRightAddons_1af28.tag__size-40_1af28.tag__noContent_1af28 {
+    } .tag__withRightAddons_spluj.tag__size-40_spluj.tag__noContent_spluj {
             padding-right: var(--gap-16);
-        } .tag__withRightAddons_1af28.tag__size-48_1af28 {
+        } .tag__withRightAddons_spluj.tag__size-48_spluj {
         padding-right: var(--gap-16)
-    } .tag__withRightAddons_1af28.tag__size-48_1af28.tag__noContent_1af28 {
+    } .tag__withRightAddons_spluj.tag__size-48_spluj.tag__noContent_spluj {
             padding-right: var(--gap-20);
-        } .tag__withRightAddons_1af28.tag__size-56_1af28 {
+        } .tag__withRightAddons_spluj.tag__size-56_spluj {
         padding-right: var(--gap-20)
-    } .tag__withRightAddons_1af28.tag__size-56_1af28.tag__noContent_1af28 {
+    } .tag__withRightAddons_spluj.tag__size-56_spluj.tag__noContent_spluj {
             padding-right: var(--gap-24);
-        } .tag__withRightAddons_1af28.tag__size-64_1af28 {
+        } .tag__withRightAddons_spluj.tag__size-64_spluj {
         padding-right: var(--gap-24)
-    } .tag__withRightAddons_1af28.tag__size-64_1af28.tag__noContent_1af28 {
+    } .tag__withRightAddons_spluj.tag__size-64_spluj.tag__noContent_spluj {
             padding-right: 28px;
-        } .tag__withRightAddons_1af28.tag__size-72_1af28 {
+        } .tag__withRightAddons_spluj.tag__size-72_spluj {
         padding-right: 28px;
-    } .tag__withLeftAddons_1af28.tag__size-32_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-32_spluj {
         padding-left: var(--gap-8)
-    } .tag__withLeftAddons_1af28.tag__size-32_1af28.tag__noContent_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-32_spluj.tag__noContent_spluj {
             padding-left: var(--gap-12);
-        } .tag__withLeftAddons_1af28.tag__size-40_1af28 {
+        } .tag__withLeftAddons_spluj.tag__size-40_spluj {
         padding-left: var(--gap-12)
-    } .tag__withLeftAddons_1af28.tag__size-40_1af28.tag__noContent_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-40_spluj.tag__noContent_spluj {
             padding-left: var(--gap-16);
-        } .tag__withLeftAddons_1af28.tag__size-48_1af28 {
+        } .tag__withLeftAddons_spluj.tag__size-48_spluj {
         padding-left: var(--gap-16)
-    } .tag__withLeftAddons_1af28.tag__size-48_1af28.tag__noContent_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-48_spluj.tag__noContent_spluj {
             padding-left: var(--gap-20);
-        } .tag__withLeftAddons_1af28.tag__size-56_1af28 {
+        } .tag__withLeftAddons_spluj.tag__size-56_spluj {
         padding-left: var(--gap-20)
-    } .tag__withLeftAddons_1af28.tag__size-56_1af28.tag__noContent_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-56_spluj.tag__noContent_spluj {
             padding-left: var(--gap-24);
-        } .tag__withLeftAddons_1af28.tag__size-64_1af28 {
+        } .tag__withLeftAddons_spluj.tag__size-64_spluj {
         padding-left: var(--gap-24)
-    } .tag__withLeftAddons_1af28.tag__size-64_1af28.tag__noContent_1af28 {
+    } .tag__withLeftAddons_spluj.tag__size-64_spluj.tag__noContent_spluj {
             padding-left: 28px;
-        } .tag__withLeftAddons_1af28.tag__size-72_1af28 {
+        } .tag__withLeftAddons_spluj.tag__size-72_spluj {
         padding-left: 28px;
-    } .tag__rounded_1af28.tag__size-32_1af28 {
+    } .tag__rounded_spluj.tag__size-32_spluj {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1af28.tag__size-40_1af28 {
+    } .tag__rounded_spluj.tag__size-40_spluj {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1af28.tag__size-48_1af28 {
+    } .tag__rounded_spluj.tag__size-48_spluj {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1af28.tag__size-56_1af28,
-    .tag__rounded_1af28.tag__size-64_1af28,
-    .tag__rounded_1af28.tag__size-72_1af28 {
+    } .tag__rounded_spluj.tag__size-56_spluj,
+    .tag__rounded_spluj.tag__size-64_spluj,
+    .tag__rounded_spluj.tag__size-72_spluj {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_1af28.tag__outlined_1af28.tag__checked_1af28[disabled],
-    .tag__allowBackdropBlur_1af28.tag__filled_1af28 {
+    } .tag__allowBackdropBlur_spluj.tag__outlined_spluj.tag__checked_spluj[disabled],
+    .tag__allowBackdropBlur_spluj.tag__filled_spluj {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

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

@@ -96,54 +96,54 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1dkr3.tag__outlined_1dkr3 {
+} .tag__component_10hup.tag__outlined_10hup {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1dkr3.tag__outlined_1dkr3:disabled {
+    } .tag__component_10hup.tag__outlined_10hup: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_1dkr3.tag__outlined_1dkr3:hover:not(:disabled) {
+            .tag__component_10hup.tag__outlined_10hup:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1dkr3.tag__outlined_1dkr3:active:not(:disabled) {
+        } .tag__component_10hup.tag__outlined_10hup:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1dkr3.tag__transparent_1dkr3 {
+        } .tag__component_10hup.tag__transparent_10hup {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-transparent-border-color);
         background-color: var(--tag-inverted-transparent-background-color)
-    } .tag__component_1dkr3.tag__transparent_1dkr3:disabled {
+    } .tag__component_10hup.tag__transparent_10hup:disabled {
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-transparent-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1dkr3.tag__transparent_1dkr3:hover:not(:disabled) {
+            .tag__component_10hup.tag__transparent_10hup:hover:not(:disabled) {
                 background-color: var(--tag-inverted-transparent-background-color-hover);
             }
-        } .tag__component_1dkr3.tag__transparent_1dkr3:active:not(:disabled) {
+        } .tag__component_10hup.tag__transparent_10hup:active:not(:disabled) {
             background-color: var(--tag-inverted-transparent-background-color-active);
-        } .tag__component_1dkr3.tag__filled_1dkr3 {
+        } .tag__component_10hup.tag__filled_10hup {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1dkr3.tag__filled_1dkr3:disabled {
+    } .tag__component_10hup.tag__filled_10hup:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1dkr3.tag__checked_1dkr3 {
+        } .tag__component_10hup.tag__checked_10hup {
         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_1dkr3.tag__checked_1dkr3:disabled {
+    } .tag__component_10hup.tag__checked_10hup: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_1dkr3.tag__checked_1dkr3:hover:not(:disabled) {
+            .tag__component_10hup.tag__checked_10hup:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1dkr3.tag__checked_1dkr3:active:not(:disabled) {
+        } .tag__component_10hup.tag__checked_10hup: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_1j70x"};
+var defaultColors = {"filled":"tag__filled_1b8t7"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_1fp53","size-32":"tag__size-32_1fp53","size-40":"tag__size-40_1fp53","size-48":"tag__size-48_1fp53","size-56":"tag__size-56_1fp53","size-64":"tag__size-64_1fp53","size-72":"tag__size-72_1fp53"};
+var styles = {"rectangular":"tag__rectangular_1xelh","size-32":"tag__size-32_1xelh","size-40":"tag__size-40_1xelh","size-48":"tag__size-48_1xelh","size-56":"tag__size-56_1xelh","size-64":"tag__size-64_1xelh","size-72":"tag__size-72_1xelh"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_1iby9"};
+var invertedColors = {"filled":"tag__filled_ei95t"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/desktop/default.desktop.css

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

package/tag/desktop/desktop.css

@@ -67,16 +67,16 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_1fp53.tag__size-32_1fp53 {
+} .tag__rectangular_1xelh.tag__size-32_1xelh {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_1fp53.tag__size-40_1fp53 {
+    } .tag__rectangular_1xelh.tag__size-40_1xelh {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_1fp53.tag__size-48_1fp53 {
+    } .tag__rectangular_1xelh.tag__size-48_1xelh {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_1fp53.tag__size-56_1fp53 {
+    } .tag__rectangular_1xelh.tag__size-56_1xelh {
         border-radius: var(--tag-rectangular-m-border-radius);
-    } .tag__rectangular_1fp53.tag__size-64_1fp53 {
+    } .tag__rectangular_1xelh.tag__size-64_1xelh {
         border-radius: var(--tag-rectangular-l-border-radius);
-    } .tag__rectangular_1fp53.tag__size-72_1fp53 {
+    } .tag__rectangular_1xelh.tag__size-72_1xelh {
         border-radius: var(--tag-rectangular-xl-border-radius);
     }

package/tag/desktop/inverted.desktop.css

@@ -66,14 +66,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_1iby9 {
+} .tag__filled_ei95t {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_1iby9:disabled {
+} .tag__filled_ei95t:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1iby9:hover:not(:disabled) {
+        .tag__filled_ei95t:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_1iby9:active:not(:disabled) {
+    } .tag__filled_ei95t: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_1v57u","outlined":"tag__outlined_1v57u","transparent":"tag__transparent_1v57u","filled":"tag__filled_1v57u","checked":"tag__checked_1v57u"};
+var defaultColors = {"component":"tag__component_1i2bf","outlined":"tag__outlined_1i2bf","transparent":"tag__transparent_1i2bf","filled":"tag__filled_1i2bf","checked":"tag__checked_1i2bf"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_1af28","focused":"tag__focused_1af28","addons":"tag__addons_1af28","noContent":"tag__noContent_1af28","size-48":"tag__size-48_1af28","size-56":"tag__size-56_1af28","size-64":"tag__size-64_1af28","size-72":"tag__size-72_1af28","size-32":"tag__size-32_1af28","size-40":"tag__size-40_1af28","withRightAddons":"tag__withRightAddons_1af28","withLeftAddons":"tag__withLeftAddons_1af28","rounded":"tag__rounded_1af28","allowBackdropBlur":"tag__allowBackdropBlur_1af28","outlined":"tag__outlined_1af28","checked":"tag__checked_1af28","filled":"tag__filled_1af28"};
+var commonStyles = {"component":"tag__component_spluj","focused":"tag__focused_spluj","addons":"tag__addons_spluj","noContent":"tag__noContent_spluj","size-48":"tag__size-48_spluj","size-56":"tag__size-56_spluj","size-64":"tag__size-64_spluj","size-72":"tag__size-72_spluj","size-32":"tag__size-32_spluj","size-40":"tag__size-40_spluj","withRightAddons":"tag__withRightAddons_spluj","withLeftAddons":"tag__withLeftAddons_spluj","rounded":"tag__rounded_spluj","allowBackdropBlur":"tag__allowBackdropBlur_spluj","outlined":"tag__outlined_spluj","checked":"tag__checked_spluj","filled":"tag__filled_spluj"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_1dkr3","outlined":"tag__outlined_1dkr3","transparent":"tag__transparent_1dkr3","filled":"tag__filled_1dkr3","checked":"tag__checked_1dkr3"};
+var invertedColors = {"component":"tag__component_10hup","outlined":"tag__outlined_10hup","transparent":"tag__transparent_10hup","filled":"tag__filled_10hup","checked":"tag__checked_10hup"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -89,54 +89,54 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1v57u.tag__outlined_1v57u {
+} .tag__component_1i2bf.tag__outlined_1i2bf {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1v57u.tag__outlined_1v57u:disabled {
+    } .tag__component_1i2bf.tag__outlined_1i2bf: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_1v57u.tag__outlined_1v57u:hover:not(:disabled) {
+            .tag__component_1i2bf.tag__outlined_1i2bf:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1v57u.tag__outlined_1v57u:active:not(:disabled) {
+        } .tag__component_1i2bf.tag__outlined_1i2bf:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1v57u.tag__transparent_1v57u {
+        } .tag__component_1i2bf.tag__transparent_1i2bf {
         color: var(--tag-text-color);
         border-color: var(--tag-transparent-border-color);
         background-color: var(--tag-transparent-background-color)
-    } .tag__component_1v57u.tag__transparent_1v57u:disabled {
+    } .tag__component_1i2bf.tag__transparent_1i2bf:disabled {
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-transparent-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1v57u.tag__transparent_1v57u:hover:not(:disabled) {
+            .tag__component_1i2bf.tag__transparent_1i2bf:hover:not(:disabled) {
                 background-color: var(--tag-transparent-background-color-hover);
             }
-        } .tag__component_1v57u.tag__transparent_1v57u:active:not(:disabled) {
+        } .tag__component_1i2bf.tag__transparent_1i2bf:active:not(:disabled) {
             background-color: var(--tag-transparent-background-color-active);
-        } .tag__component_1v57u.tag__filled_1v57u {
+        } .tag__component_1i2bf.tag__filled_1i2bf {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1v57u.tag__filled_1v57u:disabled {
+    } .tag__component_1i2bf.tag__filled_1i2bf:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1v57u.tag__checked_1v57u {
+        } .tag__component_1i2bf.tag__checked_1i2bf {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1v57u.tag__checked_1v57u:disabled {
+    } .tag__component_1i2bf.tag__checked_1i2bf: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_1v57u.tag__checked_1v57u:hover:not(:disabled) {
+            .tag__component_1i2bf.tag__checked_1i2bf:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1v57u.tag__checked_1v57u:active:not(:disabled) {
+        } .tag__component_1i2bf.tag__checked_1i2bf:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }