@alfalab/core-components 27.6.2 → 27.7.0

package/code-input/component.js

@@ -32,7 +32,7 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = {"component":"code-input__component_17rdi","error":"code-input__error_17rdi","shake":"code-input__shake_17rdi"};
+var styles = {"component":"code-input__component_18hif","error":"code-input__error_18hif","shake":"code-input__shake_18hif"};
 require('./index.css');
 
 var CodeInput = React.forwardRef(function (_a, ref) {
@@ -76,9 +76,7 @@ var CodeInput = React.forwardRef(function (_a, ref) {
             onComplete(newValue);
         }
     };
-    var handleChange = function (event, _a) {
-        var index = _a.index;
-        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+    var handleChange = function (value, index, valid) {
         var newValue = value.replace(/\D/g, '');
         if (newValue === '' || !valid) {
             return;
@@ -109,6 +107,11 @@ var CodeInput = React.forwardRef(function (_a, ref) {
         }
         triggerChange(newValues);
     };
+    var handleChangeFromEvent = function (event, _a) {
+        var index = _a.index;
+        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+        handleChange(value, index, valid);
+    };
     var handleKeyDown = function (event, _a) {
         var index = _a.index;
         var prevIndex = index - 1;
@@ -156,8 +159,33 @@ var CodeInput = React.forwardRef(function (_a, ref) {
             target.select();
         });
     };
+    React.useEffect(function () {
+        var ac = null;
+        if ('OTPCredential' in window) {
+            ac = new AbortController();
+            var options = {
+                otp: { transport: ['sms'] },
+                signal: ac.signal,
+            };
+            navigator.credentials
+                .get(options)
+                .then(function (res) {
+                if (res === null || res === void 0 ? void 0 : res.code)
+                    handleChange(res.code, 0, true);
+            })
+                .catch(function (err) {
+                // eslint-disable-next-line no-console
+                console.error(err);
+            });
+        }
+        return function () {
+            if (ac)
+                ac.abort();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles.shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React__default['default'].createElement(components_input_component.Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })); })),
+        React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles.shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React__default['default'].createElement(components_input_component.Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChangeFromEvent, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })); })),
         error && (React__default['default'].createElement("div", { className: styles.error, role: 'alert' }, error))));
 });
 

