@alfalab/core-components 23.12.0 → 23.13.0

package/button/default.css

@@ -1,4 +1,4 @@
-/* hash: oe9b1 */
+/* hash: bmnvl */
 :root {
     --color-light-bg-accent: #ef3124;
     --color-light-bg-neutral: #dbdee1;
@@ -75,150 +75,150 @@
     --button-ghost-active-color: var(--color-light-text-primary-tint-50);
     --button-ghost-disabled-color: var(--color-light-text-primary-alpha-30);
 }
-.button__primary_zx56g {
+.button__primary_1bm58 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 }
-.button__primary_zx56g:hover {
+.button__primary_1bm58:hover {
         background-color: var(--button-primary-hover-bg-color);
     }
-.button__primary_zx56g:active {
+.button__primary_1bm58:active {
         background-color: var(--button-primary-active-bg-color);
     }
-.button__secondary_zx56g {
+.button__secondary_1bm58 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
 }
-.button__secondary_zx56g:hover {
+.button__secondary_1bm58:hover {
         background-color: var(--button-secondary-hover-bg-color);
     }
-.button__secondary_zx56g:active {
+.button__secondary_1bm58:active {
         background-color: var(--button-secondary-active-bg-color);
     }
-.button__outlined_zx56g {
+.button__outlined_1bm58 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 }
-.button__outlined_zx56g:hover {
+.button__outlined_1bm58:hover {
         background-color: var(--button-outlined-hover-bg-color);
     }
-.button__outlined_zx56g:active {
+.button__outlined_1bm58:active {
         background-color: var(--button-outlined-active-bg-color);
     }
-.button__tertiary_zx56g {
+.button__tertiary_1bm58 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 }
-.button__tertiary_zx56g:hover {
+.button__tertiary_1bm58:hover {
         background-color: var(--button-tertiary-hover-bg-color);
     }
-.button__tertiary_zx56g:active {
+.button__tertiary_1bm58:active {
         background-color: var(--button-tertiary-active-bg-color);
     }
-.button__filled_zx56g {
+.button__filled_1bm58 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-neutral)
 }
-.button__filled_zx56g:hover {
+.button__filled_1bm58:hover {
         background-color: var(--color-light-bg-neutral-shade-7);
     }
-.button__filled_zx56g:active {
+.button__filled_1bm58:active {
         background-color: var(--color-light-bg-neutral-shade-15);
     }
-.button__transparent_zx56g {
+.button__transparent_1bm58 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
 }
-.button__transparent_zx56g:hover {
+.button__transparent_1bm58:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20);
     }
-.button__transparent_zx56g:active {
+.button__transparent_1bm58:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
     }
-.button__link_zx56g {
+.button__link_1bm58 {
     color: var(--color-light-text-primary);
     background-color: transparent
 }
-.button__link_zx56g:hover {
+.button__link_1bm58:hover {
         background-color: var(--color-light-specialbg-component);
     }
-.button__link_zx56g:active {
+.button__link_1bm58:active {
         background-color: var(--color-light-specialbg-component-shade-7);
     }
-.button__ghost_zx56g {
+.button__ghost_1bm58 {
     color: var(--button-ghost-base-color)
 }
-.button__ghost_zx56g:hover {
+.button__ghost_1bm58:hover {
         color: var(--button-ghost-hover-color);
     }
-.button__ghost_zx56g:active {
+.button__ghost_1bm58:active {
         color: var(--button-ghost-active-color);
     }
 /* Disabled */
-.button__component_zx56g:disabled.button__primary_zx56g {
+.button__component_1bm58:disabled.button__primary_1bm58 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
     }
-.button__component_zx56g:disabled.button__primary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__primary_1bm58.button__loading_1bm58 {
             background-color: var(--button-primary-base-bg-color);
         }
-.button__component_zx56g:disabled.button__secondary_zx56g {
+.button__component_1bm58:disabled.button__secondary_1bm58 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__secondary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__secondary_1bm58.button__loading_1bm58 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
         }
-.button__component_zx56g:disabled.button__outlined_zx56g {
+.button__component_1bm58:disabled.button__outlined_1bm58 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__outlined_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__outlined_1bm58.button__loading_1bm58 {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-border-color);
         }
-.button__component_zx56g:disabled.button__tertiary_zx56g {
+.button__component_1bm58:disabled.button__tertiary_1bm58 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__tertiary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__tertiary_1bm58.button__loading_1bm58 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-border-color);
         }
-.button__component_zx56g:disabled.button__filled_zx56g {
+.button__component_1bm58:disabled.button__filled_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-neutral-alpha-30)
     }
-.button__component_zx56g:disabled.button__filled_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__filled_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-neutral);
         }
-.button__component_zx56g:disabled.button__transparent_zx56g {
+.button__component_1bm58:disabled.button__transparent_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
     }
-.button__component_zx56g:disabled.button__transparent_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__transparent_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
         }
-.button__component_zx56g:disabled.button__link_zx56g {
+.button__component_1bm58:disabled.button__link_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: transparent
     }
-.button__component_zx56g:disabled.button__link_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__link_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
         }
-.button__component_zx56g:disabled.button__ghost_zx56g {
+.button__component_1bm58:disabled.button__ghost_1bm58 {
         color: var(--button-ghost-disabled-color)
     }
-.button__component_zx56g:disabled.button__ghost_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__ghost_1bm58.button__loading_1bm58 {
             color: var(--button-ghost-base-color);
         }

package/button/esm/Component.js

@@ -43,13 +43,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_z1gmt","focused":"button__focused_z1gmt","loading":"button__loading_z1gmt","text":"button__text_z1gmt","addons":"button__addons_z1gmt","stretchText":"button__stretchText_z1gmt","loader":"button__loader_z1gmt","xxs":"button__xxs_z1gmt","iconOnly":"button__iconOnly_z1gmt","xs":"button__xs_z1gmt","s":"button__s_z1gmt","m":"button__m_z1gmt","l":"button__l_z1gmt","xl":"button__xl_z1gmt","withRightAddons":"button__withRightAddons_z1gmt","ghost":"button__ghost_z1gmt","withLeftAddons":"button__withLeftAddons_z1gmt","link":"button__link_z1gmt","block":"button__block_z1gmt","nowrap":"button__nowrap_z1gmt"};
+var styles = {"component":"button__component_1m5fc","focused":"button__focused_1m5fc","loading":"button__loading_1m5fc","text":"button__text_1m5fc","addons":"button__addons_1m5fc","stretchText":"button__stretchText_1m5fc","loader":"button__loader_1m5fc","xxs":"button__xxs_1m5fc","iconOnly":"button__iconOnly_1m5fc","xs":"button__xs_1m5fc","s":"button__s_1m5fc","m":"button__m_1m5fc","l":"button__l_1m5fc","xl":"button__xl_1m5fc","withRightAddons":"button__withRightAddons_1m5fc","ghost":"button__ghost_1m5fc","withLeftAddons":"button__withLeftAddons_1m5fc","link":"button__link_1m5fc","block":"button__block_1m5fc","nowrap":"button__nowrap_1m5fc"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_zx56g","secondary":"button__secondary_zx56g","outlined":"button__outlined_zx56g","tertiary":"button__tertiary_zx56g","filled":"button__filled_zx56g","transparent":"button__transparent_zx56g","link":"button__link_zx56g","ghost":"button__ghost_zx56g","component":"button__component_zx56g","loading":"button__loading_zx56g"};
+var defaultColors = {"primary":"button__primary_1bm58","secondary":"button__secondary_1bm58","outlined":"button__outlined_1bm58","tertiary":"button__tertiary_1bm58","filled":"button__filled_1bm58","transparent":"button__transparent_1bm58","link":"button__link_1bm58","ghost":"button__ghost_1bm58","component":"button__component_1bm58","loading":"button__loading_1bm58"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_jdjdy","secondary":"button__secondary_jdjdy","outlined":"button__outlined_jdjdy","tertiary":"button__tertiary_jdjdy","filled":"button__filled_jdjdy","transparent":"button__transparent_jdjdy","link":"button__link_jdjdy","ghost":"button__ghost_jdjdy","component":"button__component_jdjdy","loading":"button__loading_jdjdy"};
+var invertedColors = {"primary":"button__primary_v2jga","secondary":"button__secondary_v2jga","outlined":"button__outlined_v2jga","tertiary":"button__tertiary_v2jga","filled":"button__filled_v2jga","transparent":"button__transparent_v2jga","link":"button__link_v2jga","ghost":"button__ghost_v2jga","component":"button__component_v2jga","loading":"button__loading_v2jga"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -75,7 +75,7 @@ var logWarning = function (view) {
     // eslint-disable-next-line prefer-template
     "@alfalab/core-components/button: view='" + view + "' \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D \u0432 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0445 \u043C\u0430\u0436\u043E\u0440\u043D\u044B\u0445 \u0432\u0435\u0440\u0441\u0438\u044F\u0445. " +
         ("\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 view='" + viewsMap[view] + "'. \u0427\u0442\u043E\u0431\u044B \u043F\u043E\u043C\u0435\u043D\u044F\u0442\u044C \u0432\u0441\u0435 \u043A\u043D\u043E\u043F\u043A\u0438 \u043D\u0430 \u043F\u0440\u043E\u0435\u043A\u0442\u0435 \u0440\u0430\u0437\u043E\u043C, \u043C\u043E\u0436\u043D\u043E \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F codemod: ") +
-        'npx core-components-codemod --transformers=button-views src/**/*.tsx');
+        'npx @alfalab/core-components-codemod --transformers=button-views src/**/*.tsx');
 };
 var Button = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;

package/button/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: oe9b1 */
+/* hash: bmnvl */
 :root {
     --color-light-bg-accent: #ef3124;
     --color-light-bg-neutral: #dbdee1;
@@ -75,150 +75,150 @@
     --button-ghost-active-color: var(--color-light-text-primary-tint-50);
     --button-ghost-disabled-color: var(--color-light-text-primary-alpha-30);
 }
-.button__primary_zx56g {
+.button__primary_1bm58 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 }
-.button__primary_zx56g:hover {
+.button__primary_1bm58:hover {
         background-color: var(--button-primary-hover-bg-color);
     }
-.button__primary_zx56g:active {
+.button__primary_1bm58:active {
         background-color: var(--button-primary-active-bg-color);
     }
-.button__secondary_zx56g {
+.button__secondary_1bm58 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
 }
-.button__secondary_zx56g:hover {
+.button__secondary_1bm58:hover {
         background-color: var(--button-secondary-hover-bg-color);
     }
-.button__secondary_zx56g:active {
+.button__secondary_1bm58:active {
         background-color: var(--button-secondary-active-bg-color);
     }
-.button__outlined_zx56g {
+.button__outlined_1bm58 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 }
-.button__outlined_zx56g:hover {
+.button__outlined_1bm58:hover {
         background-color: var(--button-outlined-hover-bg-color);
     }
-.button__outlined_zx56g:active {
+.button__outlined_1bm58:active {
         background-color: var(--button-outlined-active-bg-color);
     }
-.button__tertiary_zx56g {
+.button__tertiary_1bm58 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 }
-.button__tertiary_zx56g:hover {
+.button__tertiary_1bm58:hover {
         background-color: var(--button-tertiary-hover-bg-color);
     }
-.button__tertiary_zx56g:active {
+.button__tertiary_1bm58:active {
         background-color: var(--button-tertiary-active-bg-color);
     }
-.button__filled_zx56g {
+.button__filled_1bm58 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-neutral)
 }
-.button__filled_zx56g:hover {
+.button__filled_1bm58:hover {
         background-color: var(--color-light-bg-neutral-shade-7);
     }
-.button__filled_zx56g:active {
+.button__filled_1bm58:active {
         background-color: var(--color-light-bg-neutral-shade-15);
     }
-.button__transparent_zx56g {
+.button__transparent_1bm58 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
 }
-.button__transparent_zx56g:hover {
+.button__transparent_1bm58:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20);
     }
-.button__transparent_zx56g:active {
+.button__transparent_1bm58:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
     }
-.button__link_zx56g {
+.button__link_1bm58 {
     color: var(--color-light-text-primary);
     background-color: transparent
 }
-.button__link_zx56g:hover {
+.button__link_1bm58:hover {
         background-color: var(--color-light-specialbg-component);
     }
-.button__link_zx56g:active {
+.button__link_1bm58:active {
         background-color: var(--color-light-specialbg-component-shade-7);
     }
-.button__ghost_zx56g {
+.button__ghost_1bm58 {
     color: var(--button-ghost-base-color)
 }
-.button__ghost_zx56g:hover {
+.button__ghost_1bm58:hover {
         color: var(--button-ghost-hover-color);
     }
-.button__ghost_zx56g:active {
+.button__ghost_1bm58:active {
         color: var(--button-ghost-active-color);
     }
 /* Disabled */
-.button__component_zx56g:disabled.button__primary_zx56g {
+.button__component_1bm58:disabled.button__primary_1bm58 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
     }
-.button__component_zx56g:disabled.button__primary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__primary_1bm58.button__loading_1bm58 {
             background-color: var(--button-primary-base-bg-color);
         }
-.button__component_zx56g:disabled.button__secondary_zx56g {
+.button__component_1bm58:disabled.button__secondary_1bm58 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__secondary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__secondary_1bm58.button__loading_1bm58 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
         }
-.button__component_zx56g:disabled.button__outlined_zx56g {
+.button__component_1bm58:disabled.button__outlined_1bm58 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__outlined_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__outlined_1bm58.button__loading_1bm58 {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-border-color);
         }
-.button__component_zx56g:disabled.button__tertiary_zx56g {
+.button__component_1bm58:disabled.button__tertiary_1bm58 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
     }
-.button__component_zx56g:disabled.button__tertiary_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__tertiary_1bm58.button__loading_1bm58 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-border-color);
         }
-.button__component_zx56g:disabled.button__filled_zx56g {
+.button__component_1bm58:disabled.button__filled_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-neutral-alpha-30)
     }
-.button__component_zx56g:disabled.button__filled_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__filled_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-neutral);
         }
-.button__component_zx56g:disabled.button__transparent_zx56g {
+.button__component_1bm58:disabled.button__transparent_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
     }
-.button__component_zx56g:disabled.button__transparent_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__transparent_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
         }
-.button__component_zx56g:disabled.button__link_zx56g {
+.button__component_1bm58:disabled.button__link_1bm58 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: transparent
     }
-.button__component_zx56g:disabled.button__link_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__link_1bm58.button__loading_1bm58 {
             color: var(--color-light-text-primary);
         }
-.button__component_zx56g:disabled.button__ghost_zx56g {
+.button__component_1bm58:disabled.button__ghost_1bm58 {
         color: var(--button-ghost-disabled-color)
     }
-.button__component_zx56g:disabled.button__ghost_zx56g.button__loading_zx56g {
+.button__component_1bm58:disabled.button__ghost_1bm58.button__loading_1bm58 {
             color: var(--button-ghost-base-color);
         }