@alfalab/core-components 42.3.1 → 42.4.0

package/tabs/modern/components/tabs/Component.collabsible.desktop.js

@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../../../shared/modern';
 import '../title/Component.js';
-import '../../index.module-dd0a5d76.js';
+import '../../index.module-d7578f28.js';
 import '../primary-tablist/Component.collapsible.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.collapsible.mobile.js

@@ -10,8 +10,8 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../../../shared/modern';
 import '../title/Component.js';
-import '../../index.module-dd0a5d76.js';
-import '../../mobile.module-62824328.js';
+import '../../index.module-d7578f28.js';
+import '../../mobile.module-90edca62.js';
 import '../primary-tablist/Component.collapsible.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.collapsible.responsive.js

@@ -10,9 +10,9 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../../../shared/modern';
 import '../title/Component.js';
-import '../../index.module-dd0a5d76.js';
+import '../../index.module-d7578f28.js';
 import '../primary-tablist/Component.collapsible.mobile.js';
-import '../../mobile.module-62824328.js';
+import '../../mobile.module-90edca62.js';
 import '../primary-tablist/Component.collapsible.desktop.js';
 import '../primary-tablist/Component.collapsible.js';
 import '../../hooks/use-tablist-titles.js';

package/tabs/modern/components/tabs/Component.desktop.js

@@ -8,9 +8,9 @@ import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-dd0a5d76.js';
+import '../../index.module-d7578f28.js';
 import '../../../../tag/modern/desktop';
-import '../../index.module-afd2dbd9.js';
+import '../../index.module-9e555350.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../secondary-tablist/Component.js';

package/tabs/modern/components/tabs/Component.mobile.js

@@ -8,10 +8,10 @@ import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-dd0a5d76.js';
-import '../../mobile.module-62824328.js';
+import '../../index.module-d7578f28.js';
+import '../../mobile.module-90edca62.js';
 import '../../../../tag/modern/mobile';
-import '../../index.module-afd2dbd9.js';
+import '../../index.module-9e555350.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../secondary-tablist/Component.js';

package/tabs/modern/components/tabs/Component.responsive.js

@@ -9,11 +9,11 @@ import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-dd0a5d76.js';
+import '../../index.module-d7578f28.js';
 import '../primary-tablist/Component.mobile.js';
-import '../../mobile.module-62824328.js';
+import '../../mobile.module-90edca62.js';
 import '../../../../tag/modern/desktop';
-import '../../index.module-afd2dbd9.js';
+import '../../index.module-9e555350.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 import '../primary-tablist/Component.desktop.js';

package/tabs/modern/desktop.js

@@ -9,9 +9,9 @@ import '../../shared/modern';
 import './components/scrollable-container/Component.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-dd0a5d76.js';
+import './index.module-d7578f28.js';
 import '../../tag/modern/desktop';
-import './index.module-afd2dbd9.js';
+import './index.module-9e555350.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/secondary-tablist/Component.js';

package/tabs/modern/index.js

@@ -10,11 +10,11 @@ import '../../shared/modern';
 import './components/scrollable-container/Component.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-dd0a5d76.js';
+import './index.module-d7578f28.js';
 import './components/primary-tablist/Component.mobile.js';
-import './mobile.module-62824328.js';
+import './mobile.module-90edca62.js';
 import '../../tag/modern/desktop';
-import './index.module-afd2dbd9.js';
+import './index.module-9e555350.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/primary-tablist/Component.desktop.js';

