@alfalab/core-components 48.29.0-beta.0 → 48.29.0-snapshot-b4d1ee6

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

@@ -117,85 +117,85 @@
     --filter-tag-inverted-clear-color-hover: var(--color-light-neutral-translucent-700-hover);
     --filter-tag-inverted-clear-color-active: var(--color-light-neutral-translucent-700-press);
     --filter-tag-inverted-clear-before-background-color: var(--color-light-neutral-translucent-500);
-} .filter-tag__component_rdhn9.filter-tag__disabled_rdhn9 {
+} .filter-tag__component_kecm2.filter-tag__disabled_kecm2 {
         background-color: var(--tag-inverted-outlined-background-color-disabled);
-    } .filter-tag__component_rdhn9.filter-tag__checked_rdhn9:not(.filter-tag__disabled_rdhn9) {
+    } .filter-tag__component_kecm2.filter-tag__checked_kecm2:not(.filter-tag__disabled_kecm2) {
             background-color: var(--tag-inverted-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_rdhn9.filter-tag__checked_rdhn9:not(.filter-tag__disabled_rdhn9):hover {
+            .filter-tag__component_kecm2.filter-tag__checked_kecm2:not(.filter-tag__disabled_kecm2):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__component_rdhn9.filter-tag__checked_rdhn9:not(.filter-tag__disabled_rdhn9):active {
+        } .filter-tag__component_kecm2.filter-tag__checked_kecm2:not(.filter-tag__disabled_kecm2):active {
             background-color: var(--tag-inverted-background-color-checked-active);
-        } .filter-tag__chevron_rdhn9 {
+        } .filter-tag__chevron_kecm2 {
     color: var(--filter-tag-inverted-chevron-color);
-} .filter-tag__valueButton_rdhn9 {
+} .filter-tag__valueButton_kecm2 {
     color: var(--tag-inverted-text-color);
     background-color: var(--tag-inverted-outlined-background-color);
     border: var(--tag-border-width) solid var(--tag-inverted-border-color)
-} .filter-tag__valueButton_rdhn9:disabled > .filter-tag__chevron_rdhn9 {
+} .filter-tag__valueButton_kecm2:disabled > .filter-tag__chevron_kecm2 {
             color: var(--filter-tag-inverted-chevron-disabled-color);
-        } .filter-tag__valueButton_rdhn9.filter-tag__outlined_rdhn9 {
+        } .filter-tag__valueButton_kecm2.filter-tag__outlined_kecm2 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .filter-tag__valueButton_rdhn9.filter-tag__outlined_rdhn9:disabled {
+    } .filter-tag__valueButton_kecm2.filter-tag__outlined_kecm2: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) {
-            .filter-tag__valueButton_rdhn9.filter-tag__outlined_rdhn9:not(:disabled):hover {
+            .filter-tag__valueButton_kecm2.filter-tag__outlined_kecm2:not(:disabled):hover {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_rdhn9.filter-tag__outlined_rdhn9:not(:disabled):active {
+        } .filter-tag__valueButton_kecm2.filter-tag__outlined_kecm2:not(:disabled):active {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .filter-tag__valueButton_rdhn9.filter-tag__filled_rdhn9 {
+        } .filter-tag__valueButton_kecm2.filter-tag__filled_kecm2 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .filter-tag__valueButton_rdhn9.filter-tag__filled_rdhn9:disabled {
+    } .filter-tag__valueButton_kecm2.filter-tag__filled_kecm2:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9 {
+        } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2 {
         color: var(--tag-inverted-text-color-checked);
         background-color: var(--tag-inverted-background-color-checked);
         border-color: var(--tag-inverted-border-color-checked)
-    } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9 > .filter-tag__chevron_rdhn9 {
+    } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2 > .filter-tag__chevron_kecm2 {
             color: var(--filter-tag-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:not(:disabled):hover {
+            .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:not(:disabled):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:not(:disabled):active {
+        } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:not(:disabled):active {
             background-color: var(--tag-inverted-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:not(:disabled):hover + .filter-tag__clear_rdhn9:before {
+            .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:not(:disabled):hover + .filter-tag__clear_kecm2:before {
                 background-color: var(--filter-tag-inverted-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:not(:disabled):active + .filter-tag__clear_rdhn9:before {
+        } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:not(:disabled):active + .filter-tag__clear_kecm2:before {
             background-color: var(--filter-tag-inverted-separator-background-color-active);
-        } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:disabled {
+        } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:disabled {
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled)
-        } .filter-tag__valueButton_rdhn9.filter-tag__checked_rdhn9:disabled > .filter-tag__chevron_rdhn9 {
+        } .filter-tag__valueButton_kecm2.filter-tag__checked_kecm2:disabled > .filter-tag__chevron_kecm2 {
                 color: var(--filter-tag-inverted-chevron-disabled-color);
-            } .filter-tag__clear_rdhn9 {
+            } .filter-tag__clear_kecm2 {
     color: var(--filter-tag-inverted-clear-color);
     background-color: var(--tag-inverted-background-color-checked)
-} .filter-tag__clear_rdhn9:before {
+} .filter-tag__clear_kecm2:before {
         background-color: var(--filter-tag-inverted-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_rdhn9:hover:before {
+        .filter-tag__clear_kecm2:hover:before {
             background-color: var(--filter-tag-inverted-separator-background-color-hover);
         }
-    } .filter-tag__clear_rdhn9:active:before {
+    } .filter-tag__clear_kecm2:active:before {
         background-color: var(--filter-tag-inverted-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_rdhn9:hover {
+        .filter-tag__clear_kecm2:hover {
             color: var(--filter-tag-inverted-clear-color-hover);
             background-color: var(--tag-inverted-background-color-checked-hover);
         }
-    } .filter-tag__clear_rdhn9:active {
+    } .filter-tag__clear_kecm2:active {
         color: var(--filter-tag-inverted-clear-color-active);
         background-color: var(--tag-inverted-background-color-checked-active);
     }

package/filter-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 = {"valueButton":"filter-tag__valueButton_1cpwd","filled":"filter-tag__filled_1cpwd"};
+var defaultColors = {"valueButton":"filter-tag__valueButton_6tmxc","filled":"filter-tag__filled_6tmxc"};
 require('./default.desktop.css');
 
-var styles = {"component":"filter-tag__component_do22m","rectangular":"filter-tag__rectangular_do22m","size-32":"filter-tag__size-32_do22m","size-40":"filter-tag__size-40_do22m","size-48":"filter-tag__size-48_do22m","valueButton":"filter-tag__valueButton_do22m","checked":"filter-tag__checked_do22m","close":"filter-tag__close_do22m","clear":"filter-tag__clear_do22m"};
+var styles = {"component":"filter-tag__component_1jkbj","rectangular":"filter-tag__rectangular_1jkbj","size-32":"filter-tag__size-32_1jkbj","size-40":"filter-tag__size-40_1jkbj","size-48":"filter-tag__size-48_1jkbj","valueButton":"filter-tag__valueButton_1jkbj","checked":"filter-tag__checked_1jkbj","close":"filter-tag__close_1jkbj","clear":"filter-tag__clear_1jkbj"};
 require('./desktop.css');
 
-var invertedColors = {"valueButton":"filter-tag__valueButton_15lb1","filled":"filter-tag__filled_15lb1"};
+var invertedColors = {"valueButton":"filter-tag__valueButton_lht8x","filled":"filter-tag__filled_lht8x"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/filter-tag/desktop/default.desktop.css

@@ -63,14 +63,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__valueButton_1cpwd.filter-tag__filled_1cpwd {
+} .filter-tag__valueButton_6tmxc.filter-tag__filled_6tmxc {
         background-color: var(--tag-filled-background-color)
-    } .filter-tag__valueButton_1cpwd.filter-tag__filled_1cpwd:disabled {
+    } .filter-tag__valueButton_6tmxc.filter-tag__filled_6tmxc:disabled {
             background-color: var(--tag-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1cpwd.filter-tag__filled_1cpwd:not(:disabled):hover {
+            .filter-tag__valueButton_6tmxc.filter-tag__filled_6tmxc:not(:disabled):hover {
                 background-color: var(--tag-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_1cpwd.filter-tag__filled_1cpwd:not(:disabled):active {
+        } .filter-tag__valueButton_6tmxc.filter-tag__filled_6tmxc:not(:disabled):active {
             background-color: var(--tag-filled-background-color-active);
         }

package/filter-tag/desktop/desktop.css

@@ -61,40 +61,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__component_do22m.filter-tag__rectangular_do22m.filter-tag__size-32_do22m {
+} .filter-tag__component_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-32_1jkbj {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__component_do22m.filter-tag__rectangular_do22m.filter-tag__size-40_do22m {
+        } .filter-tag__component_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-40_1jkbj {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__component_do22m.filter-tag__rectangular_do22m.filter-tag__size-48_do22m {
+        } .filter-tag__component_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-48_1jkbj {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_do22m.filter-tag__rectangular_do22m.filter-tag__size-32_do22m {
+        } .filter-tag__valueButton_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-32_1jkbj {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__valueButton_do22m.filter-tag__rectangular_do22m.filter-tag__size-40_do22m {
+        } .filter-tag__valueButton_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-40_1jkbj {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__valueButton_do22m.filter-tag__rectangular_do22m.filter-tag__size-48_do22m {
+        } .filter-tag__valueButton_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-48_1jkbj {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__size-32_do22m {
+        } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-32_1jkbj {
                 border-radius: var(--tag-rectangular-xxs-border-radius) 0 0
                     var(--tag-rectangular-xxs-border-radius);
-            } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__size-40_do22m {
+            } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-40_1jkbj {
                 border-radius: var(--tag-rectangular-xs-border-radius) 0 0
                     var(--tag-rectangular-xs-border-radius);
-            } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__size-48_do22m {
+            } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-48_1jkbj {
                 border-radius: var(--tag-rectangular-s-border-radius) 0 0
                     var(--tag-rectangular-s-border-radius);
-            } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m:disabled.filter-tag__size-32_do22m, .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__close_do22m.filter-tag__size-32_do22m {
+            } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj:disabled.filter-tag__size-32_1jkbj, .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__close_1jkbj.filter-tag__size-32_1jkbj {
                     border-radius: var(--tag-rectangular-xxs-border-radius);
-                } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m:disabled.filter-tag__size-40_do22m, .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__close_do22m.filter-tag__size-40_do22m {
+                } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj:disabled.filter-tag__size-40_1jkbj, .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__close_1jkbj.filter-tag__size-40_1jkbj {
                     border-radius: var(--tag-rectangular-xs-border-radius);
-                } .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m:disabled.filter-tag__size-48_do22m, .filter-tag__valueButton_do22m.filter-tag__checked_do22m.filter-tag__rectangular_do22m.filter-tag__close_do22m.filter-tag__size-48_do22m {
+                } .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj:disabled.filter-tag__size-48_1jkbj, .filter-tag__valueButton_1jkbj.filter-tag__checked_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__close_1jkbj.filter-tag__size-48_1jkbj {
                     border-radius: var(--tag-rectangular-s-border-radius);
-                } .filter-tag__clear_do22m.filter-tag__rectangular_do22m.filter-tag__size-32_do22m {
+                } .filter-tag__clear_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-32_1jkbj {
             border-radius: 0 var(--tag-rectangular-xxs-border-radius)
                 var(--tag-rectangular-xxs-border-radius) 0;
-        } .filter-tag__clear_do22m.filter-tag__rectangular_do22m.filter-tag__size-40_do22m {
+        } .filter-tag__clear_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-40_1jkbj {
             border-radius: 0 var(--tag-rectangular-xs-border-radius)
                 var(--tag-rectangular-xs-border-radius) 0;
-        } .filter-tag__clear_do22m.filter-tag__rectangular_do22m.filter-tag__size-48_do22m {
+        } .filter-tag__clear_1jkbj.filter-tag__rectangular_1jkbj.filter-tag__size-48_1jkbj {
             border-radius: 0 var(--tag-rectangular-s-border-radius)
                 var(--tag-rectangular-s-border-radius) 0;
         }

package/filter-tag/desktop/inverted.desktop.css

@@ -66,14 +66,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__valueButton_15lb1.filter-tag__filled_15lb1 {
+} .filter-tag__valueButton_lht8x.filter-tag__filled_lht8x {
         background-color: var(--tag-inverted-filled-background-color)
-    } .filter-tag__valueButton_15lb1.filter-tag__filled_15lb1:disabled {
+    } .filter-tag__valueButton_lht8x.filter-tag__filled_lht8x:disabled {
             background-color: var(--tag-inverted-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_15lb1.filter-tag__filled_15lb1:not(:disabled):hover {
+            .filter-tag__valueButton_lht8x.filter-tag__filled_lht8x:not(:disabled):hover {
                 background-color: var(--tag-inverted-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_15lb1.filter-tag__filled_15lb1:not(:disabled):active {
+        } .filter-tag__valueButton_lht8x.filter-tag__filled_lht8x:not(:disabled):active {
             background-color: var(--tag-inverted-filled-background-color-active);
         }

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

@@ -7,13 +7,13 @@ import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 import { isKeyBoardEvent } from '../../helpers/is-keyboard-event.js';
 
-var defaultColors = {"component":"filter-tag__component_1060d","disabled":"filter-tag__disabled_1060d","checked":"filter-tag__checked_1060d","chevron":"filter-tag__chevron_1060d","valueButton":"filter-tag__valueButton_1060d","outlined":"filter-tag__outlined_1060d","filled":"filter-tag__filled_1060d","clear":"filter-tag__clear_1060d"};
+var defaultColors = {"component":"filter-tag__component_t6vcp","disabled":"filter-tag__disabled_t6vcp","checked":"filter-tag__checked_t6vcp","chevron":"filter-tag__chevron_t6vcp","valueButton":"filter-tag__valueButton_t6vcp","outlined":"filter-tag__outlined_t6vcp","filled":"filter-tag__filled_t6vcp","clear":"filter-tag__clear_t6vcp"};
 require('./default.css');
 
-var commonStyles = {"component":"filter-tag__component_roh25","block":"filter-tag__block_roh25","rounded":"filter-tag__rounded_roh25","size-32":"filter-tag__size-32_roh25","size-40":"filter-tag__size-40_roh25","size-48":"filter-tag__size-48_roh25","checked":"filter-tag__checked_roh25","disabled":"filter-tag__disabled_roh25","content":"filter-tag__content_roh25","focused":"filter-tag__focused_roh25","chevron":"filter-tag__chevron_roh25","valueButton":"filter-tag__valueButton_roh25","open":"filter-tag__open_roh25","close":"filter-tag__close_roh25","withClear":"filter-tag__withClear_roh25","addons":"filter-tag__addons_roh25","clear":"filter-tag__clear_roh25"};
+var commonStyles = {"component":"filter-tag__component_ynm3c","block":"filter-tag__block_ynm3c","rounded":"filter-tag__rounded_ynm3c","size-32":"filter-tag__size-32_ynm3c","size-40":"filter-tag__size-40_ynm3c","size-48":"filter-tag__size-48_ynm3c","checked":"filter-tag__checked_ynm3c","disabled":"filter-tag__disabled_ynm3c","content":"filter-tag__content_ynm3c","focused":"filter-tag__focused_ynm3c","chevron":"filter-tag__chevron_ynm3c","valueButton":"filter-tag__valueButton_ynm3c","open":"filter-tag__open_ynm3c","close":"filter-tag__close_ynm3c","withClear":"filter-tag__withClear_ynm3c","addons":"filter-tag__addons_ynm3c","clear":"filter-tag__clear_ynm3c"};
 require('./index.css');
 
-var invertedColors = {"component":"filter-tag__component_rdhn9","disabled":"filter-tag__disabled_rdhn9","checked":"filter-tag__checked_rdhn9","chevron":"filter-tag__chevron_rdhn9","valueButton":"filter-tag__valueButton_rdhn9","outlined":"filter-tag__outlined_rdhn9","filled":"filter-tag__filled_rdhn9","clear":"filter-tag__clear_rdhn9"};
+var invertedColors = {"component":"filter-tag__component_kecm2","disabled":"filter-tag__disabled_kecm2","checked":"filter-tag__checked_kecm2","chevron":"filter-tag__chevron_kecm2","valueButton":"filter-tag__valueButton_kecm2","outlined":"filter-tag__outlined_kecm2","filled":"filter-tag__filled_kecm2","clear":"filter-tag__clear_kecm2"};
 require('./inverted.css');
 
 var colorStyles = {

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

@@ -112,85 +112,85 @@
     --filter-tag-clear-before-background-color: var(--color-light-neutral-translucent-500-inverted);
 
     /* clear inverted */
-} .filter-tag__component_1060d.filter-tag__disabled_1060d {
+} .filter-tag__component_t6vcp.filter-tag__disabled_t6vcp {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_1060d.filter-tag__checked_1060d:not(.filter-tag__disabled_1060d) {
+    } .filter-tag__component_t6vcp.filter-tag__checked_t6vcp:not(.filter-tag__disabled_t6vcp) {
             background-color: var(--tag-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_1060d.filter-tag__checked_1060d:not(.filter-tag__disabled_1060d):hover {
+            .filter-tag__component_t6vcp.filter-tag__checked_t6vcp:not(.filter-tag__disabled_t6vcp):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__component_1060d.filter-tag__checked_1060d:not(.filter-tag__disabled_1060d):active {
+        } .filter-tag__component_t6vcp.filter-tag__checked_t6vcp:not(.filter-tag__disabled_t6vcp):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__chevron_1060d {
+        } .filter-tag__chevron_t6vcp {
     color: var(--filter-tag-chevron-color);
-} .filter-tag__valueButton_1060d {
+} .filter-tag__valueButton_t6vcp {
     color: var(--tag-text-color);
     background-color: var(--tag-outlined-background-color);
     border: var(--tag-border-width) solid var(--tag-border-color)
-} .filter-tag__valueButton_1060d:disabled > .filter-tag__chevron_1060d {
+} .filter-tag__valueButton_t6vcp:disabled > .filter-tag__chevron_t6vcp {
             color: var(--filter-tag-chevron-disabled-color);
-        } .filter-tag__valueButton_1060d.filter-tag__outlined_1060d {
+        } .filter-tag__valueButton_t6vcp.filter-tag__outlined_t6vcp {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_1060d.filter-tag__outlined_1060d:disabled {
+    } .filter-tag__valueButton_t6vcp.filter-tag__outlined_t6vcp: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) {
-            .filter-tag__valueButton_1060d.filter-tag__outlined_1060d:not(:disabled):hover {
+            .filter-tag__valueButton_t6vcp.filter-tag__outlined_t6vcp:not(:disabled):hover {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_1060d.filter-tag__outlined_1060d:not(:disabled):active {
+        } .filter-tag__valueButton_t6vcp.filter-tag__outlined_t6vcp:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_1060d.filter-tag__filled_1060d {
+        } .filter-tag__valueButton_t6vcp.filter-tag__filled_t6vcp {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .filter-tag__valueButton_1060d.filter-tag__filled_1060d:disabled {
+    } .filter-tag__valueButton_t6vcp.filter-tag__filled_t6vcp:disabled {
             color: var(--tag-text-color-disabled);
-        } .filter-tag__valueButton_1060d.filter-tag__checked_1060d {
+        } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp {
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked);
         border-color: var(--tag-border-color-checked)
-    } .filter-tag__valueButton_1060d.filter-tag__checked_1060d > .filter-tag__chevron_1060d {
+    } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp > .filter-tag__chevron_t6vcp {
             color: var(--filter-tag-inverted-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1060d.filter-tag__checked_1060d:not(:disabled):hover {
+            .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:not(:disabled):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_1060d.filter-tag__checked_1060d:not(:disabled):active {
+        } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1060d.filter-tag__checked_1060d:not(:disabled):hover + .filter-tag__clear_1060d:before {
+            .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:not(:disabled):hover + .filter-tag__clear_t6vcp:before {
                 background-color: var(--filter-tag-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_1060d.filter-tag__checked_1060d:not(:disabled):active + .filter-tag__clear_1060d:before {
+        } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:not(:disabled):active + .filter-tag__clear_t6vcp:before {
             background-color: var(--filter-tag-separator-background-color-active);
-        } .filter-tag__valueButton_1060d.filter-tag__checked_1060d:disabled {
+        } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:disabled {
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled)
-        } .filter-tag__valueButton_1060d.filter-tag__checked_1060d:disabled > .filter-tag__chevron_1060d {
+        } .filter-tag__valueButton_t6vcp.filter-tag__checked_t6vcp:disabled > .filter-tag__chevron_t6vcp {
                 color: var(--filter-tag-chevron-disabled-color);
-            } .filter-tag__clear_1060d {
+            } .filter-tag__clear_t6vcp {
     color: var(--filter-tag-clear-color);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_1060d:before {
+} .filter-tag__clear_t6vcp:before {
         background-color: var(--filter-tag-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_1060d:hover:before {
+        .filter-tag__clear_t6vcp:hover:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-    } .filter-tag__clear_1060d:active:before {
+    } .filter-tag__clear_t6vcp:active:before {
         background-color: var(--filter-tag-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_1060d:hover {
+        .filter-tag__clear_t6vcp:hover {
             color: var(--filter-tag-clear-color-hover);
             background-color: var(--tag-background-color-checked-hover);
         }
-    } .filter-tag__clear_1060d:active {
+    } .filter-tag__clear_t6vcp:active {
         color: var(--filter-tag-clear-color-active);
         background-color: var(--tag-background-color-checked-active);
     }

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

@@ -92,39 +92,39 @@
     /* clear */
 
     /* clear inverted */
-} .filter-tag__component_roh25 {
+} .filter-tag__component_ynm3c {
     display: flex;
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_roh25.filter-tag__block_roh25 {
+} .filter-tag__component_ynm3c.filter-tag__block_ynm3c {
         width: 100%;
-    } .filter-tag__component_roh25.filter-tag__rounded_roh25.filter-tag__size-32_roh25 {
+    } .filter-tag__component_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-32_ynm3c {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_roh25.filter-tag__rounded_roh25.filter-tag__size-40_roh25 {
+        } .filter-tag__component_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-40_ynm3c {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_roh25.filter-tag__rounded_roh25.filter-tag__size-48_roh25 {
+        } .filter-tag__component_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-48_ynm3c {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_roh25.filter-tag__checked_roh25:not(.filter-tag__disabled_roh25).filter-tag__size-32_roh25 {
+        } .filter-tag__component_ynm3c.filter-tag__checked_ynm3c:not(.filter-tag__disabled_ynm3c).filter-tag__size-32_ynm3c {
             min-width: 80px;
-        } .filter-tag__component_roh25.filter-tag__checked_roh25:not(.filter-tag__disabled_roh25).filter-tag__size-40_roh25 {
+        } .filter-tag__component_ynm3c.filter-tag__checked_ynm3c:not(.filter-tag__disabled_ynm3c).filter-tag__size-40_ynm3c {
             min-width: 100px;
-        } .filter-tag__component_roh25.filter-tag__checked_roh25:not(.filter-tag__disabled_roh25).filter-tag__size-48_roh25 {
+        } .filter-tag__component_ynm3c.filter-tag__checked_ynm3c:not(.filter-tag__disabled_ynm3c).filter-tag__size-48_ynm3c {
             min-width: 112px;
-        } .filter-tag__content_roh25 {
+        } .filter-tag__content_ynm3c {
     padding: 0 var(--gap-4);
     overflow: hidden;
     text-overflow: ellipsis;
-} .filter-tag__focused_roh25 {
+} .filter-tag__focused_ynm3c {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_roh25 {
+} .filter-tag__chevron_ynm3c {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
-} .filter-tag__valueButton_roh25 {
+} .filter-tag__valueButton_ynm3c {
     display: flex;
     align-items: center;
     box-shadow: none;
@@ -136,18 +136,18 @@
     font-family: var(--font-family);
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: var(--gap-0)
-} .filter-tag__valueButton_roh25.filter-tag__block_roh25 {
+} .filter-tag__valueButton_ynm3c.filter-tag__block_ynm3c {
         width: inherit;
         justify-content: center;
-    } .filter-tag__valueButton_roh25:disabled {
+    } .filter-tag__valueButton_ynm3c:disabled {
         cursor: var(--disabled-cursor);
-    } .filter-tag__valueButton_roh25.filter-tag__rounded_roh25.filter-tag__size-32_roh25 {
+    } .filter-tag__valueButton_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-32_ynm3c {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_roh25.filter-tag__rounded_roh25.filter-tag__size-40_roh25 {
+        } .filter-tag__valueButton_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-40_ynm3c {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_roh25.filter-tag__rounded_roh25.filter-tag__size-48_roh25 {
+        } .filter-tag__valueButton_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-48_ynm3c {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_roh25.filter-tag__size-32_roh25 {
+        } .filter-tag__valueButton_ynm3c.filter-tag__size-32_ynm3c {
         min-width: 52px;
         min-height: var(--size-xxs-height);
 
@@ -160,7 +160,7 @@
         grid-gap: var(--gap-2);
         grid-gap: var(--gap-2);
         gap: var(--gap-2);
-    } .filter-tag__valueButton_roh25.filter-tag__size-40_roh25 {
+    } .filter-tag__valueButton_ynm3c.filter-tag__size-40_ynm3c {
         min-width: 64px;
         min-height: var(--size-xs-height);
 
@@ -173,7 +173,7 @@
         grid-gap: var(--gap-2);
         grid-gap: var(--gap-2);
         gap: var(--gap-2);
-    } .filter-tag__valueButton_roh25.filter-tag__size-48_roh25 {
+    } .filter-tag__valueButton_ynm3c.filter-tag__size-48_ynm3c {
         min-width: 72px;
         min-height: var(--size-s-height);
 
@@ -186,44 +186,44 @@
         grid-gap: var(--gap-4);
         grid-gap: var(--gap-4);
         gap: var(--gap-4);
-    } .filter-tag__valueButton_roh25.filter-tag__open_roh25 .filter-tag__chevron_roh25 {
+    } .filter-tag__valueButton_ynm3c.filter-tag__open_ynm3c .filter-tag__chevron_ynm3c {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_roh25.filter-tag__checked_roh25.filter-tag__rounded_roh25.filter-tag__size-32_roh25 {
+    } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-32_ynm3c {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_roh25.filter-tag__checked_roh25.filter-tag__rounded_roh25.filter-tag__size-40_roh25 {
+            } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-40_ynm3c {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_roh25.filter-tag__checked_roh25.filter-tag__rounded_roh25.filter-tag__size-48_roh25 {
+            } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-48_ynm3c {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_roh25.filter-tag__checked_roh25.filter-tag__rounded_roh25:disabled,
-            .filter-tag__valueButton_roh25.filter-tag__checked_roh25.filter-tag__rounded_roh25.filter-tag__close_roh25 {
+            } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c.filter-tag__rounded_ynm3c:disabled,
+            .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c.filter-tag__rounded_ynm3c.filter-tag__close_ynm3c {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_roh25.filter-tag__checked_roh25:disabled {
+            } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c:disabled {
             border-color: var(--tag-border-color-checked-disabled);
-        } .filter-tag__valueButton_roh25.filter-tag__checked_roh25:not(:disabled).filter-tag__withClear_roh25 {
+        } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c:not(:disabled).filter-tag__withClear_ynm3c {
                 border-right-width: 0
-            } .filter-tag__valueButton_roh25.filter-tag__checked_roh25:not(:disabled).filter-tag__withClear_roh25.filter-tag__size-48_roh25 {
+            } .filter-tag__valueButton_ynm3c.filter-tag__checked_ynm3c:not(:disabled).filter-tag__withClear_ynm3c.filter-tag__size-48_ynm3c {
                     padding-right: var(--gap-8);
-                } .filter-tag__valueButton_roh25 .filter-tag__addons_roh25 {
+                } .filter-tag__valueButton_ynm3c .filter-tag__addons_ynm3c {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .filter-tag__clear_roh25 {
+    } .filter-tag__clear_ynm3c {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center
-} .filter-tag__clear_roh25.filter-tag__rounded_roh25.filter-tag__size-32_roh25 {
+} .filter-tag__clear_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-32_ynm3c {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_roh25.filter-tag__rounded_roh25.filter-tag__size-40_roh25 {
+        } .filter-tag__clear_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-40_ynm3c {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_roh25.filter-tag__rounded_roh25.filter-tag__size-48_roh25 {
+        } .filter-tag__clear_ynm3c.filter-tag__rounded_ynm3c.filter-tag__size-48_ynm3c {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_roh25:before {
+        } .filter-tag__clear_ynm3c:before {
         content: '';
         position: absolute;
         left: var(--gap-0);
@@ -232,16 +232,16 @@
         display: block;
         width: 1px;
         transition: background-color 0.2s ease;
-    } .filter-tag__clear_roh25.filter-tag__size-32_roh25 {
+    } .filter-tag__clear_ynm3c.filter-tag__size-32_ynm3c {
         padding: var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_roh25.filter-tag__size-32_roh25:before {
+    } .filter-tag__clear_ynm3c.filter-tag__size-32_ynm3c:before {
             height: 20px;
-        } .filter-tag__clear_roh25.filter-tag__size-40_roh25 {
+        } .filter-tag__clear_ynm3c.filter-tag__size-40_ynm3c {
         padding: var(--gap-0) var(--gap-12)
-    } .filter-tag__clear_roh25.filter-tag__size-40_roh25:before {
+    } .filter-tag__clear_ynm3c.filter-tag__size-40_ynm3c:before {
             height: 24px;
-        } .filter-tag__clear_roh25.filter-tag__size-48_roh25 {
+        } .filter-tag__clear_ynm3c.filter-tag__size-48_ynm3c {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_roh25.filter-tag__size-48_roh25:before {
+    } .filter-tag__clear_ynm3c.filter-tag__size-48_ynm3c:before {
             height: 24px;
         }