@alfalab/core-components 48.17.0 → 48.19.0

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_1idwf","container":"accordion__container_1idwf","header":"accordion__header_1idwf","control":"accordion__control_1idwf","body":"accordion__body_1idwf","expandedBody":"accordion__expandedBody_1idwf","bodyContent":"accordion__bodyContent_1idwf","endPosition":"accordion__endPosition_1idwf","startPosition":"accordion__startPosition_1idwf"};
+var styles = {"accordion":"accordion__accordion_2qgg3","container":"accordion__container_2qgg3","header":"accordion__header_2qgg3","control":"accordion__control_2qgg3","body":"accordion__body_2qgg3","expandedBody":"accordion__expandedBody_2qgg3","bodyContent":"accordion__bodyContent_2qgg3","endPosition":"accordion__endPosition_2qgg3","startPosition":"accordion__startPosition_2qgg3"};
 require('./index.css');
 
 var Accordion = function (_a) {

package/accordion/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

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_18b0e","expanded":"accordion__expanded_18b0e","startPosition":"accordion__startPosition_18b0e"};
+var styles = {"icon":"accordion__icon_1duzt","expanded":"accordion__expanded_1duzt","startPosition":"accordion__startPosition_1duzt"};
 require('./index.css');
 
 var DefaultControlIcon = function (_a) {

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

@@ -1,16 +1,16 @@
 /* hash: 1mpbi */
-.accordion__icon_18b0e {
+.accordion__icon_1duzt {
     transition: 300ms transform;
 }
 
-.accordion__expanded_18b0e {
+.accordion__expanded_1duzt {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_18b0e {
+.accordion__startPosition_1duzt {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_18b0e.accordion__expanded_18b0e {
+.accordion__startPosition_1duzt.accordion__expanded_1duzt {
     transform: rotate(0deg);
 }

package/accordion/cssm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/accordion/cssm/hooks/useMeasureHeight.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var resizeObserver = require('@juggle/resize-observer');
+var detectBrowser = require('detect-browser');
 require('@alfalab/hooks');
 
 var isClient = function () { return typeof window !== 'undefined'; };
@@ -29,6 +30,10 @@ var fnUtils = {
     isNil: isNullable,
 };
 
+detectBrowser.detect();
+
+detectBrowser.detect();
+
 React.createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/accordion/esm/Component.js

@@ -6,9 +6,10 @@ import { DefaultControlIcon } from './components/default-control-icon/Component.
 import { useMeasureHeight } from './hooks/useMeasureHeight.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';
 
-var styles = {"accordion":"accordion__accordion_1idwf","container":"accordion__container_1idwf","header":"accordion__header_1idwf","control":"accordion__control_1idwf","body":"accordion__body_1idwf","expandedBody":"accordion__expandedBody_1idwf","bodyContent":"accordion__bodyContent_1idwf","endPosition":"accordion__endPosition_1idwf","startPosition":"accordion__startPosition_1idwf"};
+var styles = {"accordion":"accordion__accordion_2qgg3","container":"accordion__container_2qgg3","header":"accordion__header_2qgg3","control":"accordion__control_2qgg3","body":"accordion__body_2qgg3","expandedBody":"accordion__expandedBody_2qgg3","bodyContent":"accordion__bodyContent_2qgg3","endPosition":"accordion__endPosition_2qgg3","startPosition":"accordion__startPosition_2qgg3"};
 require('./index.css');
 
 var Accordion = function (_a) {

package/accordion/esm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

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_18b0e","expanded":"accordion__expanded_18b0e","startPosition":"accordion__startPosition_18b0e"};
+var styles = {"icon":"accordion__icon_1duzt","expanded":"accordion__expanded_1duzt","startPosition":"accordion__startPosition_1duzt"};
 require('./index.css');
 
 var DefaultControlIcon = function (_a) {

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

@@ -1,16 +1,16 @@
 /* hash: 1mpbi */
-.accordion__icon_18b0e {
+.accordion__icon_1duzt {
     transition: 300ms transform;
 }
 
-.accordion__expanded_18b0e {
+.accordion__expanded_1duzt {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_18b0e {
+.accordion__startPosition_1duzt {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_18b0e.accordion__expanded_18b0e {
+.accordion__startPosition_1duzt.accordion__expanded_1duzt {
     transform: rotate(0deg);
 }

package/accordion/esm/hooks/index.js

@@ -1,4 +1,5 @@
 export { useMeasureHeight } from './useMeasureHeight.js';
 import 'react';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';

package/accordion/esm/hooks/useMeasureHeight.js

@@ -1,5 +1,6 @@
 import { createContext, useState, useRef, useEffect } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
+import { detect } from 'detect-browser';
 import '@alfalab/hooks';
 
 var isClient = function () { return typeof window !== 'undefined'; };
@@ -27,6 +28,10 @@ var fnUtils = {
     isNil: isNullable,
 };
 
+detect();
+
+detect();
+
 createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/accordion/esm/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1idwf {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_2qgg3 {
     width: 100%;
-} .accordion__container_1idwf {
+} .accordion__container_2qgg3 {
     display: flex;
     cursor: pointer;
-} .accordion__header_1idwf {
+} .accordion__header_2qgg3 {
     display: flex;
     align-items: center;
-} .accordion__control_1idwf {
+} .accordion__control_2qgg3 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1idwf {
+} .accordion__body_2qgg3 {
     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_1idwf {
+} .accordion__expandedBody_2qgg3 {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1idwf {
+} .accordion__bodyContent_2qgg3 {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1idwf {
+} .accordion__endPosition_2qgg3 {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1idwf {
+} .accordion__startPosition_2qgg3 {
     margin-left: var(--gap-0);
 }

package/accordion/esm/index.js

@@ -7,4 +7,5 @@ import './components/default-control-icon/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './hooks/useMeasureHeight.js';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';

package/accordion/hooks/useMeasureHeight.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var resizeObserver = require('@juggle/resize-observer');
+var detectBrowser = require('detect-browser');
 require('@alfalab/hooks');
 
 var isClient = function () { return typeof window !== 'undefined'; };
@@ -29,6 +30,10 @@ var fnUtils = {
     isNil: isNullable,
 };
 
+detectBrowser.detect();
+
+detectBrowser.detect();
+
 React.createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/accordion/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1idwf {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_2qgg3 {
     width: 100%;
-} .accordion__container_1idwf {
+} .accordion__container_2qgg3 {
     display: flex;
     cursor: pointer;
-} .accordion__header_1idwf {
+} .accordion__header_2qgg3 {
     display: flex;
     align-items: center;
-} .accordion__control_1idwf {
+} .accordion__control_2qgg3 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1idwf {
+} .accordion__body_2qgg3 {
     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_1idwf {
+} .accordion__expandedBody_2qgg3 {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1idwf {
+} .accordion__bodyContent_2qgg3 {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1idwf {
+} .accordion__endPosition_2qgg3 {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1idwf {
+} .accordion__startPosition_2qgg3 {
     margin-left: var(--gap-0);
 }

package/accordion/modern/Component.js

@@ -5,9 +5,10 @@ import { DefaultControlIcon } from './components/default-control-icon/Component.
 import { useMeasureHeight } from './hooks/useMeasureHeight.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';
 
-const styles = {"accordion":"accordion__accordion_1idwf","container":"accordion__container_1idwf","header":"accordion__header_1idwf","control":"accordion__control_1idwf","body":"accordion__body_1idwf","expandedBody":"accordion__expandedBody_1idwf","bodyContent":"accordion__bodyContent_1idwf","endPosition":"accordion__endPosition_1idwf","startPosition":"accordion__startPosition_1idwf"};
+const styles = {"accordion":"accordion__accordion_2qgg3","container":"accordion__container_2qgg3","header":"accordion__header_2qgg3","control":"accordion__control_2qgg3","body":"accordion__body_2qgg3","expandedBody":"accordion__expandedBody_2qgg3","bodyContent":"accordion__bodyContent_2qgg3","endPosition":"accordion__endPosition_2qgg3","startPosition":"accordion__startPosition_2qgg3"};
 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/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

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_18b0e","expanded":"accordion__expanded_18b0e","startPosition":"accordion__startPosition_18b0e"};
+const styles = {"icon":"accordion__icon_1duzt","expanded":"accordion__expanded_1duzt","startPosition":"accordion__startPosition_1duzt"};
 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: 1mpbi */
-.accordion__icon_18b0e {
+.accordion__icon_1duzt {
     transition: 300ms transform;
 }
 
-.accordion__expanded_18b0e {
+.accordion__expanded_1duzt {
     transform: rotate(180deg);
 }
 
-.accordion__startPosition_18b0e {
+.accordion__startPosition_1duzt {
     transform: rotate(-90deg);
 }
 
-.accordion__startPosition_18b0e.accordion__expanded_18b0e {
+.accordion__startPosition_1duzt.accordion__expanded_1duzt {
     transform: rotate(0deg);
 }

package/accordion/modern/hooks/index.js

@@ -1,4 +1,5 @@
 export { useMeasureHeight } from './useMeasureHeight.js';
 import 'react';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';

package/accordion/modern/hooks/useMeasureHeight.js

@@ -1,5 +1,6 @@
 import { createContext, useState, useRef, useEffect } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
+import { detect } from 'detect-browser';
 import '@alfalab/hooks';
 
 const isClient = () => typeof window !== 'undefined';
@@ -27,6 +28,10 @@ const fnUtils = {
     isNil: isNullable,
 };
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/accordion/modern/index.css

@@ -26,35 +26,35 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_1idwf {
+} /* сбрасывает синюю подсветку при нажатии */ .accordion__accordion_2qgg3 {
     width: 100%;
-} .accordion__container_1idwf {
+} .accordion__container_2qgg3 {
     display: flex;
     cursor: pointer;
-} .accordion__header_1idwf {
+} .accordion__header_2qgg3 {
     display: flex;
     align-items: center;
-} .accordion__control_1idwf {
+} .accordion__control_2qgg3 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--gap-4);
-} .accordion__body_1idwf {
+} .accordion__body_2qgg3 {
     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_1idwf {
+} .accordion__expandedBody_2qgg3 {
     visibility: visible;
     height: auto;
     transition: height 400ms cubic-bezier(0, 0.1, 0.5, 1);
     transform: translate3d(0, 0, 0);
-} .accordion__bodyContent_1idwf {
+} .accordion__bodyContent_2qgg3 {
     padding-top: var(--gap-12);
-} .accordion__endPosition_1idwf {
+} .accordion__endPosition_2qgg3 {
     order: 2;
     margin-left: var(--gap-4);
-} .accordion__startPosition_1idwf {
+} .accordion__startPosition_2qgg3 {
     margin-left: var(--gap-0);
 }

package/accordion/modern/index.js

@@ -6,4 +6,5 @@ import './components/default-control-icon/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './hooks/useMeasureHeight.js';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';

package/accordion/moderncssm/Component.js

@@ -7,6 +7,7 @@ import styles from './index.module.css';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './components/default-control-icon/index.module.css';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';
 
 const Accordion = ({ expanded, defaultExpanded = false, header, control, controlPosition = 'end', children, className, containerClassName, headerClassName, controlClassName, bodyClassName, onExpandedChange, dataTestId, bodyContentClassName, ...rest }) => {

package/accordion/moderncssm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/accordion/moderncssm/hooks/index.js

@@ -1,4 +1,5 @@
 export { useMeasureHeight } from './useMeasureHeight.js';
 import 'react';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';

package/accordion/moderncssm/hooks/useMeasureHeight.js

@@ -1,5 +1,6 @@
 import { createContext, useState, useRef, useEffect } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
+import { detect } from 'detect-browser';
 import '@alfalab/hooks';
 
 const isClient = () => typeof window !== 'undefined';
@@ -27,6 +28,10 @@ const fnUtils = {
     isNil: isNullable,
 };
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/accordion/moderncssm/index.js

@@ -7,5 +7,6 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './components/default-control-icon/index.module.css';
 import './hooks/useMeasureHeight.js';
 import '@juggle/resize-observer';
+import 'detect-browser';
 import '@alfalab/hooks';
 import './index.module.css';

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_1u0l5","iconWrapper":"action-button__iconWrapper_1u0l5","loader":"action-button__loader_1u0l5","secondary":"action-button__secondary_1u0l5","disabled":"action-button__disabled_1u0l5"};
+var defaultColors = {"primary":"action-button__primary_wmatw","iconWrapper":"action-button__iconWrapper_wmatw","loader":"action-button__loader_wmatw","secondary":"action-button__secondary_wmatw","disabled":"action-button__disabled_wmatw"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_1dxtd","size-48":"action-button__size-48_1dxtd","disabled":"action-button__disabled_1dxtd","loading":"action-button__loading_1dxtd","iconWrapper":"action-button__iconWrapper_1dxtd","label":"action-button__label_1dxtd","loader":"action-button__loader_1dxtd","focused":"action-button__focused_1dxtd"};
+var styles = {"component":"action-button__component_rr3b1","size-48":"action-button__size-48_rr3b1","disabled":"action-button__disabled_rr3b1","loading":"action-button__loading_rr3b1","iconWrapper":"action-button__iconWrapper_rr3b1","label":"action-button__label_rr3b1","loader":"action-button__loader_rr3b1","focused":"action-button__focused_rr3b1"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1ta51","iconWrapper":"action-button__iconWrapper_1ta51","loader":"action-button__loader_1ta51","secondary":"action-button__secondary_1ta51","disabled":"action-button__disabled_1ta51"};
+var invertedColors = {"primary":"action-button__primary_8hv0q","iconWrapper":"action-button__iconWrapper_8hv0q","loader":"action-button__loader_8hv0q","secondary":"action-button__secondary_8hv0q","disabled":"action-button__disabled_8hv0q"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_uy3il","iconWrapper":"action-button__iconWrapper_uy3il","loader":"action-button__loader_uy3il","secondary":"action-button__secondary_uy3il","disabled":"action-button__disabled_uy3il"};
+var staticColors = {"primary":"action-button__primary_9bq7p","iconWrapper":"action-button__iconWrapper_9bq7p","loader":"action-button__loader_9bq7p","secondary":"action-button__secondary_9bq7p","disabled":"action-button__disabled_9bq7p"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 1d028 */
+/* hash: 2r8c3 */
 :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 */ /* 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 {
     --color-light-accent-secondary: #212124;
@@ -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_1u0l5 {
+} .action-button__primary_wmatw {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__primary_wmatw .action-button__iconWrapper_wmatw {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1u0l5:hover .action-button__iconWrapper_1u0l5 {
+    } .action-button__primary_wmatw:hover .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1u0l5:active .action-button__iconWrapper_1u0l5 {
+    } .action-button__primary_wmatw:active .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1u0l5 .action-button__loader_1u0l5 {
+    } .action-button__primary_wmatw .action-button__loader_wmatw {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1u0l5 {
+    } .action-button__secondary_wmatw {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__secondary_wmatw .action-button__iconWrapper_wmatw {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1u0l5:hover .action-button__iconWrapper_1u0l5 {
+    } .action-button__secondary_wmatw:hover .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1u0l5:active .action-button__iconWrapper_1u0l5 {
+    } .action-button__secondary_wmatw:active .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1u0l5 .action-button__loader_1u0l5 {
+    } .action-button__secondary_wmatw .action-button__loader_wmatw {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_1u0l5 {
+    } .action-button__disabled_wmatw {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__disabled_wmatw .action-button__iconWrapper_wmatw {
         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_1u0l5","iconWrapper":"action-button__iconWrapper_1u0l5","loader":"action-button__loader_1u0l5","secondary":"action-button__secondary_1u0l5","disabled":"action-button__disabled_1u0l5"};
+var defaultColors = {"primary":"action-button__primary_wmatw","iconWrapper":"action-button__iconWrapper_wmatw","loader":"action-button__loader_wmatw","secondary":"action-button__secondary_wmatw","disabled":"action-button__disabled_wmatw"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_1dxtd","size-48":"action-button__size-48_1dxtd","disabled":"action-button__disabled_1dxtd","loading":"action-button__loading_1dxtd","iconWrapper":"action-button__iconWrapper_1dxtd","label":"action-button__label_1dxtd","loader":"action-button__loader_1dxtd","focused":"action-button__focused_1dxtd"};
+var styles = {"component":"action-button__component_rr3b1","size-48":"action-button__size-48_rr3b1","disabled":"action-button__disabled_rr3b1","loading":"action-button__loading_rr3b1","iconWrapper":"action-button__iconWrapper_rr3b1","label":"action-button__label_rr3b1","loader":"action-button__loader_rr3b1","focused":"action-button__focused_rr3b1"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1ta51","iconWrapper":"action-button__iconWrapper_1ta51","loader":"action-button__loader_1ta51","secondary":"action-button__secondary_1ta51","disabled":"action-button__disabled_1ta51"};
+var invertedColors = {"primary":"action-button__primary_8hv0q","iconWrapper":"action-button__iconWrapper_8hv0q","loader":"action-button__loader_8hv0q","secondary":"action-button__secondary_8hv0q","disabled":"action-button__disabled_8hv0q"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_uy3il","iconWrapper":"action-button__iconWrapper_uy3il","loader":"action-button__loader_uy3il","secondary":"action-button__secondary_uy3il","disabled":"action-button__disabled_uy3il"};
+var staticColors = {"primary":"action-button__primary_9bq7p","iconWrapper":"action-button__iconWrapper_9bq7p","loader":"action-button__loader_9bq7p","secondary":"action-button__secondary_9bq7p","disabled":"action-button__disabled_9bq7p"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 1d028 */
+/* hash: 2r8c3 */
 :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 */ /* 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 {
     --color-light-accent-secondary: #212124;
@@ -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_1u0l5 {
+} .action-button__primary_wmatw {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__primary_wmatw .action-button__iconWrapper_wmatw {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1u0l5:hover .action-button__iconWrapper_1u0l5 {
+    } .action-button__primary_wmatw:hover .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1u0l5:active .action-button__iconWrapper_1u0l5 {
+    } .action-button__primary_wmatw:active .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1u0l5 .action-button__loader_1u0l5 {
+    } .action-button__primary_wmatw .action-button__loader_wmatw {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1u0l5 {
+    } .action-button__secondary_wmatw {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__secondary_wmatw .action-button__iconWrapper_wmatw {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1u0l5:hover .action-button__iconWrapper_1u0l5 {
+    } .action-button__secondary_wmatw:hover .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1u0l5:active .action-button__iconWrapper_1u0l5 {
+    } .action-button__secondary_wmatw:active .action-button__iconWrapper_wmatw {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1u0l5 .action-button__loader_1u0l5 {
+    } .action-button__secondary_wmatw .action-button__loader_wmatw {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_1u0l5 {
+    } .action-button__disabled_wmatw {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_1u0l5 .action-button__iconWrapper_1u0l5 {
+} .action-button__disabled_wmatw .action-button__iconWrapper_wmatw {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-color);
     }