@alfalab/core-components 48.33.5 → 48.34.0

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_1ibhl.filter-tag__disabled_1ibhl {
+} .filter-tag__component_16x3f.filter-tag__disabled_16x3f {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_1ibhl.filter-tag__checked_1ibhl:not(.filter-tag__disabled_1ibhl) {
+    } .filter-tag__component_16x3f.filter-tag__checked_16x3f:not(.filter-tag__disabled_16x3f) {
             background-color: var(--tag-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_1ibhl.filter-tag__checked_1ibhl:not(.filter-tag__disabled_1ibhl):hover {
+            .filter-tag__component_16x3f.filter-tag__checked_16x3f:not(.filter-tag__disabled_16x3f):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__component_1ibhl.filter-tag__checked_1ibhl:not(.filter-tag__disabled_1ibhl):active {
+        } .filter-tag__component_16x3f.filter-tag__checked_16x3f:not(.filter-tag__disabled_16x3f):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__chevron_1ibhl {
+        } .filter-tag__chevron_16x3f {
     color: var(--filter-tag-chevron-color);
-} .filter-tag__valueButton_1ibhl {
+} .filter-tag__valueButton_16x3f {
     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_1ibhl:disabled > .filter-tag__chevron_1ibhl {
+} .filter-tag__valueButton_16x3f:disabled > .filter-tag__chevron_16x3f {
             color: var(--filter-tag-chevron-disabled-color);
-        } .filter-tag__valueButton_1ibhl.filter-tag__outlined_1ibhl {
+        } .filter-tag__valueButton_16x3f.filter-tag__outlined_16x3f {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_1ibhl.filter-tag__outlined_1ibhl:disabled {
+    } .filter-tag__valueButton_16x3f.filter-tag__outlined_16x3f: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_1ibhl.filter-tag__outlined_1ibhl:not(:disabled):hover {
+            .filter-tag__valueButton_16x3f.filter-tag__outlined_16x3f:not(:disabled):hover {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_1ibhl.filter-tag__outlined_1ibhl:not(:disabled):active {
+        } .filter-tag__valueButton_16x3f.filter-tag__outlined_16x3f:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_1ibhl.filter-tag__filled_1ibhl {
+        } .filter-tag__valueButton_16x3f.filter-tag__filled_16x3f {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .filter-tag__valueButton_1ibhl.filter-tag__filled_1ibhl:disabled {
+    } .filter-tag__valueButton_16x3f.filter-tag__filled_16x3f:disabled {
             color: var(--tag-text-color-disabled);
-        } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl {
+        } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f {
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked);
         border-color: var(--tag-border-color-checked)
-    } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl > .filter-tag__chevron_1ibhl {
+    } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f > .filter-tag__chevron_16x3f {
             color: var(--filter-tag-inverted-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:not(:disabled):hover {
+            .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:not(:disabled):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:not(:disabled):active {
+        } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:not(:disabled):hover + .filter-tag__clear_1ibhl:before {
+            .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:not(:disabled):hover + .filter-tag__clear_16x3f:before {
                 background-color: var(--filter-tag-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:not(:disabled):active + .filter-tag__clear_1ibhl:before {
+        } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:not(:disabled):active + .filter-tag__clear_16x3f:before {
             background-color: var(--filter-tag-separator-background-color-active);
-        } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:disabled {
+        } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:disabled {
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled)
-        } .filter-tag__valueButton_1ibhl.filter-tag__checked_1ibhl:disabled > .filter-tag__chevron_1ibhl {
+        } .filter-tag__valueButton_16x3f.filter-tag__checked_16x3f:disabled > .filter-tag__chevron_16x3f {
                 color: var(--filter-tag-chevron-disabled-color);
-            } .filter-tag__clear_1ibhl {
+            } .filter-tag__clear_16x3f {
     color: var(--filter-tag-clear-color);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_1ibhl:before {
+} .filter-tag__clear_16x3f:before {
         background-color: var(--filter-tag-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_1ibhl:hover:before {
+        .filter-tag__clear_16x3f:hover:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-    } .filter-tag__clear_1ibhl:active:before {
+    } .filter-tag__clear_16x3f:active:before {
         background-color: var(--filter-tag-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_1ibhl:hover {
+        .filter-tag__clear_16x3f:hover {
             color: var(--filter-tag-clear-color-hover);
             background-color: var(--tag-background-color-checked-hover);
         }
-    } .filter-tag__clear_1ibhl:active {
+    } .filter-tag__clear_16x3f: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_1v9gx {
+} .filter-tag__component_7mr1i {
     display: flex;
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1v9gx.filter-tag__block_1v9gx {
+} .filter-tag__component_7mr1i.filter-tag__block_7mr1i {
         width: 100%;
-    } .filter-tag__component_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-32_1v9gx {
+    } .filter-tag__component_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-32_7mr1i {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-40_1v9gx {
+        } .filter-tag__component_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-40_7mr1i {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-48_1v9gx {
+        } .filter-tag__component_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-48_7mr1i {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_1v9gx.filter-tag__checked_1v9gx:not(.filter-tag__disabled_1v9gx).filter-tag__size-32_1v9gx {
+        } .filter-tag__component_7mr1i.filter-tag__checked_7mr1i:not(.filter-tag__disabled_7mr1i).filter-tag__size-32_7mr1i {
             min-width: 80px;
-        } .filter-tag__component_1v9gx.filter-tag__checked_1v9gx:not(.filter-tag__disabled_1v9gx).filter-tag__size-40_1v9gx {
+        } .filter-tag__component_7mr1i.filter-tag__checked_7mr1i:not(.filter-tag__disabled_7mr1i).filter-tag__size-40_7mr1i {
             min-width: 100px;
-        } .filter-tag__component_1v9gx.filter-tag__checked_1v9gx:not(.filter-tag__disabled_1v9gx).filter-tag__size-48_1v9gx {
+        } .filter-tag__component_7mr1i.filter-tag__checked_7mr1i:not(.filter-tag__disabled_7mr1i).filter-tag__size-48_7mr1i {
             min-width: 112px;
-        } .filter-tag__content_1v9gx {
+        } .filter-tag__content_7mr1i {
     padding: 0 var(--gap-4);
     overflow: hidden;
     text-overflow: ellipsis;
-} .filter-tag__focused_1v9gx {
+} .filter-tag__focused_7mr1i {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_1v9gx {
+} .filter-tag__chevron_7mr1i {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
-} .filter-tag__valueButton_1v9gx {
+} .filter-tag__valueButton_7mr1i {
     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_1v9gx.filter-tag__block_1v9gx {
+} .filter-tag__valueButton_7mr1i.filter-tag__block_7mr1i {
         width: inherit;
         justify-content: center;
-    } .filter-tag__valueButton_1v9gx:disabled {
+    } .filter-tag__valueButton_7mr1i:disabled {
         cursor: var(--disabled-cursor);
-    } .filter-tag__valueButton_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-32_1v9gx {
+    } .filter-tag__valueButton_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-32_7mr1i {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-40_1v9gx {
+        } .filter-tag__valueButton_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-40_7mr1i {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-48_1v9gx {
+        } .filter-tag__valueButton_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-48_7mr1i {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_1v9gx.filter-tag__size-32_1v9gx {
+        } .filter-tag__valueButton_7mr1i.filter-tag__size-32_7mr1i {
         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_1v9gx.filter-tag__size-40_1v9gx {
+    } .filter-tag__valueButton_7mr1i.filter-tag__size-40_7mr1i {
         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_1v9gx.filter-tag__size-48_1v9gx {
+    } .filter-tag__valueButton_7mr1i.filter-tag__size-48_7mr1i {
         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_1v9gx.filter-tag__open_1v9gx .filter-tag__chevron_1v9gx {
+    } .filter-tag__valueButton_7mr1i.filter-tag__open_7mr1i .filter-tag__chevron_7mr1i {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-32_1v9gx {
+    } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-32_7mr1i {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-40_1v9gx {
+            } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-40_7mr1i {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-48_1v9gx {
+            } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-48_7mr1i {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx.filter-tag__rounded_1v9gx:disabled,
-            .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx.filter-tag__rounded_1v9gx.filter-tag__close_1v9gx {
+            } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i.filter-tag__rounded_7mr1i:disabled,
+            .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i.filter-tag__rounded_7mr1i.filter-tag__close_7mr1i {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx:disabled {
+            } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i:disabled {
             border-color: var(--tag-border-color-checked-disabled);
-        } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx:not(:disabled).filter-tag__withClear_1v9gx {
+        } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i:not(:disabled).filter-tag__withClear_7mr1i {
                 border-right-width: 0
-            } .filter-tag__valueButton_1v9gx.filter-tag__checked_1v9gx:not(:disabled).filter-tag__withClear_1v9gx.filter-tag__size-48_1v9gx {
+            } .filter-tag__valueButton_7mr1i.filter-tag__checked_7mr1i:not(:disabled).filter-tag__withClear_7mr1i.filter-tag__size-48_7mr1i {
                     padding-right: var(--gap-8);
-                } .filter-tag__valueButton_1v9gx .filter-tag__addons_1v9gx {
+                } .filter-tag__valueButton_7mr1i .filter-tag__addons_7mr1i {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .filter-tag__clear_1v9gx {
+    } .filter-tag__clear_7mr1i {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center
-} .filter-tag__clear_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-32_1v9gx {
+} .filter-tag__clear_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-32_7mr1i {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-40_1v9gx {
+        } .filter-tag__clear_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-40_7mr1i {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_1v9gx.filter-tag__rounded_1v9gx.filter-tag__size-48_1v9gx {
+        } .filter-tag__clear_7mr1i.filter-tag__rounded_7mr1i.filter-tag__size-48_7mr1i {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_1v9gx:before {
+        } .filter-tag__clear_7mr1i: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_1v9gx.filter-tag__size-32_1v9gx {
+    } .filter-tag__clear_7mr1i.filter-tag__size-32_7mr1i {
         padding: var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1v9gx.filter-tag__size-32_1v9gx:before {
+    } .filter-tag__clear_7mr1i.filter-tag__size-32_7mr1i:before {
             height: 20px;
-        } .filter-tag__clear_1v9gx.filter-tag__size-40_1v9gx {
+        } .filter-tag__clear_7mr1i.filter-tag__size-40_7mr1i {
         padding: var(--gap-0) var(--gap-12)
-    } .filter-tag__clear_1v9gx.filter-tag__size-40_1v9gx:before {
+    } .filter-tag__clear_7mr1i.filter-tag__size-40_7mr1i:before {
             height: 24px;
-        } .filter-tag__clear_1v9gx.filter-tag__size-48_1v9gx {
+        } .filter-tag__clear_7mr1i.filter-tag__size-48_7mr1i {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1v9gx.filter-tag__size-48_1v9gx:before {
+    } .filter-tag__clear_7mr1i.filter-tag__size-48_7mr1i:before {
             height: 24px;
         }

package/filter-tag/esm/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_1skf8.filter-tag__disabled_1skf8 {
+} .filter-tag__component_1h612.filter-tag__disabled_1h612 {
         background-color: var(--tag-inverted-outlined-background-color-disabled);
-    } .filter-tag__component_1skf8.filter-tag__checked_1skf8:not(.filter-tag__disabled_1skf8) {
+    } .filter-tag__component_1h612.filter-tag__checked_1h612:not(.filter-tag__disabled_1h612) {
             background-color: var(--tag-inverted-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_1skf8.filter-tag__checked_1skf8:not(.filter-tag__disabled_1skf8):hover {
+            .filter-tag__component_1h612.filter-tag__checked_1h612:not(.filter-tag__disabled_1h612):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__component_1skf8.filter-tag__checked_1skf8:not(.filter-tag__disabled_1skf8):active {
+        } .filter-tag__component_1h612.filter-tag__checked_1h612:not(.filter-tag__disabled_1h612):active {
             background-color: var(--tag-inverted-background-color-checked-active);
-        } .filter-tag__chevron_1skf8 {
+        } .filter-tag__chevron_1h612 {
     color: var(--filter-tag-inverted-chevron-color);
-} .filter-tag__valueButton_1skf8 {
+} .filter-tag__valueButton_1h612 {
     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_1skf8:disabled > .filter-tag__chevron_1skf8 {
+} .filter-tag__valueButton_1h612:disabled > .filter-tag__chevron_1h612 {
             color: var(--filter-tag-inverted-chevron-disabled-color);
-        } .filter-tag__valueButton_1skf8.filter-tag__outlined_1skf8 {
+        } .filter-tag__valueButton_1h612.filter-tag__outlined_1h612 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .filter-tag__valueButton_1skf8.filter-tag__outlined_1skf8:disabled {
+    } .filter-tag__valueButton_1h612.filter-tag__outlined_1h612: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_1skf8.filter-tag__outlined_1skf8:not(:disabled):hover {
+            .filter-tag__valueButton_1h612.filter-tag__outlined_1h612:not(:disabled):hover {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_1skf8.filter-tag__outlined_1skf8:not(:disabled):active {
+        } .filter-tag__valueButton_1h612.filter-tag__outlined_1h612:not(:disabled):active {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .filter-tag__valueButton_1skf8.filter-tag__filled_1skf8 {
+        } .filter-tag__valueButton_1h612.filter-tag__filled_1h612 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .filter-tag__valueButton_1skf8.filter-tag__filled_1skf8:disabled {
+    } .filter-tag__valueButton_1h612.filter-tag__filled_1h612:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8 {
+        } .filter-tag__valueButton_1h612.filter-tag__checked_1h612 {
         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_1skf8.filter-tag__checked_1skf8 > .filter-tag__chevron_1skf8 {
+    } .filter-tag__valueButton_1h612.filter-tag__checked_1h612 > .filter-tag__chevron_1h612 {
             color: var(--filter-tag-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:not(:disabled):hover {
+            .filter-tag__valueButton_1h612.filter-tag__checked_1h612:not(:disabled):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:not(:disabled):active {
+        } .filter-tag__valueButton_1h612.filter-tag__checked_1h612:not(:disabled):active {
             background-color: var(--tag-inverted-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:not(:disabled):hover + .filter-tag__clear_1skf8:before {
+            .filter-tag__valueButton_1h612.filter-tag__checked_1h612:not(:disabled):hover + .filter-tag__clear_1h612:before {
                 background-color: var(--filter-tag-inverted-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:not(:disabled):active + .filter-tag__clear_1skf8:before {
+        } .filter-tag__valueButton_1h612.filter-tag__checked_1h612:not(:disabled):active + .filter-tag__clear_1h612:before {
             background-color: var(--filter-tag-inverted-separator-background-color-active);
-        } .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:disabled {
+        } .filter-tag__valueButton_1h612.filter-tag__checked_1h612:disabled {
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled)
-        } .filter-tag__valueButton_1skf8.filter-tag__checked_1skf8:disabled > .filter-tag__chevron_1skf8 {
+        } .filter-tag__valueButton_1h612.filter-tag__checked_1h612:disabled > .filter-tag__chevron_1h612 {
                 color: var(--filter-tag-inverted-chevron-disabled-color);
-            } .filter-tag__clear_1skf8 {
+            } .filter-tag__clear_1h612 {
     color: var(--filter-tag-inverted-clear-color);
     background-color: var(--tag-inverted-background-color-checked)
-} .filter-tag__clear_1skf8:before {
+} .filter-tag__clear_1h612:before {
         background-color: var(--filter-tag-inverted-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_1skf8:hover:before {
+        .filter-tag__clear_1h612:hover:before {
             background-color: var(--filter-tag-inverted-separator-background-color-hover);
         }
-    } .filter-tag__clear_1skf8:active:before {
+    } .filter-tag__clear_1h612:active:before {
         background-color: var(--filter-tag-inverted-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_1skf8:hover {
+        .filter-tag__clear_1h612:hover {
             color: var(--filter-tag-inverted-clear-color-hover);
             background-color: var(--tag-inverted-background-color-checked-hover);
         }
-    } .filter-tag__clear_1skf8:active {
+    } .filter-tag__clear_1h612:active {
         color: var(--filter-tag-inverted-clear-color-active);
         background-color: var(--tag-inverted-background-color-checked-active);
     }

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

@@ -9,13 +9,13 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../helpers/is-keyboard-event.js';
 
-var defaultColors = {"valueButton":"filter-tag__valueButton_198w5","filled":"filter-tag__filled_198w5"};
+var defaultColors = {"valueButton":"filter-tag__valueButton_lsg41","filled":"filter-tag__filled_lsg41"};
 require('./default.desktop.css');
 
-var styles = {"component":"filter-tag__component_19rty","rectangular":"filter-tag__rectangular_19rty","size-32":"filter-tag__size-32_19rty","size-40":"filter-tag__size-40_19rty","size-48":"filter-tag__size-48_19rty","valueButton":"filter-tag__valueButton_19rty","checked":"filter-tag__checked_19rty","close":"filter-tag__close_19rty","clear":"filter-tag__clear_19rty"};
+var styles = {"component":"filter-tag__component_1x89z","rectangular":"filter-tag__rectangular_1x89z","size-32":"filter-tag__size-32_1x89z","size-40":"filter-tag__size-40_1x89z","size-48":"filter-tag__size-48_1x89z","valueButton":"filter-tag__valueButton_1x89z","checked":"filter-tag__checked_1x89z","close":"filter-tag__close_1x89z","clear":"filter-tag__clear_1x89z"};
 require('./desktop.css');
 
-var invertedColors = {"valueButton":"filter-tag__valueButton_d7npg","filled":"filter-tag__filled_d7npg"};
+var invertedColors = {"valueButton":"filter-tag__valueButton_1fbdr","filled":"filter-tag__filled_1fbdr"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -63,14 +63,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__valueButton_198w5.filter-tag__filled_198w5 {
+} .filter-tag__valueButton_lsg41.filter-tag__filled_lsg41 {
         background-color: var(--tag-filled-background-color)
-    } .filter-tag__valueButton_198w5.filter-tag__filled_198w5:disabled {
+    } .filter-tag__valueButton_lsg41.filter-tag__filled_lsg41:disabled {
             background-color: var(--tag-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_198w5.filter-tag__filled_198w5:not(:disabled):hover {
+            .filter-tag__valueButton_lsg41.filter-tag__filled_lsg41:not(:disabled):hover {
                 background-color: var(--tag-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_198w5.filter-tag__filled_198w5:not(:disabled):active {
+        } .filter-tag__valueButton_lsg41.filter-tag__filled_lsg41:not(:disabled):active {
             background-color: var(--tag-filled-background-color-active);
         }

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

@@ -61,40 +61,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__component_19rty.filter-tag__rectangular_19rty.filter-tag__size-32_19rty {
+} .filter-tag__component_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-32_1x89z {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__component_19rty.filter-tag__rectangular_19rty.filter-tag__size-40_19rty {
+        } .filter-tag__component_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-40_1x89z {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__component_19rty.filter-tag__rectangular_19rty.filter-tag__size-48_19rty {
+        } .filter-tag__component_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-48_1x89z {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_19rty.filter-tag__rectangular_19rty.filter-tag__size-32_19rty {
+        } .filter-tag__valueButton_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-32_1x89z {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__valueButton_19rty.filter-tag__rectangular_19rty.filter-tag__size-40_19rty {
+        } .filter-tag__valueButton_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-40_1x89z {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__valueButton_19rty.filter-tag__rectangular_19rty.filter-tag__size-48_19rty {
+        } .filter-tag__valueButton_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-48_1x89z {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__size-32_19rty {
+        } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-32_1x89z {
                 border-radius: var(--tag-rectangular-xxs-border-radius) 0 0
                     var(--tag-rectangular-xxs-border-radius);
-            } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__size-40_19rty {
+            } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-40_1x89z {
                 border-radius: var(--tag-rectangular-xs-border-radius) 0 0
                     var(--tag-rectangular-xs-border-radius);
-            } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__size-48_19rty {
+            } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-48_1x89z {
                 border-radius: var(--tag-rectangular-s-border-radius) 0 0
                     var(--tag-rectangular-s-border-radius);
-            } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty:disabled.filter-tag__size-32_19rty, .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__close_19rty.filter-tag__size-32_19rty {
+            } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z:disabled.filter-tag__size-32_1x89z, .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__close_1x89z.filter-tag__size-32_1x89z {
                     border-radius: var(--tag-rectangular-xxs-border-radius);
-                } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty:disabled.filter-tag__size-40_19rty, .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__close_19rty.filter-tag__size-40_19rty {
+                } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z:disabled.filter-tag__size-40_1x89z, .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__close_1x89z.filter-tag__size-40_1x89z {
                     border-radius: var(--tag-rectangular-xs-border-radius);
-                } .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty:disabled.filter-tag__size-48_19rty, .filter-tag__valueButton_19rty.filter-tag__checked_19rty.filter-tag__rectangular_19rty.filter-tag__close_19rty.filter-tag__size-48_19rty {
+                } .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z:disabled.filter-tag__size-48_1x89z, .filter-tag__valueButton_1x89z.filter-tag__checked_1x89z.filter-tag__rectangular_1x89z.filter-tag__close_1x89z.filter-tag__size-48_1x89z {
                     border-radius: var(--tag-rectangular-s-border-radius);
-                } .filter-tag__clear_19rty.filter-tag__rectangular_19rty.filter-tag__size-32_19rty {
+                } .filter-tag__clear_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-32_1x89z {
             border-radius: 0 var(--tag-rectangular-xxs-border-radius)
                 var(--tag-rectangular-xxs-border-radius) 0;
-        } .filter-tag__clear_19rty.filter-tag__rectangular_19rty.filter-tag__size-40_19rty {
+        } .filter-tag__clear_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-40_1x89z {
             border-radius: 0 var(--tag-rectangular-xs-border-radius)
                 var(--tag-rectangular-xs-border-radius) 0;
-        } .filter-tag__clear_19rty.filter-tag__rectangular_19rty.filter-tag__size-48_19rty {
+        } .filter-tag__clear_1x89z.filter-tag__rectangular_1x89z.filter-tag__size-48_1x89z {
             border-radius: 0 var(--tag-rectangular-s-border-radius)
                 var(--tag-rectangular-s-border-radius) 0;
         }

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

@@ -66,14 +66,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__valueButton_d7npg.filter-tag__filled_d7npg {
+} .filter-tag__valueButton_1fbdr.filter-tag__filled_1fbdr {
         background-color: var(--tag-inverted-filled-background-color)
-    } .filter-tag__valueButton_d7npg.filter-tag__filled_d7npg:disabled {
+    } .filter-tag__valueButton_1fbdr.filter-tag__filled_1fbdr:disabled {
             background-color: var(--tag-inverted-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_d7npg.filter-tag__filled_d7npg:not(:disabled):hover {
+            .filter-tag__valueButton_1fbdr.filter-tag__filled_1fbdr:not(:disabled):hover {
                 background-color: var(--tag-inverted-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_d7npg.filter-tag__filled_d7npg:not(:disabled):active {
+        } .filter-tag__valueButton_1fbdr.filter-tag__filled_1fbdr:not(:disabled):active {
             background-color: var(--tag-inverted-filled-background-color-active);
         }

package/filter-tag/esm/mobile/Component.mobile.js

@@ -9,13 +9,13 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../helpers/is-keyboard-event.js';
 
-var defaultColors = {"valueButton":"filter-tag__valueButton_1xzhx","filled":"filter-tag__filled_1xzhx"};
+var defaultColors = {"valueButton":"filter-tag__valueButton_1123y","filled":"filter-tag__filled_1123y"};
 require('./default.mobile.css');
 
-var invertedColors = {"valueButton":"filter-tag__valueButton_5fztk","filled":"filter-tag__filled_5fztk"};
+var invertedColors = {"valueButton":"filter-tag__valueButton_1h0nu","filled":"filter-tag__filled_1h0nu"};
 require('./inverted.mobile.css');
 
-var styles = {"component":"filter-tag__component_1ngis","rectangular":"filter-tag__rectangular_1ngis","size-32":"filter-tag__size-32_1ngis","size-40":"filter-tag__size-40_1ngis","size-48":"filter-tag__size-48_1ngis","valueButton":"filter-tag__valueButton_1ngis","checked":"filter-tag__checked_1ngis","close":"filter-tag__close_1ngis","clear":"filter-tag__clear_1ngis"};
+var styles = {"component":"filter-tag__component_1qjf5","rectangular":"filter-tag__rectangular_1qjf5","size-32":"filter-tag__size-32_1qjf5","size-40":"filter-tag__size-40_1qjf5","size-48":"filter-tag__size-48_1qjf5","valueButton":"filter-tag__valueButton_1qjf5","checked":"filter-tag__checked_1qjf5","close":"filter-tag__close_1qjf5","clear":"filter-tag__clear_1qjf5"};
 require('./mobile.css');
 
 var colorStyles = {

package/filter-tag/esm/mobile/default.mobile.css

@@ -61,14 +61,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .filter-tag__valueButton_1xzhx.filter-tag__filled_1xzhx {
+} .filter-tag__valueButton_1123y.filter-tag__filled_1123y {
         background-color: var(--tag-filled-mobile-background-color)
-    } .filter-tag__valueButton_1xzhx.filter-tag__filled_1xzhx:disabled {
+    } .filter-tag__valueButton_1123y.filter-tag__filled_1123y:disabled {
             background-color: var(--tag-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1xzhx.filter-tag__filled_1xzhx:not(:disabled):hover {
+            .filter-tag__valueButton_1123y.filter-tag__filled_1123y:not(:disabled):hover {
                 background-color: var(--tag-filled-mobile-background-color-hover);
             }
-        } .filter-tag__valueButton_1xzhx.filter-tag__filled_1xzhx:not(:disabled):active {
+        } .filter-tag__valueButton_1123y.filter-tag__filled_1123y:not(:disabled):active {
             background-color: var(--tag-filled-mobile-background-color-active);
         }

package/filter-tag/esm/mobile/inverted.mobile.css

@@ -67,14 +67,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .filter-tag__valueButton_5fztk.filter-tag__filled_5fztk {
+} .filter-tag__valueButton_1h0nu.filter-tag__filled_1h0nu {
         background-color: var(--tag-inverted-filled-mobile-background-color)
-    } .filter-tag__valueButton_5fztk.filter-tag__filled_5fztk:disabled {
+    } .filter-tag__valueButton_1h0nu.filter-tag__filled_1h0nu:disabled {
             background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_5fztk.filter-tag__filled_5fztk:not(:disabled):hover {
+            .filter-tag__valueButton_1h0nu.filter-tag__filled_1h0nu:not(:disabled):hover {
                 background-color: var(--tag-inverted-filled-mobile-background-color-hover);
             }
-        } .filter-tag__valueButton_5fztk.filter-tag__filled_5fztk:not(:disabled):active {
+        } .filter-tag__valueButton_1h0nu.filter-tag__filled_1h0nu:not(:disabled):active {
             background-color: var(--tag-inverted-filled-mobile-background-color-active);
         }