@alfalab/core-components 48.32.0 → 48.33.1

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_1dekp.filter-tag__disabled_1dekp {
+} .filter-tag__component_xanyo.filter-tag__disabled_xanyo {
         background-color: var(--tag-inverted-outlined-background-color-disabled);
-    } .filter-tag__component_1dekp.filter-tag__checked_1dekp:not(.filter-tag__disabled_1dekp) {
+    } .filter-tag__component_xanyo.filter-tag__checked_xanyo:not(.filter-tag__disabled_xanyo) {
             background-color: var(--tag-inverted-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_1dekp.filter-tag__checked_1dekp:not(.filter-tag__disabled_1dekp):hover {
+            .filter-tag__component_xanyo.filter-tag__checked_xanyo:not(.filter-tag__disabled_xanyo):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__component_1dekp.filter-tag__checked_1dekp:not(.filter-tag__disabled_1dekp):active {
+        } .filter-tag__component_xanyo.filter-tag__checked_xanyo:not(.filter-tag__disabled_xanyo):active {
             background-color: var(--tag-inverted-background-color-checked-active);
-        } .filter-tag__chevron_1dekp {
+        } .filter-tag__chevron_xanyo {
     color: var(--filter-tag-inverted-chevron-color);
-} .filter-tag__valueButton_1dekp {
+} .filter-tag__valueButton_xanyo {
     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_1dekp:disabled > .filter-tag__chevron_1dekp {
+} .filter-tag__valueButton_xanyo:disabled > .filter-tag__chevron_xanyo {
             color: var(--filter-tag-inverted-chevron-disabled-color);
-        } .filter-tag__valueButton_1dekp.filter-tag__outlined_1dekp {
+        } .filter-tag__valueButton_xanyo.filter-tag__outlined_xanyo {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .filter-tag__valueButton_1dekp.filter-tag__outlined_1dekp:disabled {
+    } .filter-tag__valueButton_xanyo.filter-tag__outlined_xanyo: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_1dekp.filter-tag__outlined_1dekp:not(:disabled):hover {
+            .filter-tag__valueButton_xanyo.filter-tag__outlined_xanyo:not(:disabled):hover {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_1dekp.filter-tag__outlined_1dekp:not(:disabled):active {
+        } .filter-tag__valueButton_xanyo.filter-tag__outlined_xanyo:not(:disabled):active {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .filter-tag__valueButton_1dekp.filter-tag__filled_1dekp {
+        } .filter-tag__valueButton_xanyo.filter-tag__filled_xanyo {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .filter-tag__valueButton_1dekp.filter-tag__filled_1dekp:disabled {
+    } .filter-tag__valueButton_xanyo.filter-tag__filled_xanyo:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp {
+        } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo {
         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_1dekp.filter-tag__checked_1dekp > .filter-tag__chevron_1dekp {
+    } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo > .filter-tag__chevron_xanyo {
             color: var(--filter-tag-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:not(:disabled):hover {
+            .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:not(:disabled):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:not(:disabled):active {
+        } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:not(:disabled):active {
             background-color: var(--tag-inverted-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:not(:disabled):hover + .filter-tag__clear_1dekp:before {
+            .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:not(:disabled):hover + .filter-tag__clear_xanyo:before {
                 background-color: var(--filter-tag-inverted-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:not(:disabled):active + .filter-tag__clear_1dekp:before {
+        } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:not(:disabled):active + .filter-tag__clear_xanyo:before {
             background-color: var(--filter-tag-inverted-separator-background-color-active);
-        } .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:disabled {
+        } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:disabled {
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled)
-        } .filter-tag__valueButton_1dekp.filter-tag__checked_1dekp:disabled > .filter-tag__chevron_1dekp {
+        } .filter-tag__valueButton_xanyo.filter-tag__checked_xanyo:disabled > .filter-tag__chevron_xanyo {
                 color: var(--filter-tag-inverted-chevron-disabled-color);
-            } .filter-tag__clear_1dekp {
+            } .filter-tag__clear_xanyo {
     color: var(--filter-tag-inverted-clear-color);
     background-color: var(--tag-inverted-background-color-checked)
-} .filter-tag__clear_1dekp:before {
+} .filter-tag__clear_xanyo:before {
         background-color: var(--filter-tag-inverted-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_1dekp:hover:before {
+        .filter-tag__clear_xanyo:hover:before {
             background-color: var(--filter-tag-inverted-separator-background-color-hover);
         }
-    } .filter-tag__clear_1dekp:active:before {
+    } .filter-tag__clear_xanyo:active:before {
         background-color: var(--filter-tag-inverted-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_1dekp:hover {
+        .filter-tag__clear_xanyo:hover {
             color: var(--filter-tag-inverted-clear-color-hover);
             background-color: var(--tag-inverted-background-color-checked-hover);
         }
-    } .filter-tag__clear_1dekp:active {
+    } .filter-tag__clear_xanyo: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_158ds","filled":"filter-tag__filled_158ds"};
+var defaultColors = {"valueButton":"filter-tag__valueButton_dz4v3","filled":"filter-tag__filled_dz4v3"};
 require('./default.desktop.css');
 
-var styles = {"component":"filter-tag__component_x9q41","rectangular":"filter-tag__rectangular_x9q41","size-32":"filter-tag__size-32_x9q41","size-40":"filter-tag__size-40_x9q41","size-48":"filter-tag__size-48_x9q41","valueButton":"filter-tag__valueButton_x9q41","checked":"filter-tag__checked_x9q41","close":"filter-tag__close_x9q41","clear":"filter-tag__clear_x9q41"};
+var styles = {"component":"filter-tag__component_60h6g","rectangular":"filter-tag__rectangular_60h6g","size-32":"filter-tag__size-32_60h6g","size-40":"filter-tag__size-40_60h6g","size-48":"filter-tag__size-48_60h6g","valueButton":"filter-tag__valueButton_60h6g","checked":"filter-tag__checked_60h6g","close":"filter-tag__close_60h6g","clear":"filter-tag__clear_60h6g"};
 require('./desktop.css');
 
-var invertedColors = {"valueButton":"filter-tag__valueButton_1k7ka","filled":"filter-tag__filled_1k7ka"};
+var invertedColors = {"valueButton":"filter-tag__valueButton_1gz0h","filled":"filter-tag__filled_1gz0h"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -63,14 +63,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__valueButton_158ds.filter-tag__filled_158ds {
+} .filter-tag__valueButton_dz4v3.filter-tag__filled_dz4v3 {
         background-color: var(--tag-filled-background-color)
-    } .filter-tag__valueButton_158ds.filter-tag__filled_158ds:disabled {
+    } .filter-tag__valueButton_dz4v3.filter-tag__filled_dz4v3:disabled {
             background-color: var(--tag-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_158ds.filter-tag__filled_158ds:not(:disabled):hover {
+            .filter-tag__valueButton_dz4v3.filter-tag__filled_dz4v3:not(:disabled):hover {
                 background-color: var(--tag-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_158ds.filter-tag__filled_158ds:not(:disabled):active {
+        } .filter-tag__valueButton_dz4v3.filter-tag__filled_dz4v3: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_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-32_x9q41 {
+} .filter-tag__component_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-32_60h6g {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__component_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-40_x9q41 {
+        } .filter-tag__component_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-40_60h6g {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__component_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-48_x9q41 {
+        } .filter-tag__component_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-48_60h6g {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-32_x9q41 {
+        } .filter-tag__valueButton_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-32_60h6g {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__valueButton_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-40_x9q41 {
+        } .filter-tag__valueButton_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-40_60h6g {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__valueButton_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-48_x9q41 {
+        } .filter-tag__valueButton_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-48_60h6g {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-32_x9q41 {
+        } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-32_60h6g {
                 border-radius: var(--tag-rectangular-xxs-border-radius) 0 0
                     var(--tag-rectangular-xxs-border-radius);
-            } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-40_x9q41 {
+            } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-40_60h6g {
                 border-radius: var(--tag-rectangular-xs-border-radius) 0 0
                     var(--tag-rectangular-xs-border-radius);
-            } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-48_x9q41 {
+            } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-48_60h6g {
                 border-radius: var(--tag-rectangular-s-border-radius) 0 0
                     var(--tag-rectangular-s-border-radius);
-            } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41:disabled.filter-tag__size-32_x9q41, .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__close_x9q41.filter-tag__size-32_x9q41 {
+            } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g:disabled.filter-tag__size-32_60h6g, .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__close_60h6g.filter-tag__size-32_60h6g {
                     border-radius: var(--tag-rectangular-xxs-border-radius);
-                } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41:disabled.filter-tag__size-40_x9q41, .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__close_x9q41.filter-tag__size-40_x9q41 {
+                } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g:disabled.filter-tag__size-40_60h6g, .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__close_60h6g.filter-tag__size-40_60h6g {
                     border-radius: var(--tag-rectangular-xs-border-radius);
-                } .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41:disabled.filter-tag__size-48_x9q41, .filter-tag__valueButton_x9q41.filter-tag__checked_x9q41.filter-tag__rectangular_x9q41.filter-tag__close_x9q41.filter-tag__size-48_x9q41 {
+                } .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g:disabled.filter-tag__size-48_60h6g, .filter-tag__valueButton_60h6g.filter-tag__checked_60h6g.filter-tag__rectangular_60h6g.filter-tag__close_60h6g.filter-tag__size-48_60h6g {
                     border-radius: var(--tag-rectangular-s-border-radius);
-                } .filter-tag__clear_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-32_x9q41 {
+                } .filter-tag__clear_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-32_60h6g {
             border-radius: 0 var(--tag-rectangular-xxs-border-radius)
                 var(--tag-rectangular-xxs-border-radius) 0;
-        } .filter-tag__clear_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-40_x9q41 {
+        } .filter-tag__clear_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-40_60h6g {
             border-radius: 0 var(--tag-rectangular-xs-border-radius)
                 var(--tag-rectangular-xs-border-radius) 0;
-        } .filter-tag__clear_x9q41.filter-tag__rectangular_x9q41.filter-tag__size-48_x9q41 {
+        } .filter-tag__clear_60h6g.filter-tag__rectangular_60h6g.filter-tag__size-48_60h6g {
             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_1k7ka.filter-tag__filled_1k7ka {
+} .filter-tag__valueButton_1gz0h.filter-tag__filled_1gz0h {
         background-color: var(--tag-inverted-filled-background-color)
-    } .filter-tag__valueButton_1k7ka.filter-tag__filled_1k7ka:disabled {
+    } .filter-tag__valueButton_1gz0h.filter-tag__filled_1gz0h:disabled {
             background-color: var(--tag-inverted-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1k7ka.filter-tag__filled_1k7ka:not(:disabled):hover {
+            .filter-tag__valueButton_1gz0h.filter-tag__filled_1gz0h:not(:disabled):hover {
                 background-color: var(--tag-inverted-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_1k7ka.filter-tag__filled_1k7ka:not(:disabled):active {
+        } .filter-tag__valueButton_1gz0h.filter-tag__filled_1gz0h: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_135n2","disabled":"filter-tag__disabled_135n2","checked":"filter-tag__checked_135n2","chevron":"filter-tag__chevron_135n2","valueButton":"filter-tag__valueButton_135n2","outlined":"filter-tag__outlined_135n2","filled":"filter-tag__filled_135n2","clear":"filter-tag__clear_135n2"};
+var defaultColors = {"component":"filter-tag__component_n1qbb","disabled":"filter-tag__disabled_n1qbb","checked":"filter-tag__checked_n1qbb","chevron":"filter-tag__chevron_n1qbb","valueButton":"filter-tag__valueButton_n1qbb","outlined":"filter-tag__outlined_n1qbb","filled":"filter-tag__filled_n1qbb","clear":"filter-tag__clear_n1qbb"};
 require('./default.css');
 
-var commonStyles = {"component":"filter-tag__component_1fxip","block":"filter-tag__block_1fxip","rounded":"filter-tag__rounded_1fxip","size-32":"filter-tag__size-32_1fxip","size-40":"filter-tag__size-40_1fxip","size-48":"filter-tag__size-48_1fxip","checked":"filter-tag__checked_1fxip","disabled":"filter-tag__disabled_1fxip","content":"filter-tag__content_1fxip","focused":"filter-tag__focused_1fxip","chevron":"filter-tag__chevron_1fxip","valueButton":"filter-tag__valueButton_1fxip","open":"filter-tag__open_1fxip","close":"filter-tag__close_1fxip","withClear":"filter-tag__withClear_1fxip","addons":"filter-tag__addons_1fxip","clear":"filter-tag__clear_1fxip"};
+var commonStyles = {"component":"filter-tag__component_ri45l","block":"filter-tag__block_ri45l","rounded":"filter-tag__rounded_ri45l","size-32":"filter-tag__size-32_ri45l","size-40":"filter-tag__size-40_ri45l","size-48":"filter-tag__size-48_ri45l","checked":"filter-tag__checked_ri45l","disabled":"filter-tag__disabled_ri45l","content":"filter-tag__content_ri45l","focused":"filter-tag__focused_ri45l","chevron":"filter-tag__chevron_ri45l","valueButton":"filter-tag__valueButton_ri45l","open":"filter-tag__open_ri45l","close":"filter-tag__close_ri45l","withClear":"filter-tag__withClear_ri45l","addons":"filter-tag__addons_ri45l","clear":"filter-tag__clear_ri45l"};
 require('./index.css');
 
-var invertedColors = {"component":"filter-tag__component_1dekp","disabled":"filter-tag__disabled_1dekp","checked":"filter-tag__checked_1dekp","chevron":"filter-tag__chevron_1dekp","valueButton":"filter-tag__valueButton_1dekp","outlined":"filter-tag__outlined_1dekp","filled":"filter-tag__filled_1dekp","clear":"filter-tag__clear_1dekp"};
+var invertedColors = {"component":"filter-tag__component_xanyo","disabled":"filter-tag__disabled_xanyo","checked":"filter-tag__checked_xanyo","chevron":"filter-tag__chevron_xanyo","valueButton":"filter-tag__valueButton_xanyo","outlined":"filter-tag__outlined_xanyo","filled":"filter-tag__filled_xanyo","clear":"filter-tag__clear_xanyo"};
 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_135n2.filter-tag__disabled_135n2 {
+} .filter-tag__component_n1qbb.filter-tag__disabled_n1qbb {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_135n2.filter-tag__checked_135n2:not(.filter-tag__disabled_135n2) {
+    } .filter-tag__component_n1qbb.filter-tag__checked_n1qbb:not(.filter-tag__disabled_n1qbb) {
             background-color: var(--tag-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_135n2.filter-tag__checked_135n2:not(.filter-tag__disabled_135n2):hover {
+            .filter-tag__component_n1qbb.filter-tag__checked_n1qbb:not(.filter-tag__disabled_n1qbb):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__component_135n2.filter-tag__checked_135n2:not(.filter-tag__disabled_135n2):active {
+        } .filter-tag__component_n1qbb.filter-tag__checked_n1qbb:not(.filter-tag__disabled_n1qbb):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__chevron_135n2 {
+        } .filter-tag__chevron_n1qbb {
     color: var(--filter-tag-chevron-color);
-} .filter-tag__valueButton_135n2 {
+} .filter-tag__valueButton_n1qbb {
     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_135n2:disabled > .filter-tag__chevron_135n2 {
+} .filter-tag__valueButton_n1qbb:disabled > .filter-tag__chevron_n1qbb {
             color: var(--filter-tag-chevron-disabled-color);
-        } .filter-tag__valueButton_135n2.filter-tag__outlined_135n2 {
+        } .filter-tag__valueButton_n1qbb.filter-tag__outlined_n1qbb {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_135n2.filter-tag__outlined_135n2:disabled {
+    } .filter-tag__valueButton_n1qbb.filter-tag__outlined_n1qbb: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_135n2.filter-tag__outlined_135n2:not(:disabled):hover {
+            .filter-tag__valueButton_n1qbb.filter-tag__outlined_n1qbb:not(:disabled):hover {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_135n2.filter-tag__outlined_135n2:not(:disabled):active {
+        } .filter-tag__valueButton_n1qbb.filter-tag__outlined_n1qbb:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_135n2.filter-tag__filled_135n2 {
+        } .filter-tag__valueButton_n1qbb.filter-tag__filled_n1qbb {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .filter-tag__valueButton_135n2.filter-tag__filled_135n2:disabled {
+    } .filter-tag__valueButton_n1qbb.filter-tag__filled_n1qbb:disabled {
             color: var(--tag-text-color-disabled);
-        } .filter-tag__valueButton_135n2.filter-tag__checked_135n2 {
+        } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb {
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked);
         border-color: var(--tag-border-color-checked)
-    } .filter-tag__valueButton_135n2.filter-tag__checked_135n2 > .filter-tag__chevron_135n2 {
+    } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb > .filter-tag__chevron_n1qbb {
             color: var(--filter-tag-inverted-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_135n2.filter-tag__checked_135n2:not(:disabled):hover {
+            .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:not(:disabled):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_135n2.filter-tag__checked_135n2:not(:disabled):active {
+        } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_135n2.filter-tag__checked_135n2:not(:disabled):hover + .filter-tag__clear_135n2:before {
+            .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:not(:disabled):hover + .filter-tag__clear_n1qbb:before {
                 background-color: var(--filter-tag-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_135n2.filter-tag__checked_135n2:not(:disabled):active + .filter-tag__clear_135n2:before {
+        } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:not(:disabled):active + .filter-tag__clear_n1qbb:before {
             background-color: var(--filter-tag-separator-background-color-active);
-        } .filter-tag__valueButton_135n2.filter-tag__checked_135n2:disabled {
+        } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:disabled {
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled)
-        } .filter-tag__valueButton_135n2.filter-tag__checked_135n2:disabled > .filter-tag__chevron_135n2 {
+        } .filter-tag__valueButton_n1qbb.filter-tag__checked_n1qbb:disabled > .filter-tag__chevron_n1qbb {
                 color: var(--filter-tag-chevron-disabled-color);
-            } .filter-tag__clear_135n2 {
+            } .filter-tag__clear_n1qbb {
     color: var(--filter-tag-clear-color);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_135n2:before {
+} .filter-tag__clear_n1qbb:before {
         background-color: var(--filter-tag-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_135n2:hover:before {
+        .filter-tag__clear_n1qbb:hover:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-    } .filter-tag__clear_135n2:active:before {
+    } .filter-tag__clear_n1qbb:active:before {
         background-color: var(--filter-tag-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_135n2:hover {
+        .filter-tag__clear_n1qbb:hover {
             color: var(--filter-tag-clear-color-hover);
             background-color: var(--tag-background-color-checked-hover);
         }
-    } .filter-tag__clear_135n2:active {
+    } .filter-tag__clear_n1qbb: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_1fxip {
+} .filter-tag__component_ri45l {
     display: flex;
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1fxip.filter-tag__block_1fxip {
+} .filter-tag__component_ri45l.filter-tag__block_ri45l {
         width: 100%;
-    } .filter-tag__component_1fxip.filter-tag__rounded_1fxip.filter-tag__size-32_1fxip {
+    } .filter-tag__component_ri45l.filter-tag__rounded_ri45l.filter-tag__size-32_ri45l {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_1fxip.filter-tag__rounded_1fxip.filter-tag__size-40_1fxip {
+        } .filter-tag__component_ri45l.filter-tag__rounded_ri45l.filter-tag__size-40_ri45l {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_1fxip.filter-tag__rounded_1fxip.filter-tag__size-48_1fxip {
+        } .filter-tag__component_ri45l.filter-tag__rounded_ri45l.filter-tag__size-48_ri45l {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_1fxip.filter-tag__checked_1fxip:not(.filter-tag__disabled_1fxip).filter-tag__size-32_1fxip {
+        } .filter-tag__component_ri45l.filter-tag__checked_ri45l:not(.filter-tag__disabled_ri45l).filter-tag__size-32_ri45l {
             min-width: 80px;
-        } .filter-tag__component_1fxip.filter-tag__checked_1fxip:not(.filter-tag__disabled_1fxip).filter-tag__size-40_1fxip {
+        } .filter-tag__component_ri45l.filter-tag__checked_ri45l:not(.filter-tag__disabled_ri45l).filter-tag__size-40_ri45l {
             min-width: 100px;
-        } .filter-tag__component_1fxip.filter-tag__checked_1fxip:not(.filter-tag__disabled_1fxip).filter-tag__size-48_1fxip {
+        } .filter-tag__component_ri45l.filter-tag__checked_ri45l:not(.filter-tag__disabled_ri45l).filter-tag__size-48_ri45l {
             min-width: 112px;
-        } .filter-tag__content_1fxip {
+        } .filter-tag__content_ri45l {
     padding: 0 var(--gap-4);
     overflow: hidden;
     text-overflow: ellipsis;
-} .filter-tag__focused_1fxip {
+} .filter-tag__focused_ri45l {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_1fxip {
+} .filter-tag__chevron_ri45l {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
-} .filter-tag__valueButton_1fxip {
+} .filter-tag__valueButton_ri45l {
     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_1fxip.filter-tag__block_1fxip {
+} .filter-tag__valueButton_ri45l.filter-tag__block_ri45l {
         width: inherit;
         justify-content: center;
-    } .filter-tag__valueButton_1fxip:disabled {
+    } .filter-tag__valueButton_ri45l:disabled {
         cursor: var(--disabled-cursor);
-    } .filter-tag__valueButton_1fxip.filter-tag__rounded_1fxip.filter-tag__size-32_1fxip {
+    } .filter-tag__valueButton_ri45l.filter-tag__rounded_ri45l.filter-tag__size-32_ri45l {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_1fxip.filter-tag__rounded_1fxip.filter-tag__size-40_1fxip {
+        } .filter-tag__valueButton_ri45l.filter-tag__rounded_ri45l.filter-tag__size-40_ri45l {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_1fxip.filter-tag__rounded_1fxip.filter-tag__size-48_1fxip {
+        } .filter-tag__valueButton_ri45l.filter-tag__rounded_ri45l.filter-tag__size-48_ri45l {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_1fxip.filter-tag__size-32_1fxip {
+        } .filter-tag__valueButton_ri45l.filter-tag__size-32_ri45l {
         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_1fxip.filter-tag__size-40_1fxip {
+    } .filter-tag__valueButton_ri45l.filter-tag__size-40_ri45l {
         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_1fxip.filter-tag__size-48_1fxip {
+    } .filter-tag__valueButton_ri45l.filter-tag__size-48_ri45l {
         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_1fxip.filter-tag__open_1fxip .filter-tag__chevron_1fxip {
+    } .filter-tag__valueButton_ri45l.filter-tag__open_ri45l .filter-tag__chevron_ri45l {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip.filter-tag__rounded_1fxip.filter-tag__size-32_1fxip {
+    } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l.filter-tag__rounded_ri45l.filter-tag__size-32_ri45l {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip.filter-tag__rounded_1fxip.filter-tag__size-40_1fxip {
+            } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l.filter-tag__rounded_ri45l.filter-tag__size-40_ri45l {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip.filter-tag__rounded_1fxip.filter-tag__size-48_1fxip {
+            } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l.filter-tag__rounded_ri45l.filter-tag__size-48_ri45l {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip.filter-tag__rounded_1fxip:disabled,
-            .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip.filter-tag__rounded_1fxip.filter-tag__close_1fxip {
+            } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l.filter-tag__rounded_ri45l:disabled,
+            .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l.filter-tag__rounded_ri45l.filter-tag__close_ri45l {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip:disabled {
+            } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l:disabled {
             border-color: var(--tag-border-color-checked-disabled);
-        } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip:not(:disabled).filter-tag__withClear_1fxip {
+        } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l:not(:disabled).filter-tag__withClear_ri45l {
                 border-right-width: 0
-            } .filter-tag__valueButton_1fxip.filter-tag__checked_1fxip:not(:disabled).filter-tag__withClear_1fxip.filter-tag__size-48_1fxip {
+            } .filter-tag__valueButton_ri45l.filter-tag__checked_ri45l:not(:disabled).filter-tag__withClear_ri45l.filter-tag__size-48_ri45l {
                     padding-right: var(--gap-8);
-                } .filter-tag__valueButton_1fxip .filter-tag__addons_1fxip {
+                } .filter-tag__valueButton_ri45l .filter-tag__addons_ri45l {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .filter-tag__clear_1fxip {
+    } .filter-tag__clear_ri45l {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center
-} .filter-tag__clear_1fxip.filter-tag__rounded_1fxip.filter-tag__size-32_1fxip {
+} .filter-tag__clear_ri45l.filter-tag__rounded_ri45l.filter-tag__size-32_ri45l {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_1fxip.filter-tag__rounded_1fxip.filter-tag__size-40_1fxip {
+        } .filter-tag__clear_ri45l.filter-tag__rounded_ri45l.filter-tag__size-40_ri45l {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_1fxip.filter-tag__rounded_1fxip.filter-tag__size-48_1fxip {
+        } .filter-tag__clear_ri45l.filter-tag__rounded_ri45l.filter-tag__size-48_ri45l {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_1fxip:before {
+        } .filter-tag__clear_ri45l: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_1fxip.filter-tag__size-32_1fxip {
+    } .filter-tag__clear_ri45l.filter-tag__size-32_ri45l {
         padding: var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1fxip.filter-tag__size-32_1fxip:before {
+    } .filter-tag__clear_ri45l.filter-tag__size-32_ri45l:before {
             height: 20px;
-        } .filter-tag__clear_1fxip.filter-tag__size-40_1fxip {
+        } .filter-tag__clear_ri45l.filter-tag__size-40_ri45l {
         padding: var(--gap-0) var(--gap-12)
-    } .filter-tag__clear_1fxip.filter-tag__size-40_1fxip:before {
+    } .filter-tag__clear_ri45l.filter-tag__size-40_ri45l:before {
             height: 24px;
-        } .filter-tag__clear_1fxip.filter-tag__size-48_1fxip {
+        } .filter-tag__clear_ri45l.filter-tag__size-48_ri45l {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1fxip.filter-tag__size-48_1fxip:before {
+    } .filter-tag__clear_ri45l.filter-tag__size-48_ri45l:before {
             height: 24px;
         }