package/code-input/components/input/component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"code-input__component_mqms0","input":"code-input__input_mqms0","hasError":"code-input__hasError_mqms0","disabled":"code-input__disabled_mqms0","compact":"code-input__compact_mqms0"};
+var styles = {"component":"code-input__component_fo3am","input":"code-input__input_fo3am","hasError":"code-input__hasError_fo3am","disabled":"code-input__disabled_fo3am","compact":"code-input__compact_fo3am"};
 require('./index.css');
 
 var Input = React.forwardRef(function (_a, ref) {

package/code-input/components/input/index.css

@@ -32,10 +32,10 @@
     --code-input-bg-color: var(--color-light-bg-secondary);
     --code-input-error-bg-color: var(--color-light-bg-negative-muted);
 }
-.code-input__component_mqms0 {
+.code-input__component_fo3am {
     display: flex;
 }
-.code-input__input_mqms0 {
+.code-input__input_fo3am {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -52,27 +52,27 @@
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
 }
-.code-input__input_mqms0.code-input__hasError_mqms0 {
+.code-input__input_fo3am.code-input__hasError_fo3am {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
     }
-.code-input__input_mqms0.code-input__disabled_mqms0 {
+.code-input__input_fo3am.code-input__disabled_fo3am {
         color: var(--color-light-text-tertiary);
         opacity: 1;
     }
-.code-input__input_mqms0:-webkit-autofill {
+.code-input__input_fo3am:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
     }
-.code-input__input_mqms0:-webkit-autofill,
-    .code-input__input_mqms0:-webkit-autofill:hover,
-    .code-input__input_mqms0:-webkit-autofill:focus,
-    .code-input__input_mqms0:-webkit-autofill:active {
+.code-input__input_fo3am:-webkit-autofill,
+    .code-input__input_fo3am:-webkit-autofill:hover,
+    .code-input__input_fo3am:-webkit-autofill:focus,
+    .code-input__input_fo3am:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
     }
-.code-input__compact_mqms0 {
+.code-input__compact_fo3am {
     width: 28px;
     height: 40px;
 }

package/code-input/cssm/component.js

@@ -76,9 +76,7 @@ var CodeInput = React.forwardRef(function (_a, ref) {
             onComplete(newValue);
         }
     };
-    var handleChange = function (event, _a) {
-        var index = _a.index;
-        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+    var handleChange = function (value, index, valid) {
         var newValue = value.replace(/\D/g, '');
         if (newValue === '' || !valid) {
             return;
@@ -109,6 +107,11 @@ var CodeInput = React.forwardRef(function (_a, ref) {
         }
         triggerChange(newValues);
     };
+    var handleChangeFromEvent = function (event, _a) {
+        var index = _a.index;
+        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+        handleChange(value, index, valid);
+    };
     var handleKeyDown = function (event, _a) {
         var index = _a.index;
         var prevIndex = index - 1;
@@ -156,8 +159,33 @@ var CodeInput = React.forwardRef(function (_a, ref) {
             target.select();
         });
     };
+    React.useEffect(function () {
+        var ac = null;
+        if ('OTPCredential' in window) {
+            ac = new AbortController();
+            var options = {
+                otp: { transport: ['sms'] },
+                signal: ac.signal,
+            };
+            navigator.credentials
+                .get(options)
+                .then(function (res) {
+                if (res === null || res === void 0 ? void 0 : res.code)
+                    handleChange(res.code, 0, true);
+            })
+                .catch(function (err) {
+                // eslint-disable-next-line no-console
+                console.error(err);
+            });
+        }
+        return function () {
+            if (ac)
+                ac.abort();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles__default['default'].shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React__default['default'].createElement(components_input_component.Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles__default['default'].input, compact: fields > 6 })); })),
+        React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles__default['default'].shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React__default['default'].createElement(components_input_component.Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChangeFromEvent, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles__default['default'].input, compact: fields > 6 })); })),
         error && (React__default['default'].createElement("div", { className: styles__default['default'].error, role: 'alert' }, error))));
 });
 

package/code-input/esm/component.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, createRef, useState, useImperativeHandle } from 'react';
+import React, { forwardRef, createRef, useState, useImperativeHandle, useEffect } from 'react';
 import cn from 'classnames';
 import { Input } from './components/input/component.js';
 