package/tabs/modern/index.module-9e555350.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_1067v","fullWidthScroll":"tabs__fullWidthScroll_1067v","container":"tabs__container_1067v","title":"tabs__title_1067v","xxs":"tabs__xxs_1067v","xs":"tabs__xs_1067v","s":"tabs__s_1067v","m":"tabs__m_1067v","l":"tabs__l_1067v","xl":"tabs__xl_1067v"};
+require('./components/secondary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/index.module-d7578f28.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_u0ax3","fullWidthScroll":"tabs__fullWidthScroll_u0ax3","container":"tabs__container_u0ax3","title":"tabs__title_u0ax3","disabled":"tabs__disabled_u0ax3","focused":"tabs__focused_u0ax3","collapsed":"tabs__collapsed_u0ax3","selected":"tabs__selected_u0ax3","line":"tabs__line_u0ax3","s":"tabs__s_u0ax3","xs":"tabs__xs_u0ax3","xxs":"tabs__xxs_u0ax3","pickerWrapper":"tabs__pickerWrapper_u0ax3","option":"tabs__option_u0ax3","m":"tabs__m_u0ax3","l":"tabs__l_u0ax3","xl":"tabs__xl_u0ax3","rightAddons":"tabs__rightAddons_u0ax3"};
+require('./components/primary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/mobile.js

@@ -9,10 +9,10 @@ import '../../shared/modern';
 import './components/scrollable-container/Component.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-dd0a5d76.js';
-import './mobile.module-62824328.js';
+import './index.module-d7578f28.js';
+import './mobile.module-90edca62.js';
 import '../../tag/modern/mobile';
-import './index.module-afd2dbd9.js';
+import './index.module-9e555350.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/secondary-tablist/Component.js';

package/tabs/modern/mobile.module-90edca62.js

@@ -0,0 +1,4 @@
+const mobileStyles = {"title":"tabs__title_1p8jd tabs__title_u0ax3","mobile":"tabs__mobile_1p8jd"};
+require('./components/primary-tablist/mobile.css');
+
+export { mobileStyles as m };

package/tag/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagDesktopProps = Omit<BaseTagProps, 'styles'>;
+type TagDesktopProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
 declare const TagDesktop: React.ForwardRefExoticComponent<TagDesktopProps & React.RefAttributes<HTMLButtonElement>>;
 export { TagDesktopProps, TagDesktop };

package/tag/Component.desktop.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"component":"tag__component_4fpjf","filled":"tag__filled_4fpjf","checked":"tag__checked_4fpjf"};
+var defaultColors = {"component":"tag__component_32ypz","filled":"tag__filled_32ypz","checked":"tag__checked_32ypz"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_1u5qv","xxs":"tag__xxs_1u5qv","xs":"tag__xs_1u5qv","s":"tag__s_1u5qv","m":"tag__m_1u5qv","l":"tag__l_1u5qv","xl":"tag__xl_1u5qv"};
+var styles = {"rectangular":"tag__rectangular_1viho","xxs":"tag__xxs_1viho","xs":"tag__xs_1viho","s":"tag__s_1viho","m":"tag__m_1viho","l":"tag__l_1viho","xl":"tag__xl_1viho"};
 require('./desktop.css');
 
-var invertedColors = {"component":"tag__component_1a171","filled":"tag__filled_1a171","checked":"tag__checked_1a171"};
+var invertedColors = {"component":"tag__component_1drzz","filled":"tag__filled_1drzz","checked":"tag__checked_1drzz"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagMobileProps = Omit<BaseTagProps, 'styles'>;
+type TagMobileProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
 declare const TagMobile: React.ForwardRefExoticComponent<TagMobileProps & React.RefAttributes<HTMLButtonElement>>;
 export { TagMobileProps, TagMobile };

package/tag/Component.mobile.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"component":"tag__component_q5uh2","filled":"tag__filled_q5uh2","checked":"tag__checked_q5uh2"};
+var defaultColors = {"component":"tag__component_vpo31","filled":"tag__filled_vpo31","checked":"tag__checked_vpo31"};
 require('./default.mobile.css');
 
-var invertedColors = {"component":"tag__component_lyvxk","filled":"tag__filled_lyvxk","checked":"tag__checked_lyvxk"};
+var invertedColors = {"component":"tag__component_1cjtm","filled":"tag__filled_1cjtm","checked":"tag__checked_1cjtm"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_16j85","xxs":"tag__xxs_16j85","xs":"tag__xs_16j85","s":"tag__s_16j85","m":"tag__m_16j85","l":"tag__l_16j85","xl":"tag__xl_16j85"};
+var styles = {"rectangular":"tag__rectangular_10zej","xxs":"tag__xxs_10zej","xs":"tag__xs_10zej","s":"tag__s_10zej","m":"tag__m_10zej","l":"tag__l_10zej","xl":"tag__xl_10zej"};
 require('./mobile.css');
 
 var colorStyles = {

package/tag/Component.responsive.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagProps = Omit<BaseTagProps, 'styles'> & {
+type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles"> & {
+declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

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

@@ -12,13 +12,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"tag__component_2ityi","outlined":"tag__outlined_2ityi","filled":"tag__filled_2ityi","checked":"tag__checked_2ityi"};
+var defaultColors = {"component":"tag__component_82nkh","outlined":"tag__outlined_82nkh","filled":"tag__filled_82nkh","checked":"tag__checked_82nkh"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_slr5c","focused":"tag__focused_slr5c","addons":"tag__addons_slr5c","s":"tag__s_slr5c","m":"tag__m_slr5c","l":"tag__l_slr5c","xl":"tag__xl_slr5c","xxs":"tag__xxs_slr5c","xs":"tag__xs_slr5c","withRightAddons":"tag__withRightAddons_slr5c","withLeftAddons":"tag__withLeftAddons_slr5c","rounded":"tag__rounded_slr5c"};
+var commonStyles = {"component":"tag__component_8xdve","focused":"tag__focused_8xdve","addons":"tag__addons_8xdve","s":"tag__s_8xdve","m":"tag__m_8xdve","l":"tag__l_8xdve","xl":"tag__xl_8xdve","xxs":"tag__xxs_8xdve","xs":"tag__xs_8xdve","withRightAddons":"tag__withRightAddons_8xdve","withLeftAddons":"tag__withLeftAddons_8xdve","rounded":"tag__rounded_8xdve"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_sm8cx","outlined":"tag__outlined_sm8cx","filled":"tag__filled_sm8cx","checked":"tag__checked_sm8cx"};
+var invertedColors = {"component":"tag__component_y61yw","outlined":"tag__outlined_y61yw","filled":"tag__filled_y61yw","checked":"tag__checked_y61yw"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -61,30 +61,30 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_2ityi.tag__outlined_2ityi {
+} .tag__component_82nkh.tag__outlined_82nkh {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_2ityi.tag__outlined_2ityi:disabled {
+    } .tag__component_82nkh.tag__outlined_82nkh: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_2ityi.tag__outlined_2ityi:hover:not(:disabled) {
+            .tag__component_82nkh.tag__outlined_82nkh:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_2ityi.tag__outlined_2ityi:active:not(:disabled) {
+        } .tag__component_82nkh.tag__outlined_82nkh:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_2ityi.tag__filled_2ityi {
+        } .tag__component_82nkh.tag__filled_82nkh {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_2ityi.tag__filled_2ityi:disabled {
+    } .tag__component_82nkh.tag__filled_82nkh:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_2ityi.tag__checked_2ityi {
+        } .tag__component_82nkh.tag__checked_82nkh {
         color: var(--tag-text-color-checked)
-    } .tag__component_2ityi.tag__checked_2ityi:disabled {
+    } .tag__component_82nkh.tag__checked_82nkh:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
         }

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

@@ -64,7 +64,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_slr5c {
+} .tag__component_8xdve {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -82,133 +82,133 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_slr5c:disabled {
+} .tag__component_8xdve:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_slr5c {
+    } .tag__focused_8xdve {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_slr5c {
+} .tag__addons_8xdve {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_slr5c:first-child {
+} .tag__addons_8xdve:first-child {
         margin-right: var(--gap-2xs);
-    } .tag__addons_slr5c:last-child {
+    } .tag__addons_8xdve:last-child {
         margin-left: var(--gap-2xs);
-    } .tag__addons_slr5c:only-child {
+    } .tag__addons_8xdve:only-child {
         margin: 0;
-    } .tag__s_slr5c .tag__addons_slr5c:first-child, .tag__m_slr5c .tag__addons_slr5c:first-child {
+    } .tag__s_8xdve .tag__addons_8xdve:first-child, .tag__m_8xdve .tag__addons_8xdve:first-child {
         margin-right: var(--gap-xs);
-    } .tag__s_slr5c .tag__addons_slr5c:last-child, .tag__m_slr5c .tag__addons_slr5c:last-child {
+    } .tag__s_8xdve .tag__addons_8xdve:last-child, .tag__m_8xdve .tag__addons_8xdve:last-child {
         margin-left: var(--gap-xs);
-    } .tag__l_slr5c .tag__addons_slr5c:first-child, .tag__xl_slr5c .tag__addons_slr5c:first-child {
+    } .tag__l_8xdve .tag__addons_8xdve:first-child, .tag__xl_8xdve .tag__addons_8xdve:first-child {
         margin-right: var(--gap-s);
-    } .tag__l_slr5c .tag__addons_slr5c:last-child, .tag__xl_slr5c .tag__addons_slr5c:last-child {
+    } .tag__l_8xdve .tag__addons_8xdve:last-child, .tag__xl_8xdve .tag__addons_8xdve:last-child {
         margin-left: var(--gap-s);
-    } .tag__xxs_slr5c {
+    } .tag__xxs_8xdve {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xxs_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xxs_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
-    } .tag__xs_slr5c {
+    } .tag__xs_8xdve {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xs_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xs_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
-    } .tag__s_slr5c {
+    } .tag__s_8xdve {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__s_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__s_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
-    } .tag__m_slr5c {
+    } .tag__m_8xdve {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__m_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__m_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
-    } .tag__l_slr5c {
+    } .tag__l_8xdve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl)
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__l_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__l_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
-    } .tag__xl_slr5c {
+    } .tag__xl_8xdve {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px
-} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xl_slr5c {
+} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tag__xl_8xdve {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
-    } .tag__withRightAddons_slr5c.tag__xxs_slr5c {
+    } .tag__withRightAddons_8xdve.tag__xxs_8xdve {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_slr5c.tag__xs_slr5c {
+    } .tag__withRightAddons_8xdve.tag__xs_8xdve {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_slr5c.tag__s_slr5c {
+    } .tag__withRightAddons_8xdve.tag__s_8xdve {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_slr5c.tag__m_slr5c {
+    } .tag__withRightAddons_8xdve.tag__m_8xdve {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_slr5c.tag__l_slr5c {
+    } .tag__withRightAddons_8xdve.tag__l_8xdve {
         padding-right: 28px;
-    } .tag__withRightAddons_slr5c.tag__xl_slr5c {
+    } .tag__withRightAddons_8xdve.tag__xl_8xdve {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_slr5c.tag__xxs_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__xxs_8xdve {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_slr5c.tag__xs_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__xs_8xdve {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_slr5c.tag__s_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__s_8xdve {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_slr5c.tag__m_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__m_8xdve {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_slr5c.tag__l_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__l_8xdve {
         padding-left: 28px;
-    } .tag__withLeftAddons_slr5c.tag__xl_slr5c {
+    } .tag__withLeftAddons_8xdve.tag__xl_8xdve {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_slr5c.tag__xxs_slr5c {
+    } .tag__rounded_8xdve.tag__xxs_8xdve {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_slr5c.tag__xs_slr5c {
+    } .tag__rounded_8xdve.tag__xs_8xdve {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_slr5c.tag__s_slr5c {
+    } .tag__rounded_8xdve.tag__s_8xdve {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_slr5c.tag__m_slr5c,
-    .tag__rounded_slr5c.tag__l_slr5c,
-    .tag__rounded_slr5c.tag__xl_slr5c {
+    } .tag__rounded_8xdve.tag__m_8xdve,
+    .tag__rounded_8xdve.tag__l_8xdve,
+    .tag__rounded_8xdve.tag__xl_8xdve {
         border-radius: var(--tag-border-radius);
     }

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

@@ -61,30 +61,30 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_sm8cx.tag__outlined_sm8cx {
+} .tag__component_y61yw.tag__outlined_y61yw {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_sm8cx.tag__outlined_sm8cx:disabled {
+    } .tag__component_y61yw.tag__outlined_y61yw: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_sm8cx.tag__outlined_sm8cx:hover:not(:disabled) {
+            .tag__component_y61yw.tag__outlined_y61yw:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_sm8cx.tag__outlined_sm8cx:active:not(:disabled) {
+        } .tag__component_y61yw.tag__outlined_y61yw:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_sm8cx.tag__filled_sm8cx {
+        } .tag__component_y61yw.tag__filled_y61yw {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_sm8cx.tag__filled_sm8cx:disabled {
+    } .tag__component_y61yw.tag__filled_y61yw:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_sm8cx.tag__checked_sm8cx {
+        } .tag__component_y61yw.tag__checked_y61yw {
         color: var(--tag-inverted-text-color-checked)
-    } .tag__component_sm8cx.tag__checked_sm8cx:disabled {
+    } .tag__component_y61yw.tag__checked_y61yw:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
         }

package/tag/cssm/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagDesktopProps = Omit<BaseTagProps, 'styles'>;
+type TagDesktopProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
 declare const TagDesktop: React.ForwardRefExoticComponent<TagDesktopProps & React.RefAttributes<HTMLButtonElement>>;
 export { TagDesktopProps, TagDesktop };

package/tag/cssm/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagMobileProps = Omit<BaseTagProps, 'styles'>;
+type TagMobileProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
 declare const TagMobile: React.ForwardRefExoticComponent<TagMobileProps & React.RefAttributes<HTMLButtonElement>>;
 export { TagMobileProps, TagMobile };

package/tag/cssm/Component.responsive.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseTagProps } from "./components/base-tag/index";
-type TagProps = Omit<BaseTagProps, 'styles'> & {
+type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles"> & {
+declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/tag/default.desktop.css

@@ -58,26 +58,26 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_4fpjf.tag__filled_4fpjf {
+} .tag__component_32ypz.tag__filled_32ypz {
         background-color: var(--tag-filled-background-color)
-    } .tag__component_4fpjf.tag__filled_4fpjf:disabled {
+    } .tag__component_32ypz.tag__filled_32ypz:disabled {
             background-color: var(--tag-filled-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_4fpjf.tag__filled_4fpjf:hover:not(:disabled) {
+            .tag__component_32ypz.tag__filled_32ypz:hover:not(:disabled) {
                 background-color: var(--tag-filled-background-color-hover);
             }
-        } .tag__component_4fpjf.tag__filled_4fpjf:active:not(:disabled) {
+        } .tag__component_32ypz.tag__filled_32ypz:active:not(:disabled) {
             background-color: var(--tag-filled-background-color-active);
-        } .tag__component_4fpjf.tag__checked_4fpjf {
+        } .tag__component_32ypz.tag__checked_32ypz {
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_4fpjf.tag__checked_4fpjf:disabled {
+    } .tag__component_32ypz.tag__checked_32ypz:disabled {
             background-color: var(--tag-background-color-checked-disabled);
 
         } @media (hover: hover) {
-            .tag__component_4fpjf.tag__checked_4fpjf:hover:not(:disabled) {
+            .tag__component_32ypz.tag__checked_32ypz:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_4fpjf.tag__checked_4fpjf:active:not(:disabled) {
+        } .tag__component_32ypz.tag__checked_32ypz:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
         }

package/tag/default.mobile.css

@@ -58,26 +58,26 @@
     --tag-mobile-border-color-checked: transparent;
 
     /* mobile inverted */
-} .tag__component_q5uh2.tag__filled_q5uh2 {
+} .tag__component_vpo31.tag__filled_vpo31 {
         background-color: var(--tag-filled-mobile-background-color)
-    } .tag__component_q5uh2.tag__filled_q5uh2:disabled {
+    } .tag__component_vpo31.tag__filled_vpo31:disabled {
             background-color: var(--tag-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_q5uh2.tag__filled_q5uh2:hover:not(:disabled) {
+            .tag__component_vpo31.tag__filled_vpo31:hover:not(:disabled) {
                 background-color: var(--tag-filled-mobile-background-color-hover);
             }
-        } .tag__component_q5uh2.tag__filled_q5uh2:active:not(:disabled) {
+        } .tag__component_vpo31.tag__filled_vpo31:active:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-active);
-        } .tag__component_q5uh2.tag__checked_q5uh2 {
+        } .tag__component_vpo31.tag__checked_vpo31 {
         border-color: var(--tag-mobile-border-color-checked);
         background-color: var(--tag-mobile-background-color-checked)
-    } .tag__component_q5uh2.tag__checked_q5uh2:disabled {
+    } .tag__component_vpo31.tag__checked_vpo31:disabled {
             background-color: var(--tag-mobile-background-color-checked-disabled);
 
         } @media (hover: hover) {
-            .tag__component_q5uh2.tag__checked_q5uh2:hover:not(:disabled) {
+            .tag__component_vpo31.tag__checked_vpo31:hover:not(:disabled) {
                 background-color: var(--tag-mobile-background-color-checked-hover);
             }
-        } .tag__component_q5uh2.tag__checked_q5uh2:active:not(:disabled) {
+        } .tag__component_vpo31.tag__checked_vpo31:active:not(:disabled) {
             background-color: var(--tag-mobile-background-color-checked-active);
         }