@alfalab/core-components 44.6.0 → 44.7.0

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

@@ -1,4 +1,4 @@
-/* hash: 13d1o */
+/* hash: 577d6 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -63,7 +63,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1xa0b {
+} .tag__component_1h3ve {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -81,107 +81,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_1xa0b:disabled {
+} .tag__component_1h3ve:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_1xa0b {
+    } .tag__focused_1h3ve {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_1xa0b {
+} .tag__addons_1h3ve {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_1xa0b:first-child {
+} .tag__addons_1h3ve:first-child {
         margin-right: 6px;
-    } .tag__addons_1xa0b:last-child {
+    } .tag__addons_1h3ve:last-child {
         margin-left: 6px;
-    } .tag__addons_1xa0b:only-child {
+    } .tag__addons_1h3ve:only-child {
         margin: 0;
-    } .tag__s_1xa0b .tag__addons_1xa0b:first-child, .tag__m_1xa0b .tag__addons_1xa0b:first-child {
+    } .tag__s_1h3ve .tag__addons_1h3ve:first-child, .tag__m_1h3ve .tag__addons_1h3ve:first-child {
         margin-right: var(--gap-xs);
-    } .tag__s_1xa0b .tag__addons_1xa0b:last-child, .tag__m_1xa0b .tag__addons_1xa0b:last-child {
+    } .tag__s_1h3ve .tag__addons_1h3ve:last-child, .tag__m_1h3ve .tag__addons_1h3ve:last-child {
         margin-left: var(--gap-xs);
-    } .tag__l_1xa0b .tag__addons_1xa0b:first-child, .tag__xl_1xa0b .tag__addons_1xa0b:first-child {
+    } .tag__l_1h3ve .tag__addons_1h3ve:first-child, .tag__xl_1h3ve .tag__addons_1h3ve:first-child {
         margin-right: var(--gap-s);
-    } .tag__l_1xa0b .tag__addons_1xa0b:last-child, .tag__xl_1xa0b .tag__addons_1xa0b:last-child {
+    } .tag__l_1h3ve .tag__addons_1h3ve:last-child, .tag__xl_1h3ve .tag__addons_1h3ve:last-child {
         margin-left: var(--gap-s);
-    } .tag__xxs_1xa0b {
+    } .tag__xxs_1h3ve {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__xs_1xa0b {
+} .tag__xs_1h3ve {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__s_1xa0b {
+} .tag__s_1h3ve {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__m_1xa0b {
+} .tag__m_1h3ve {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__l_1xa0b {
+} .tag__l_1h3ve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl);
-} .tag__xl_1xa0b {
+} .tag__xl_1h3ve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_1xa0b.tag__xxs_1xa0b {
+} .tag__withRightAddons_1h3ve.tag__xxs_1h3ve {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_1xa0b.tag__xs_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__xs_1h3ve {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_1xa0b.tag__s_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__s_1h3ve {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_1xa0b.tag__m_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__m_1h3ve {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_1xa0b.tag__l_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__l_1h3ve {
         padding-right: 28px;
-    } .tag__withRightAddons_1xa0b.tag__xl_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__xl_1h3ve {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_1xa0b.tag__xxs_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xxs_1h3ve {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_1xa0b.tag__xs_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xs_1h3ve {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_1xa0b.tag__s_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__s_1h3ve {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_1xa0b.tag__m_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__m_1h3ve {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_1xa0b.tag__l_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__l_1h3ve {
         padding-left: 28px;
-    } .tag__withLeftAddons_1xa0b.tag__xl_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xl_1h3ve {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_1xa0b.tag__xxs_1xa0b {
+    } .tag__rounded_1h3ve.tag__xxs_1h3ve {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1xa0b.tag__xs_1xa0b {
+    } .tag__rounded_1h3ve.tag__xs_1h3ve {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1xa0b.tag__s_1xa0b {
+    } .tag__rounded_1h3ve.tag__s_1h3ve {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1xa0b.tag__m_1xa0b,
-    .tag__rounded_1xa0b.tag__l_1xa0b,
-    .tag__rounded_1xa0b.tag__xl_1xa0b {
+    } .tag__rounded_1h3ve.tag__m_1h3ve,
+    .tag__rounded_1h3ve.tag__l_1h3ve,
+    .tag__rounded_1h3ve.tag__xl_1h3ve {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_1xa0b.tag__outlined_1xa0b.tag__checked_1xa0b[disabled],
-    .tag__allowBackdropBlur_1xa0b.tag__filled_1xa0b {
+    } .tag__allowBackdropBlur_1h3ve.tag__outlined_1h3ve.tag__checked_1h3ve[disabled],
+    .tag__allowBackdropBlur_1h3ve.tag__filled_1h3ve {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 1w9wf */
+/* hash: 1n6o8 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -74,41 +74,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1u7ir.tag__outlined_1u7ir {
+} .tag__component_1nhxd.tag__outlined_1nhxd {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1u7ir.tag__outlined_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__outlined_1nhxd:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1u7ir.tag__outlined_1u7ir:hover:not(:disabled) {
+            .tag__component_1nhxd.tag__outlined_1nhxd:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1u7ir.tag__outlined_1u7ir:active:not(:disabled) {
+        } .tag__component_1nhxd.tag__outlined_1nhxd:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1u7ir.tag__filled_1u7ir {
+        } .tag__component_1nhxd.tag__filled_1nhxd {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1u7ir.tag__filled_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__filled_1nhxd:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1u7ir.tag__checked_1u7ir {
+        } .tag__component_1nhxd.tag__checked_1nhxd {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_1u7ir.tag__checked_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__checked_1nhxd:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1u7ir.tag__checked_1u7ir:hover:not(:disabled) {
+            .tag__component_1nhxd.tag__checked_1nhxd:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1u7ir.tag__checked_1u7ir:active:not(:disabled) {
+        } .tag__component_1nhxd.tag__checked_1nhxd:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/desktop/Component.desktop.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"filled":"tag__filled_143fl"};
+var defaultColors = {"filled":"tag__filled_3igox"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_oq532","xxs":"tag__xxs_oq532","xs":"tag__xs_oq532","s":"tag__s_oq532","m":"tag__m_oq532","l":"tag__l_oq532","xl":"tag__xl_oq532"};
+var styles = {"rectangular":"tag__rectangular_1ktuc","xxs":"tag__xxs_1ktuc","xs":"tag__xs_1ktuc","s":"tag__s_1ktuc","m":"tag__m_1ktuc","l":"tag__l_1ktuc","xl":"tag__xl_1ktuc"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_8mx3q"};
+var invertedColors = {"filled":"tag__filled_1n0ml"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/desktop/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1rn52 */
+/* hash: thaqp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -49,15 +49,15 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_143fl {
+} .tag__filled_3igox {
     background-color: var(--tag-filled-background-color)
-} .tag__filled_143fl:disabled {
+} .tag__filled_3igox:disabled {
         background-color: var(--tag-filled-background-color-disabled);
         border-color: var(--tag-filled-border-color);
     } @media (hover: hover) {
-        .tag__filled_143fl:hover:not(:disabled) {
+        .tag__filled_3igox:hover:not(:disabled) {
             background-color: var(--tag-filled-background-color-hover);
         }
-    } .tag__filled_143fl:active:not(:disabled) {
+    } .tag__filled_3igox:active:not(:disabled) {
         background-color: var(--tag-filled-background-color-active);
     }

package/tag/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 3jegp */
+/* hash: 11p8s */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -46,14 +46,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_oq532.tag__xxs_oq532 {
+} .tag__rectangular_1ktuc.tag__xxs_1ktuc {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_oq532.tag__xs_oq532 {
+    } .tag__rectangular_1ktuc.tag__xs_1ktuc {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_oq532.tag__s_oq532 {
+    } .tag__rectangular_1ktuc.tag__s_1ktuc {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_oq532.tag__m_oq532,
-    .tag__rectangular_oq532.tag__l_oq532,
-    .tag__rectangular_oq532.tag__xl_oq532 {
+    } .tag__rectangular_1ktuc.tag__m_1ktuc,
+    .tag__rectangular_1ktuc.tag__l_1ktuc,
+    .tag__rectangular_1ktuc.tag__xl_1ktuc {
         border-radius: var(--tag-alt-border-radius);
     }

package/tag/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 195yd */
+/* hash: b041y */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -51,14 +51,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_8mx3q {
+} .tag__filled_1n0ml {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_8mx3q:disabled {
+} .tag__filled_1n0ml:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_8mx3q:hover:not(:disabled) {
+        .tag__filled_1n0ml:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_8mx3q:active:not(:disabled) {
+    } .tag__filled_1n0ml:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-background-color-active);
     }

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

@@ -4,13 +4,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultColors = {"component":"tag__component_1444d","outlined":"tag__outlined_1444d","filled":"tag__filled_1444d","checked":"tag__checked_1444d"};
+var defaultColors = {"component":"tag__component_xeiyr","outlined":"tag__outlined_xeiyr","filled":"tag__filled_xeiyr","checked":"tag__checked_xeiyr"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_1xa0b","focused":"tag__focused_1xa0b","addons":"tag__addons_1xa0b","s":"tag__s_1xa0b","m":"tag__m_1xa0b","l":"tag__l_1xa0b","xl":"tag__xl_1xa0b","xxs":"tag__xxs_1xa0b","xs":"tag__xs_1xa0b","withRightAddons":"tag__withRightAddons_1xa0b","withLeftAddons":"tag__withLeftAddons_1xa0b","rounded":"tag__rounded_1xa0b","allowBackdropBlur":"tag__allowBackdropBlur_1xa0b","outlined":"tag__outlined_1xa0b","checked":"tag__checked_1xa0b","filled":"tag__filled_1xa0b"};
+var commonStyles = {"component":"tag__component_1h3ve","focused":"tag__focused_1h3ve","addons":"tag__addons_1h3ve","s":"tag__s_1h3ve","m":"tag__m_1h3ve","l":"tag__l_1h3ve","xl":"tag__xl_1h3ve","xxs":"tag__xxs_1h3ve","xs":"tag__xs_1h3ve","withRightAddons":"tag__withRightAddons_1h3ve","withLeftAddons":"tag__withLeftAddons_1h3ve","rounded":"tag__rounded_1h3ve","allowBackdropBlur":"tag__allowBackdropBlur_1h3ve","outlined":"tag__outlined_1h3ve","checked":"tag__checked_1h3ve","filled":"tag__filled_1h3ve"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_1u7ir","outlined":"tag__outlined_1u7ir","filled":"tag__filled_1u7ir","checked":"tag__checked_1u7ir"};
+var invertedColors = {"component":"tag__component_1nhxd","outlined":"tag__outlined_1nhxd","filled":"tag__filled_1nhxd","checked":"tag__checked_1nhxd"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: cvk10 */
+/* hash: 3sbu0 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -69,41 +69,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1444d.tag__outlined_1444d {
+} .tag__component_xeiyr.tag__outlined_xeiyr {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1444d.tag__outlined_1444d:disabled {
+    } .tag__component_xeiyr.tag__outlined_xeiyr:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1444d.tag__outlined_1444d:hover:not(:disabled) {
+            .tag__component_xeiyr.tag__outlined_xeiyr:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1444d.tag__outlined_1444d:active:not(:disabled) {
+        } .tag__component_xeiyr.tag__outlined_xeiyr:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1444d.tag__filled_1444d {
+        } .tag__component_xeiyr.tag__filled_xeiyr {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1444d.tag__filled_1444d:disabled {
+    } .tag__component_xeiyr.tag__filled_xeiyr:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1444d.tag__checked_1444d {
+        } .tag__component_xeiyr.tag__checked_xeiyr {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1444d.tag__checked_1444d:disabled {
+    } .tag__component_xeiyr.tag__checked_xeiyr:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1444d.tag__checked_1444d:hover:not(:disabled) {
+            .tag__component_xeiyr.tag__checked_xeiyr:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1444d.tag__checked_1444d:active:not(:disabled) {
+        } .tag__component_xeiyr.tag__checked_xeiyr:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

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

@@ -1,4 +1,4 @@
-/* hash: 13d1o */
+/* hash: 577d6 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -63,7 +63,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1xa0b {
+} .tag__component_1h3ve {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -81,107 +81,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_1xa0b:disabled {
+} .tag__component_1h3ve:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_1xa0b {
+    } .tag__focused_1h3ve {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_1xa0b {
+} .tag__addons_1h3ve {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_1xa0b:first-child {
+} .tag__addons_1h3ve:first-child {
         margin-right: 6px;
-    } .tag__addons_1xa0b:last-child {
+    } .tag__addons_1h3ve:last-child {
         margin-left: 6px;
-    } .tag__addons_1xa0b:only-child {
+    } .tag__addons_1h3ve:only-child {
         margin: 0;
-    } .tag__s_1xa0b .tag__addons_1xa0b:first-child, .tag__m_1xa0b .tag__addons_1xa0b:first-child {
+    } .tag__s_1h3ve .tag__addons_1h3ve:first-child, .tag__m_1h3ve .tag__addons_1h3ve:first-child {
         margin-right: var(--gap-xs);
-    } .tag__s_1xa0b .tag__addons_1xa0b:last-child, .tag__m_1xa0b .tag__addons_1xa0b:last-child {
+    } .tag__s_1h3ve .tag__addons_1h3ve:last-child, .tag__m_1h3ve .tag__addons_1h3ve:last-child {
         margin-left: var(--gap-xs);
-    } .tag__l_1xa0b .tag__addons_1xa0b:first-child, .tag__xl_1xa0b .tag__addons_1xa0b:first-child {
+    } .tag__l_1h3ve .tag__addons_1h3ve:first-child, .tag__xl_1h3ve .tag__addons_1h3ve:first-child {
         margin-right: var(--gap-s);
-    } .tag__l_1xa0b .tag__addons_1xa0b:last-child, .tag__xl_1xa0b .tag__addons_1xa0b:last-child {
+    } .tag__l_1h3ve .tag__addons_1h3ve:last-child, .tag__xl_1h3ve .tag__addons_1h3ve:last-child {
         margin-left: var(--gap-s);
-    } .tag__xxs_1xa0b {
+    } .tag__xxs_1h3ve {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__xs_1xa0b {
+} .tag__xs_1h3ve {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__s_1xa0b {
+} .tag__s_1h3ve {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__m_1xa0b {
+} .tag__m_1h3ve {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__l_1xa0b {
+} .tag__l_1h3ve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl);
-} .tag__xl_1xa0b {
+} .tag__xl_1h3ve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_1xa0b.tag__xxs_1xa0b {
+} .tag__withRightAddons_1h3ve.tag__xxs_1h3ve {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_1xa0b.tag__xs_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__xs_1h3ve {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_1xa0b.tag__s_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__s_1h3ve {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_1xa0b.tag__m_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__m_1h3ve {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_1xa0b.tag__l_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__l_1h3ve {
         padding-right: 28px;
-    } .tag__withRightAddons_1xa0b.tag__xl_1xa0b {
+    } .tag__withRightAddons_1h3ve.tag__xl_1h3ve {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_1xa0b.tag__xxs_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xxs_1h3ve {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_1xa0b.tag__xs_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xs_1h3ve {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_1xa0b.tag__s_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__s_1h3ve {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_1xa0b.tag__m_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__m_1h3ve {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_1xa0b.tag__l_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__l_1h3ve {
         padding-left: 28px;
-    } .tag__withLeftAddons_1xa0b.tag__xl_1xa0b {
+    } .tag__withLeftAddons_1h3ve.tag__xl_1h3ve {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_1xa0b.tag__xxs_1xa0b {
+    } .tag__rounded_1h3ve.tag__xxs_1h3ve {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1xa0b.tag__xs_1xa0b {
+    } .tag__rounded_1h3ve.tag__xs_1h3ve {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1xa0b.tag__s_1xa0b {
+    } .tag__rounded_1h3ve.tag__s_1h3ve {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1xa0b.tag__m_1xa0b,
-    .tag__rounded_1xa0b.tag__l_1xa0b,
-    .tag__rounded_1xa0b.tag__xl_1xa0b {
+    } .tag__rounded_1h3ve.tag__m_1h3ve,
+    .tag__rounded_1h3ve.tag__l_1h3ve,
+    .tag__rounded_1h3ve.tag__xl_1h3ve {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_1xa0b.tag__outlined_1xa0b.tag__checked_1xa0b[disabled],
-    .tag__allowBackdropBlur_1xa0b.tag__filled_1xa0b {
+    } .tag__allowBackdropBlur_1h3ve.tag__outlined_1h3ve.tag__checked_1h3ve[disabled],
+    .tag__allowBackdropBlur_1h3ve.tag__filled_1h3ve {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 1w9wf */
+/* hash: 1n6o8 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -74,41 +74,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1u7ir.tag__outlined_1u7ir {
+} .tag__component_1nhxd.tag__outlined_1nhxd {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1u7ir.tag__outlined_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__outlined_1nhxd:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1u7ir.tag__outlined_1u7ir:hover:not(:disabled) {
+            .tag__component_1nhxd.tag__outlined_1nhxd:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1u7ir.tag__outlined_1u7ir:active:not(:disabled) {
+        } .tag__component_1nhxd.tag__outlined_1nhxd:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1u7ir.tag__filled_1u7ir {
+        } .tag__component_1nhxd.tag__filled_1nhxd {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1u7ir.tag__filled_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__filled_1nhxd:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1u7ir.tag__checked_1u7ir {
+        } .tag__component_1nhxd.tag__checked_1nhxd {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_1u7ir.tag__checked_1u7ir:disabled {
+    } .tag__component_1nhxd.tag__checked_1nhxd:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1u7ir.tag__checked_1u7ir:hover:not(:disabled) {
+            .tag__component_1nhxd.tag__checked_1nhxd:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1u7ir.tag__checked_1u7ir:active:not(:disabled) {
+        } .tag__component_1nhxd.tag__checked_1nhxd:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

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

@@ -5,13 +5,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-var defaultColors = {"filled":"tag__filled_143fl"};
+var defaultColors = {"filled":"tag__filled_3igox"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_oq532","xxs":"tag__xxs_oq532","xs":"tag__xs_oq532","s":"tag__s_oq532","m":"tag__m_oq532","l":"tag__l_oq532","xl":"tag__xl_oq532"};
+var styles = {"rectangular":"tag__rectangular_1ktuc","xxs":"tag__xxs_1ktuc","xs":"tag__xs_1ktuc","s":"tag__s_1ktuc","m":"tag__m_1ktuc","l":"tag__l_1ktuc","xl":"tag__xl_1ktuc"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_8mx3q"};
+var invertedColors = {"filled":"tag__filled_1n0ml"};
 require('./inverted.desktop.css');
 
 var colorStyles = {