@@ -25,7 +25,7 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = {"component":"code-input__component_17rdi","error":"code-input__error_17rdi","shake":"code-input__shake_17rdi"};
+var styles = {"component":"code-input__component_18hif","error":"code-input__error_18hif","shake":"code-input__shake_18hif"};
 require('./index.css');
 
 var CodeInput = forwardRef(function (_a, ref) {
@@ -69,9 +69,7 @@ var CodeInput = forwardRef(function (_a, ref) {
             onComplete(newValue);
         }
     };
-    var handleChange = function (event, _a) {
-        var index = _a.index;
-        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+    var handleChange = function (value, index, valid) {
         var newValue = value.replace(/\D/g, '');
         if (newValue === '' || !valid) {
             return;
@@ -102,6 +100,11 @@ var CodeInput = forwardRef(function (_a, ref) {
         }
         triggerChange(newValues);
     };
+    var handleChangeFromEvent = function (event, _a) {
+        var index = _a.index;
+        var _b = event.target, value = _b.value, valid = _b.validity.valid;
+        handleChange(value, index, valid);
+    };
     var handleKeyDown = function (event, _a) {
         var index = _a.index;
         var prevIndex = index - 1;
@@ -149,8 +152,33 @@ var CodeInput = forwardRef(function (_a, ref) {
             target.select();
         });
     };
+    useEffect(function () {
+        var ac = null;
+        if ('OTPCredential' in window) {
+            ac = new AbortController();
+            var options = {
+                otp: { transport: ['sms'] },
+                signal: ac.signal,
+            };
+            navigator.credentials
+                .get(options)
+                .then(function (res) {
+                if (res === null || res === void 0 ? void 0 : res.code)
+                    handleChange(res.code, 0, true);
+            })
+                .catch(function (err) {
+                // eslint-disable-next-line no-console
+                console.error(err);
+            });
+        }
+        return function () {
+            if (ac)
+                ac.abort();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("div", { className: cn((_b = {}, _b[styles.shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React.createElement(Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })); })),
+        React.createElement("div", { className: cn((_b = {}, _b[styles.shake] = Boolean(error), _b)) }, new Array(fields).fill('').map(function (_, index) { return (React.createElement(Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChangeFromEvent, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })); })),
         error && (React.createElement("div", { className: styles.error, role: 'alert' }, error))));
 });
 

package/code-input/esm/components/input/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"code-input__component_mqms0","input":"code-input__input_mqms0","hasError":"code-input__hasError_mqms0","disabled":"code-input__disabled_mqms0","compact":"code-input__compact_mqms0"};
+var styles = {"component":"code-input__component_fo3am","input":"code-input__input_fo3am","hasError":"code-input__hasError_fo3am","disabled":"code-input__disabled_fo3am","compact":"code-input__compact_fo3am"};
 require('./index.css');
 
 var Input = forwardRef(function (_a, ref) {

package/code-input/esm/components/input/index.css

@@ -32,10 +32,10 @@
     --code-input-bg-color: var(--color-light-bg-secondary);
     --code-input-error-bg-color: var(--color-light-bg-negative-muted);
 }
-.code-input__component_mqms0 {
+.code-input__component_fo3am {
     display: flex;
 }
-.code-input__input_mqms0 {
+.code-input__input_fo3am {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -52,27 +52,27 @@
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
 }
-.code-input__input_mqms0.code-input__hasError_mqms0 {
+.code-input__input_fo3am.code-input__hasError_fo3am {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
     }
-.code-input__input_mqms0.code-input__disabled_mqms0 {
+.code-input__input_fo3am.code-input__disabled_fo3am {
         color: var(--color-light-text-tertiary);
         opacity: 1;
     }
-.code-input__input_mqms0:-webkit-autofill {
+.code-input__input_fo3am:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
     }
-.code-input__input_mqms0:-webkit-autofill,
-    .code-input__input_mqms0:-webkit-autofill:hover,
-    .code-input__input_mqms0:-webkit-autofill:focus,
-    .code-input__input_mqms0:-webkit-autofill:active {
+.code-input__input_fo3am:-webkit-autofill,
+    .code-input__input_fo3am:-webkit-autofill:hover,
+    .code-input__input_fo3am:-webkit-autofill:focus,
+    .code-input__input_fo3am:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
     }
-.code-input__compact_mqms0 {
+.code-input__compact_fo3am {
     width: 28px;
     height: 40px;
 }

package/code-input/esm/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_17rdi {
+.code-input__component_18hif {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_17rdi {
+.code-input__error_18hif {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,7 +25,7 @@
     margin-top: var(--gap-xs);
     color: var(--color-light-text-negative);
 }
-@keyframes code-input__shake_17rdi {
+@keyframes code-input__shake_18hif {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_17rdi {
-    animation: code-input__shake_17rdi 0.15s linear 0s 3;
+.code-input__shake_18hif {
+    animation: code-input__shake_18hif 0.15s linear 0s 3;
 }

package/code-input/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_17rdi {
+.code-input__component_18hif {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_17rdi {
+.code-input__error_18hif {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,7 +25,7 @@
     margin-top: var(--gap-xs);
     color: var(--color-light-text-negative);
 }
-@keyframes code-input__shake_17rdi {
+@keyframes code-input__shake_18hif {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_17rdi {
-    animation: code-input__shake_17rdi 0.15s linear 0s 3;
+.code-input__shake_18hif {
+    animation: code-input__shake_18hif 0.15s linear 0s 3;
 }

package/code-input/modern/component.js

@@ -1,8 +1,8 @@
-import React, { forwardRef, createRef, useState, useImperativeHandle } from 'react';
+import React, { forwardRef, createRef, useState, useImperativeHandle, useEffect } from 'react';
 import cn from 'classnames';
 import { Input } from './components/input/component.js';
 
-var styles = {"component":"code-input__component_17rdi","error":"code-input__error_17rdi","shake":"code-input__shake_17rdi"};
+var styles = {"component":"code-input__component_18hif","error":"code-input__error_18hif","shake":"code-input__shake_18hif"};
 require('./index.css');
 
 const CodeInput = forwardRef(({ className, disabled, error, fields = 4, initialValues = '', dataTestId, onChange, onComplete, }, ref) => {
@@ -43,8 +43,7 @@ const CodeInput = forwardRef(({ className, disabled, error, fields = 4, initialV
             onComplete(newValue);
         }
     };
-    const handleChange = (event, { index }) => {
-        const { target: { value, validity: { valid }, }, } = event;
+    const handleChange = (value, index, valid) => {
         const newValue = value.replace(/\D/g, '');
         if (newValue === '' || !valid) {
             return;
@@ -75,6 +74,10 @@ const CodeInput = forwardRef(({ className, disabled, error, fields = 4, initialV
         }
         triggerChange(newValues);
     };
+    const handleChangeFromEvent = (event, { index }) => {
+        const { target: { value, validity: { valid }, }, } = event;
+        handleChange(value, index, valid);
+    };
     const handleKeyDown = (event, { index }) => {
         const prevIndex = index - 1;
         const nextIndex = index + 1;
@@ -121,8 +124,33 @@ const CodeInput = forwardRef(({ className, disabled, error, fields = 4, initialV
             target.select();
         });
     };
+    useEffect(() => {
+        let ac = null;
+        if ('OTPCredential' in window) {
+            ac = new AbortController();
+            const options = {
+                otp: { transport: ['sms'] },
+                signal: ac.signal,
+            };
+            navigator.credentials
+                .get(options)
+                .then((res) => {
+                if (res?.code)
+                    handleChange(res.code, 0, true);
+            })
+                .catch(err => {
+                // eslint-disable-next-line no-console
+                console.error(err);
+            });
+        }
+        return () => {
+            if (ac)
+                ac.abort();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("div", { className: cn({ [styles.shake]: Boolean(error) }) }, new Array(fields).fill('').map((_, index) => (React.createElement(Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })))),
+        React.createElement("div", { className: cn({ [styles.shake]: Boolean(error) }) }, new Array(fields).fill('').map((_, index) => (React.createElement(Input, { ref: inputRefs[index], key: index.toString(), index: index, value: values[index], disabled: disabled, error: !!error, onChange: handleChangeFromEvent, onFocus: handleFocus, onKeyDown: handleKeyDown, className: styles.input, compact: fields > 6 })))),
         error && (React.createElement("div", { className: styles.error, role: 'alert' }, error))));
 });
 

package/code-input/modern/components/input/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"code-input__component_mqms0","input":"code-input__input_mqms0","hasError":"code-input__hasError_mqms0","disabled":"code-input__disabled_mqms0","compact":"code-input__compact_mqms0"};
+var styles = {"component":"code-input__component_fo3am","input":"code-input__input_fo3am","hasError":"code-input__hasError_fo3am","disabled":"code-input__disabled_fo3am","compact":"code-input__compact_fo3am"};
 require('./index.css');
 
 const Input = forwardRef(({ index, error, disabled, value = '', compact = false, onChange, onKeyDown, onFocus }, ref) => {

package/code-input/modern/components/input/index.css

@@ -32,10 +32,10 @@
     --code-input-bg-color: var(--color-light-bg-secondary);
     --code-input-error-bg-color: var(--color-light-bg-negative-muted);
 }
-.code-input__component_mqms0 {
+.code-input__component_fo3am {
     display: flex;
 }
-.code-input__input_mqms0 {
+.code-input__input_fo3am {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -52,27 +52,27 @@
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
 }
-.code-input__input_mqms0.code-input__hasError_mqms0 {
+.code-input__input_fo3am.code-input__hasError_fo3am {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
     }
-.code-input__input_mqms0.code-input__disabled_mqms0 {
+.code-input__input_fo3am.code-input__disabled_fo3am {
         color: var(--color-light-text-tertiary);
         opacity: 1;
     }
-.code-input__input_mqms0:-webkit-autofill {
+.code-input__input_fo3am:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
     }
-.code-input__input_mqms0:-webkit-autofill,
-    .code-input__input_mqms0:-webkit-autofill:hover,
-    .code-input__input_mqms0:-webkit-autofill:focus,
-    .code-input__input_mqms0:-webkit-autofill:active {
+.code-input__input_fo3am:-webkit-autofill,
+    .code-input__input_fo3am:-webkit-autofill:hover,
+    .code-input__input_fo3am:-webkit-autofill:focus,
+    .code-input__input_fo3am:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
     }
-.code-input__compact_mqms0 {
+.code-input__compact_fo3am {
     width: 28px;
     height: 40px;
 }

package/code-input/modern/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_17rdi {
+.code-input__component_18hif {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_17rdi {
+.code-input__error_18hif {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,7 +25,7 @@
     margin-top: var(--gap-xs);
     color: var(--color-light-text-negative);
 }
-@keyframes code-input__shake_17rdi {
+@keyframes code-input__shake_18hif {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_17rdi {
-    animation: code-input__shake_17rdi 0.15s linear 0s 3;
+.code-input__shake_18hif {
+    animation: code-input__shake_18hif 0.15s linear 0s 3;
 }

package/collapse/Component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-var styles = {"collapse":"collapse__collapse_8cgll","content":"collapse__content_8cgll","expandedContent":"collapse__expandedContent_8cgll","expandedLabel":"collapse__expandedLabel_8cgll"};
+var styles = {"collapse":"collapse__collapse_19mpx","content":"collapse__content_19mpx","expandedContent":"collapse__expandedContent_19mpx","expandedLabel":"collapse__expandedLabel_19mpx"};
 require('./index.css');
 
 var Collapse = React.forwardRef(function (_a, ref) {

package/collapse/esm/Component.js

@@ -6,7 +6,7 @@ import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 import { Link } from '../../link/esm';
 import debounce from 'lodash.debounce';
 
-var styles = {"collapse":"collapse__collapse_8cgll","content":"collapse__content_8cgll","expandedContent":"collapse__expandedContent_8cgll","expandedLabel":"collapse__expandedLabel_8cgll"};
+var styles = {"collapse":"collapse__collapse_19mpx","content":"collapse__content_19mpx","expandedContent":"collapse__expandedContent_19mpx","expandedLabel":"collapse__expandedLabel_19mpx"};
 require('./index.css');
 
 var Collapse = forwardRef(function (_a, ref) {

package/collapse/esm/index.css

@@ -11,25 +11,25 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.collapse__collapse_8cgll {
+.collapse__collapse_19mpx {
     font-family: var(--font-family);
 }
-.collapse__collapse_8cgll *,
-.collapse__collapse_8cgll:before,
-.collapse__collapse_8cgll:after {
+.collapse__collapse_19mpx *,
+.collapse__collapse_19mpx:before,
+.collapse__collapse_19mpx:after {
     box-sizing: border-box;
 }
-.collapse__content_8cgll {
+.collapse__content_19mpx {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_8cgll {
+.collapse__expandedContent_19mpx {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_8cgll {
+.collapse__expandedLabel_19mpx {
     margin-top: 15px;
 }

package/collapse/index.css

@@ -11,25 +11,25 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.collapse__collapse_8cgll {
+.collapse__collapse_19mpx {
     font-family: var(--font-family);
 }
-.collapse__collapse_8cgll *,
-.collapse__collapse_8cgll:before,
-.collapse__collapse_8cgll:after {
+.collapse__collapse_19mpx *,
+.collapse__collapse_19mpx:before,
+.collapse__collapse_19mpx:after {
     box-sizing: border-box;
 }
-.collapse__content_8cgll {
+.collapse__content_19mpx {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_8cgll {
+.collapse__expandedContent_19mpx {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_8cgll {
+.collapse__expandedLabel_19mpx {
     margin-top: 15px;
 }

package/collapse/modern/Component.js

@@ -6,7 +6,7 @@ import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 import debounce from 'lodash.debounce';
 import { Link } from '../../link/modern';
 
-var styles = {"collapse":"collapse__collapse_8cgll","content":"collapse__content_8cgll","expandedContent":"collapse__expandedContent_8cgll","expandedLabel":"collapse__expandedLabel_8cgll"};
+var styles = {"collapse":"collapse__collapse_19mpx","content":"collapse__content_19mpx","expandedContent":"collapse__expandedContent_19mpx","expandedLabel":"collapse__expandedLabel_19mpx"};
 require('./index.css');
 
 const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children, className, id, onTransitionEnd, onExpandedChange, dataTestId, }, ref) => {