@alfalab/core-components 47.26.9-beta.1 → 47.26.10-202249e4191bdf50fcf47ff3640e75552b08a8f3

package/accordion/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"accordion":"accordion__accordion_1f2yl","container":"accordion__container_1f2yl","header":"accordion__header_1f2yl","control":"accordion__control_1f2yl","body":"accordion__body_1f2yl","expandedBody":"accordion__expandedBody_1f2yl","bodyContent":"accordion__bodyContent_1f2yl","endPosition":"accordion__endPosition_1f2yl","startPosition":"accordion__startPosition_1f2yl"};
+var styles = {"accordion":"accordion__accordion_1pnpr","container":"accordion__container_1pnpr","header":"accordion__header_1pnpr","control":"accordion__control_1pnpr","body":"accordion__body_1pnpr","expandedBody":"accordion__expandedBody_1pnpr","bodyContent":"accordion__bodyContent_1pnpr","endPosition":"accordion__endPosition_1pnpr","startPosition":"accordion__startPosition_1pnpr"};
 require('./index.css');
 
 var Accordion = function (_a) {

package/accordion/components/default-control-icon/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"icon":"accordion__icon_5z3gb","expanded":"accordion__expanded_5z3gb","startPosition":"accordion__startPosition_5z3gb"};
+var styles = {"icon":"accordion__icon_ucbis","expanded":"accordion__expanded_ucbis","startPosition":"accordion__startPosition_ucbis"};
 require('./index.css');
 
 var DefaultControlIcon = function (_a) {

package/accordion/components/default-control-icon/index.css

@@ -1,16 +1,16 @@
 /* hash: 1l7km */
-.accordion__icon_5z3gb {
+.accordion__icon_ucbis {
     transition: 300ms transform;
 }
 
-.accordion__expanded_5z3gb {
+.accordion__expanded_ucbis {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_5z3gb {
+.accordion__startPosition_ucbis {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_5z3gb.accordion__expanded_5z3gb {
+.accordion__startPosition_ucbis.accordion__expanded_ucbis {
     transform: rotate(0deg);
 }

package/accordion/cssm/{fnUtils-e793ac44.d.ts → fnUtils-edf8408d.d.ts}

@@ -1,7 +1,8 @@
 /**
  * Возвращает true, если значение равно null или undefined
  */
-declare function isNil<T>(value: T): value is T & (null | undefined);
+declare function isNullable<T>(value: T): value is T & (null | undefined);
+declare function isNonNullable<T>(value: T): value is NonNullable<T>;
 /**
  * Выбор значения между min max границами
  */
@@ -10,6 +11,6 @@ declare function noop(): void;
 declare const fnUtils: {
     clamp: typeof clamp;
     noop: typeof noop;
-    isNil: typeof isNil;
+    isNil: typeof isNullable;
 };
-export { fnUtils };
+export { isNullable, isNonNullable, noop, fnUtils };

package/accordion/cssm/hooks/useMeasureHeight.js

@@ -9,8 +9,11 @@ var isClient = function () { return typeof window !== 'undefined'; };
 /**
  * Возвращает true, если значение равно null или undefined
  */
-function isNil(value) {
-    return value == null;
+function isNullable(value) {
+    return !isNonNullable(value);
+}
+function isNonNullable(value) {
+    return value != null;
 }
 /**
  * Выбор значения между min max границами
@@ -23,11 +26,14 @@ function noop() { }
 var fnUtils = {
     clamp: clamp,
     noop: noop,
-    isNil: isNil,
+    isNil: isNullable,
 };
 
 React.createContext(function () { return null; });
 
+/* eslint-disable no-console */
+if (process.env.NODE_ENV === 'development') ;
+
 function createUseMeasureHook(measure, initial) {
     return function useMeasureHook() {
         var _a = React.useState(null), element = _a[0], setElement = _a[1];

package/accordion/esm/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@juggle/resize-observer';
 import '@alfalab/hooks';
 
-var styles = {"accordion":"accordion__accordion_1f2yl","container":"accordion__container_1f2yl","header":"accordion__header_1f2yl","control":"accordion__control_1f2yl","body":"accordion__body_1f2yl","expandedBody":"accordion__expandedBody_1f2yl","bodyContent":"accordion__bodyContent_1f2yl","endPosition":"accordion__endPosition_1f2yl","startPosition":"accordion__startPosition_1f2yl"};
+var styles = {"accordion":"accordion__accordion_1pnpr","container":"accordion__container_1pnpr","header":"accordion__header_1pnpr","control":"accordion__control_1pnpr","body":"accordion__body_1pnpr","expandedBody":"accordion__expandedBody_1pnpr","bodyContent":"accordion__bodyContent_1pnpr","endPosition":"accordion__endPosition_1pnpr","startPosition":"accordion__startPosition_1pnpr"};
 require('./index.css');
 
 var Accordion = function (_a) {

package/accordion/esm/components/default-control-icon/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-var styles = {"icon":"accordion__icon_5z3gb","expanded":"accordion__expanded_5z3gb","startPosition":"accordion__startPosition_5z3gb"};
+var styles = {"icon":"accordion__icon_ucbis","expanded":"accordion__expanded_ucbis","startPosition":"accordion__startPosition_ucbis"};
 require('./index.css');
 
 var DefaultControlIcon = function (_a) {

package/accordion/esm/components/default-control-icon/index.css

@@ -1,16 +1,16 @@
 /* hash: 1l7km */
-.accordion__icon_5z3gb {
+.accordion__icon_ucbis {
     transition: 300ms transform;
 }
 
-.accordion__expanded_5z3gb {
+.accordion__expanded_ucbis {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_5z3gb {
+.accordion__startPosition_ucbis {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_5z3gb.accordion__expanded_5z3gb {
+.accordion__startPosition_ucbis.accordion__expanded_ucbis {
     transform: rotate(0deg);
 }

package/accordion/{fnUtils-e793ac44.d.ts → esm/fnUtils-edf8408d.d.ts}

@@ -1,7 +1,8 @@
 /**
  * Возвращает true, если значение равно null или undefined
  */
-declare function isNil<T>(value: T): value is T & (null | undefined);
+declare function isNullable<T>(value: T): value is T & (null | undefined);
+declare function isNonNullable<T>(value: T): value is NonNullable<T>;
 /**
  * Выбор значения между min max границами
  */
@@ -10,6 +11,6 @@ declare function noop(): void;
 declare const fnUtils: {
     clamp: typeof clamp;
     noop: typeof noop;
-    isNil: typeof isNil;
+    isNil: typeof isNullable;
 };
-export { fnUtils };
+export { isNullable, isNonNullable, noop, fnUtils };

package/accordion/esm/hooks/useMeasureHeight.js

@@ -7,8 +7,11 @@ var isClient = function () { return typeof window !== 'undefined'; };
 /**
  * Возвращает true, если значение равно null или undefined
  */
-function isNil(value) {
-    return value == null;
+function isNullable(value) {
+    return !isNonNullable(value);
+}
+function isNonNullable(value) {
+    return value != null;
 }
 /**
  * Выбор значения между min max границами
@@ -21,11 +24,14 @@ function noop() { }
 var fnUtils = {
     clamp: clamp,
     noop: noop,
-    isNil: isNil,
+    isNil: isNullable,
 };
 
 createContext(function () { return null; });
 
+/* eslint-disable no-console */
+if (process.env.NODE_ENV === 'development') ;
+
 function createUseMeasureHook(measure, initial) {
     return function useMeasureHook() {
         var _a = useState(null), element = _a[0], setElement = _a[1];

package/accordion/esm/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1f2yl {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1pnpr {
     width: 100%;
-} .accordion__container_1f2yl {
+} .accordion__container_1pnpr {
     display: flex;
     cursor: pointer;
-} .accordion__header_1f2yl {
+} .accordion__header_1pnpr {
     display: flex;
     align-items: center;
-} .accordion__control_1f2yl {
+} .accordion__control_1pnpr {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1f2yl {
+} .accordion__body_1pnpr {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 400ms cubic-bezier(0.2, 0, 0.2, 1.25), visibility 0s linear 400ms;
-} .accordion__expandedBody_1f2yl {
+} .accordion__expandedBody_1pnpr {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1f2yl {
+} .accordion__bodyContent_1pnpr {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1f2yl {
+} .accordion__endPosition_1pnpr {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1f2yl {
+} .accordion__startPosition_1pnpr {
     margin-left: var(--gap-0);
 }

package/accordion/{esm/fnUtils-e793ac44.d.ts → fnUtils-edf8408d.d.ts}

@@ -1,7 +1,8 @@
 /**
  * Возвращает true, если значение равно null или undefined
  */
-declare function isNil<T>(value: T): value is T & (null | undefined);
+declare function isNullable<T>(value: T): value is T & (null | undefined);
+declare function isNonNullable<T>(value: T): value is NonNullable<T>;
 /**
  * Выбор значения между min max границами
  */
@@ -10,6 +11,6 @@ declare function noop(): void;
 declare const fnUtils: {
     clamp: typeof clamp;
     noop: typeof noop;
-    isNil: typeof isNil;
+    isNil: typeof isNullable;
 };
-export { fnUtils };
+export { isNullable, isNonNullable, noop, fnUtils };

package/accordion/hooks/useMeasureHeight.js

@@ -9,8 +9,11 @@ var isClient = function () { return typeof window !== 'undefined'; };
 /**
  * Возвращает true, если значение равно null или undefined
  */
-function isNil(value) {
-    return value == null;
+function isNullable(value) {
+    return !isNonNullable(value);
+}
+function isNonNullable(value) {
+    return value != null;
 }
 /**
  * Выбор значения между min max границами
@@ -23,11 +26,14 @@ function noop() { }
 var fnUtils = {
     clamp: clamp,
     noop: noop,
-    isNil: isNil,
+    isNil: isNullable,
 };
 
 React.createContext(function () { return null; });
 
+/* eslint-disable no-console */
+if (process.env.NODE_ENV === 'development') ;
+
 function createUseMeasureHook(measure, initial) {
     return function useMeasureHook() {
         var _a = React.useState(null), element = _a[0], setElement = _a[1];

package/accordion/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1f2yl {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1pnpr {
     width: 100%;
-} .accordion__container_1f2yl {
+} .accordion__container_1pnpr {
     display: flex;
     cursor: pointer;
-} .accordion__header_1f2yl {
+} .accordion__header_1pnpr {
     display: flex;
     align-items: center;
-} .accordion__control_1f2yl {
+} .accordion__control_1pnpr {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1f2yl {
+} .accordion__body_1pnpr {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 400ms cubic-bezier(0.2, 0, 0.2, 1.25), visibility 0s linear 400ms;
-} .accordion__expandedBody_1f2yl {
+} .accordion__expandedBody_1pnpr {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1f2yl {
+} .accordion__bodyContent_1pnpr {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1f2yl {
+} .accordion__endPosition_1pnpr {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1f2yl {
+} .accordion__startPosition_1pnpr {
     margin-left: var(--gap-0);
 }

package/accordion/modern/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@juggle/resize-observer';
 import '@alfalab/hooks';
 
-const styles = {"accordion":"accordion__accordion_1f2yl","container":"accordion__container_1f2yl","header":"accordion__header_1f2yl","control":"accordion__control_1f2yl","body":"accordion__body_1f2yl","expandedBody":"accordion__expandedBody_1f2yl","bodyContent":"accordion__bodyContent_1f2yl","endPosition":"accordion__endPosition_1f2yl","startPosition":"accordion__startPosition_1f2yl"};
+const styles = {"accordion":"accordion__accordion_1pnpr","container":"accordion__container_1pnpr","header":"accordion__header_1pnpr","control":"accordion__control_1pnpr","body":"accordion__body_1pnpr","expandedBody":"accordion__expandedBody_1pnpr","bodyContent":"accordion__bodyContent_1pnpr","endPosition":"accordion__endPosition_1pnpr","startPosition":"accordion__startPosition_1pnpr"};
 require('./index.css');
 
 const Accordion = ({ expanded, defaultExpanded = false, header, control, controlPosition = 'end', children, className, containerClassName, headerClassName, controlClassName, bodyClassName, onExpandedChange, dataTestId, bodyContentClassName, ...rest }) => {

package/accordion/modern/components/default-control-icon/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-const styles = {"icon":"accordion__icon_5z3gb","expanded":"accordion__expanded_5z3gb","startPosition":"accordion__startPosition_5z3gb"};
+const styles = {"icon":"accordion__icon_ucbis","expanded":"accordion__expanded_ucbis","startPosition":"accordion__startPosition_ucbis"};
 require('./index.css');
 
 const DefaultControlIcon = ({ expanded, startPosition }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.icon, {

package/accordion/modern/components/default-control-icon/index.css

@@ -1,16 +1,16 @@
 /* hash: 1l7km */
-.accordion__icon_5z3gb {
+.accordion__icon_ucbis {
     transition: 300ms transform;
 }
 
-.accordion__expanded_5z3gb {
+.accordion__expanded_ucbis {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_5z3gb {
+.accordion__startPosition_ucbis {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_5z3gb.accordion__expanded_5z3gb {
+.accordion__startPosition_ucbis.accordion__expanded_ucbis {
     transform: rotate(0deg);
 }

package/accordion/modern/{fnUtils-e793ac44.d.ts → fnUtils-edf8408d.d.ts}

@@ -1,7 +1,8 @@
 /**
  * Возвращает true, если значение равно null или undefined
  */
-declare function isNil<T>(value: T): value is T & (null | undefined);
+declare function isNullable<T>(value: T): value is T & (null | undefined);
+declare function isNonNullable<T>(value: T): value is NonNullable<T>;
 /**
  * Выбор значения между min max границами
  */
@@ -10,6 +11,6 @@ declare function noop(): void;
 declare const fnUtils: {
     clamp: typeof clamp;
     noop: typeof noop;
-    isNil: typeof isNil;
+    isNil: typeof isNullable;
 };
-export { fnUtils };
+export { isNullable, isNonNullable, noop, fnUtils };

package/accordion/modern/hooks/useMeasureHeight.js

@@ -7,8 +7,11 @@ const isClient = () => typeof window !== 'undefined';
 /**
  * Возвращает true, если значение равно null или undefined
  */
-function isNil(value) {
-    return value == null;
+function isNullable(value) {
+    return !isNonNullable(value);
+}
+function isNonNullable(value) {
+    return value != null;
 }
 /**
  * Выбор значения между min max границами
@@ -21,11 +24,14 @@ function noop() { }
 const fnUtils = {
     clamp,
     noop,
-    isNil,
+    isNil: isNullable,
 };
 
 createContext(() => null);
 
+/* eslint-disable no-console */
+if (process.env.NODE_ENV === 'development') ;
+
 function createUseMeasureHook(measure, initial) {
     return function useMeasureHook() {
         const [element, setElement] = useState(null);

package/accordion/modern/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1f2yl {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1pnpr {
     width: 100%;
-} .accordion__container_1f2yl {
+} .accordion__container_1pnpr {
     display: flex;
     cursor: pointer;
-} .accordion__header_1f2yl {
+} .accordion__header_1pnpr {
     display: flex;
     align-items: center;
-} .accordion__control_1f2yl {
+} .accordion__control_1pnpr {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1f2yl {
+} .accordion__body_1pnpr {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 400ms cubic-bezier(0.2, 0, 0.2, 1.25), visibility 0s linear 400ms;
-} .accordion__expandedBody_1f2yl {
+} .accordion__expandedBody_1pnpr {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1f2yl {
+} .accordion__bodyContent_1pnpr {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1f2yl {
+} .accordion__endPosition_1pnpr {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1f2yl {
+} .accordion__startPosition_1pnpr {
     margin-left: var(--gap-0);
 }

package/accordion/moderncssm/fnUtils-edf8408d.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNullable<T>(value: T): value is T & (null | undefined);
+declare function isNonNullable<T>(value: T): value is NonNullable<T>;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNullable;
+};
+export { isNullable, isNonNullable, noop, fnUtils };

package/accordion/moderncssm/hooks/useMeasureHeight.js

@@ -7,8 +7,11 @@ const isClient = () => typeof window !== 'undefined';
 /**
  * Возвращает true, если значение равно null или undefined
  */
-function isNil(value) {
-    return value == null;
+function isNullable(value) {
+    return !isNonNullable(value);
+}
+function isNonNullable(value) {
+    return value != null;
 }
 /**
  * Выбор значения между min max границами
@@ -21,11 +24,14 @@ function noop() { }
 const fnUtils = {
     clamp,
     noop,
-    isNil,
+    isNil: isNullable,
 };
 
 createContext(() => null);
 
+/* eslint-disable no-console */
+if (process.env.NODE_ENV === 'development') ;
+
 function createUseMeasureHook(measure, initial) {
     return function useMeasureHook() {
         const [element, setElement] = useState(null);

package/action-button/Component.js

@@ -15,16 +15,16 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"primary":"action-button__primary_1xu06","iconWrapper":"action-button__iconWrapper_1xu06","loader":"action-button__loader_1xu06","secondary":"action-button__secondary_1xu06","disabled":"action-button__disabled_1xu06"};
+var defaultColors = {"primary":"action-button__primary_10qa2","iconWrapper":"action-button__iconWrapper_10qa2","loader":"action-button__loader_10qa2","secondary":"action-button__secondary_10qa2","disabled":"action-button__disabled_10qa2"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_gb0o6","size-48":"action-button__size-48_gb0o6","disabled":"action-button__disabled_gb0o6","loading":"action-button__loading_gb0o6","iconWrapper":"action-button__iconWrapper_gb0o6","label":"action-button__label_gb0o6","loader":"action-button__loader_gb0o6","focused":"action-button__focused_gb0o6"};
+var styles = {"component":"action-button__component_uqxdr","size-48":"action-button__size-48_uqxdr","disabled":"action-button__disabled_uqxdr","loading":"action-button__loading_uqxdr","iconWrapper":"action-button__iconWrapper_uqxdr","label":"action-button__label_uqxdr","loader":"action-button__loader_uqxdr","focused":"action-button__focused_uqxdr"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1qhah","iconWrapper":"action-button__iconWrapper_1qhah","loader":"action-button__loader_1qhah","secondary":"action-button__secondary_1qhah","disabled":"action-button__disabled_1qhah"};
+var invertedColors = {"primary":"action-button__primary_kmwr3","iconWrapper":"action-button__iconWrapper_kmwr3","loader":"action-button__loader_kmwr3","secondary":"action-button__secondary_kmwr3","disabled":"action-button__disabled_kmwr3"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_q6l93","iconWrapper":"action-button__iconWrapper_q6l93","loader":"action-button__loader_q6l93","secondary":"action-button__secondary_q6l93","disabled":"action-button__disabled_q6l93"};
+var staticColors = {"primary":"action-button__primary_1p0wd","iconWrapper":"action-button__iconWrapper_1p0wd","loader":"action-button__loader_1p0wd","secondary":"action-button__secondary_1p0wd","disabled":"action-button__disabled_1p0wd"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -55,31 +55,31 @@
     --action-button-disabled-color: var(--color-light-text-tertiary);
     --action-button-disabled-icon-color: var(--color-light-neutral-500);
     --action-button-disabled-bg-color: var(--color-light-neutral-100);
-} .action-button__primary_1xu06 {
+} .action-button__primary_10qa2 {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1xu06 .action-button__iconWrapper_1xu06 {
+} .action-button__primary_10qa2 .action-button__iconWrapper_10qa2 {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1xu06:hover .action-button__iconWrapper_1xu06 {
+    } .action-button__primary_10qa2:hover .action-button__iconWrapper_10qa2 {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1xu06:active .action-button__iconWrapper_1xu06 {
+    } .action-button__primary_10qa2:active .action-button__iconWrapper_10qa2 {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1xu06 .action-button__loader_1xu06 {
+    } .action-button__primary_10qa2 .action-button__loader_10qa2 {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1xu06 {
+    } .action-button__secondary_10qa2 {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1xu06 .action-button__iconWrapper_1xu06 {
+} .action-button__secondary_10qa2 .action-button__iconWrapper_10qa2 {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1xu06:hover .action-button__iconWrapper_1xu06 {
+    } .action-button__secondary_10qa2:hover .action-button__iconWrapper_10qa2 {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1xu06:active .action-button__iconWrapper_1xu06 {
+    } .action-button__secondary_10qa2:active .action-button__iconWrapper_10qa2 {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1xu06 .action-button__loader_1xu06 {
+    } .action-button__secondary_10qa2 .action-button__loader_10qa2 {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_1xu06 {
+    } .action-button__disabled_10qa2 {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_1xu06 .action-button__iconWrapper_1xu06 {
+} .action-button__disabled_10qa2 .action-button__iconWrapper_10qa2 {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-color);
     }

package/action-button/esm/Component.js

@@ -7,16 +7,16 @@ import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-var defaultColors = {"primary":"action-button__primary_1xu06","iconWrapper":"action-button__iconWrapper_1xu06","loader":"action-button__loader_1xu06","secondary":"action-button__secondary_1xu06","disabled":"action-button__disabled_1xu06"};
+var defaultColors = {"primary":"action-button__primary_10qa2","iconWrapper":"action-button__iconWrapper_10qa2","loader":"action-button__loader_10qa2","secondary":"action-button__secondary_10qa2","disabled":"action-button__disabled_10qa2"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_gb0o6","size-48":"action-button__size-48_gb0o6","disabled":"action-button__disabled_gb0o6","loading":"action-button__loading_gb0o6","iconWrapper":"action-button__iconWrapper_gb0o6","label":"action-button__label_gb0o6","loader":"action-button__loader_gb0o6","focused":"action-button__focused_gb0o6"};
+var styles = {"component":"action-button__component_uqxdr","size-48":"action-button__size-48_uqxdr","disabled":"action-button__disabled_uqxdr","loading":"action-button__loading_uqxdr","iconWrapper":"action-button__iconWrapper_uqxdr","label":"action-button__label_uqxdr","loader":"action-button__loader_uqxdr","focused":"action-button__focused_uqxdr"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1qhah","iconWrapper":"action-button__iconWrapper_1qhah","loader":"action-button__loader_1qhah","secondary":"action-button__secondary_1qhah","disabled":"action-button__disabled_1qhah"};
+var invertedColors = {"primary":"action-button__primary_kmwr3","iconWrapper":"action-button__iconWrapper_kmwr3","loader":"action-button__loader_kmwr3","secondary":"action-button__secondary_kmwr3","disabled":"action-button__disabled_kmwr3"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_q6l93","iconWrapper":"action-button__iconWrapper_q6l93","loader":"action-button__loader_q6l93","secondary":"action-button__secondary_q6l93","disabled":"action-button__disabled_q6l93"};
+var staticColors = {"primary":"action-button__primary_1p0wd","iconWrapper":"action-button__iconWrapper_1p0wd","loader":"action-button__loader_1p0wd","secondary":"action-button__secondary_1p0wd","disabled":"action-button__disabled_1p0wd"};
 require('./static.css');
 
 var colorStyles = {