@alfalab/core-components 32.2.0-beta.0 → 33.0.0

package/intl-phone-input/modern/components/select/component.js

@@ -6,7 +6,7 @@ import { FlagIcon } from '../flag-icon/component.js';
 import { SelectField } from '../select-field/component.js';
 import { VirtualOptionsList, Select } from '../../../../select/modern';
 
-var styles = {"component":"intl-phone-input__component_lca82","option":"intl-phone-input__option_lca82","flag":"intl-phone-input__flag_lca82","countryName":"intl-phone-input__countryName_lca82","dialCode":"intl-phone-input__dialCode_lca82"};
+var styles = {"component":"intl-phone-input__component_4au51","option":"intl-phone-input__option_4au51","flag":"intl-phone-input__flag_4au51","countryName":"intl-phone-input__countryName_4au51","dialCode":"intl-phone-input__dialCode_4au51"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/intl-phone-input/modern/components/select/index.css

@@ -1,6 +1,6 @@
-/* hash: dc1xs */
+/* hash: 1doki */
 :root {
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 
@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_lca82 {
+.intl-phone-input__component_4au51 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_lca82 {
+.intl-phone-input__option_4au51 {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_lca82 {
+.intl-phone-input__flag_4au51 {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_lca82 {
+.intl-phone-input__countryName_4au51 {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_lca82 {
+.intl-phone-input__dialCode_4au51 {
     color: var(--text-secondary-color);
 }

package/intl-phone-input/modern/components/select-field/component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
 
-var styles = {"component":"intl-phone-input__component_1yagv","flagIconContainer":"intl-phone-input__flagIconContainer_1yagv","disabled":"intl-phone-input__disabled_1yagv","inner":"intl-phone-input__inner_1yagv","l":"intl-phone-input__l_1yagv","xl":"intl-phone-input__xl_1yagv","focusVisible":"intl-phone-input__focusVisible_1yagv"};
+var styles = {"component":"intl-phone-input__component_1bvo2","flagIconContainer":"intl-phone-input__flagIconContainer_1bvo2","disabled":"intl-phone-input__disabled_1bvo2","inner":"intl-phone-input__inner_1bvo2","l":"intl-phone-input__l_1bvo2","xl":"intl-phone-input__xl_1bvo2","focusVisible":"intl-phone-input__focusVisible_1bvo2"};
 require('./index.css');
 
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {

package/intl-phone-input/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 6jwtt */
+/* hash: 1cvq2 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,13 +19,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_1yagv {
+.intl-phone-input__component_1bvo2 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1yagv {
+.intl-phone-input__flagIconContainer_1bvo2 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1yagv {
+.intl-phone-input__disabled_1bvo2 {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1yagv {
+.intl-phone-input__inner_1bvo2 {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1yagv .intl-phone-input__inner_1yagv,
-.intl-phone-input__xl_1yagv .intl-phone-input__inner_1yagv {
+.intl-phone-input__l_1bvo2 .intl-phone-input__inner_1bvo2,
+.intl-phone-input__xl_1bvo2 .intl-phone-input__inner_1bvo2 {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1yagv {
+.intl-phone-input__focusVisible_1bvo2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/intl-phone-input/modern/index.css

@@ -1,8 +1,8 @@
-/* hash: 1x0fr */
-.intl-phone-input__addons_dmlg9 {
+/* hash: nsgxb */
+.intl-phone-input__addons_1p3pa {
     padding-left: 0;
 }
 
-.intl-phone-input__l_dmlg9 .intl-phone-input__addons_dmlg9, .intl-phone-input__xl_dmlg9 .intl-phone-input__addons_dmlg9 {
+.intl-phone-input__l_1p3pa .intl-phone-input__addons_1p3pa, .intl-phone-input__xl_1p3pa .intl-phone-input__addons_1p3pa {
         padding-left: 0;
     }

package/link/Component.js

@@ -50,13 +50,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"link__component_1kxnp","text":"link__text_1kxnp","withAddons":"link__withAddons_1kxnp","focused":"link__focused_1kxnp","pseudo":"link__pseudo_1kxnp","withoutUnderline":"link__withoutUnderline_1kxnp","addons":"link__addons_1kxnp"};
+var styles = {"component":"link__component_u4h1e","text":"link__text_u4h1e","withAddons":"link__withAddons_u4h1e","focused":"link__focused_u4h1e","pseudo":"link__pseudo_u4h1e","withoutUnderline":"link__withoutUnderline_u4h1e","addons":"link__addons_u4h1e"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_15a6e","secondary":"link__secondary_15a6e","defaultView":"link__defaultView_15a6e"};
+var defaultColors = {"primary":"link__primary_t2m51","secondary":"link__secondary_t2m51","defaultView":"link__defaultView_t2m51"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_96mgl","secondary":"link__secondary_96mgl","defaultView":"link__defaultView_96mgl"};
+var invertedColors = {"primary":"link__primary_1w069","secondary":"link__secondary_1w069","defaultView":"link__defaultView_1w069"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -69,19 +69,12 @@ var Link = React.forwardRef(function (_a, ref) {
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
     var viewClassName = view === 'default' ? 'defaultView' : view;
-    var componentProps = (_b = {
-            className: cn__default['default'](styles.component, colorStyles[colors][viewClassName], (_c = {},
+    var componentProps = __assign((_b = { className: cn__default['default'](styles.component, colorStyles[colors][viewClassName], (_c = {},
                 _c[styles.withoutUnderline] = !underline && !pseudo,
                 _c[styles.pseudo] = pseudo,
                 _c[styles.focused] = focused,
                 _c[styles.withAddons] = leftAddons || rightAddons,
-                _c), className),
-            'data-test-id': dataTestId,
-            rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
-        },
-        // Для совместимости с react-router-dom, меняем href на to
-        _b[typeof Component === 'string' ? 'href' : 'to'] = href,
-        _b);
+                _c), className), 'data-test-id': dataTestId, rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined }, _b[typeof Component === 'string' ? 'href' : 'to'] = href, _b), (pseudo && { type: 'button' }));
     return (React__default['default'].createElement(Component, __assign({}, componentProps, restProps, { ref: mergeRefs__default['default']([linkRef, ref]) }), leftAddons || rightAddons ? (React__default['default'].createElement(React__default['default'].Fragment, null,
         leftAddons && React__default['default'].createElement("span", { className: styles.addons }, leftAddons),
         children && (React__default['default'].createElement("span", null,

package/link/cssm/Component.js

@@ -66,19 +66,12 @@ var Link = React.forwardRef(function (_a, ref) {
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
     var viewClassName = view === 'default' ? 'defaultView' : view;
-    var componentProps = (_b = {
-            className: cn__default['default'](styles__default['default'].component, colorStyles[colors][viewClassName], (_c = {},
+    var componentProps = __assign((_b = { className: cn__default['default'](styles__default['default'].component, colorStyles[colors][viewClassName], (_c = {},
                 _c[styles__default['default'].withoutUnderline] = !underline && !pseudo,
                 _c[styles__default['default'].pseudo] = pseudo,
                 _c[styles__default['default'].focused] = focused,
                 _c[styles__default['default'].withAddons] = leftAddons || rightAddons,
-                _c), className),
-            'data-test-id': dataTestId,
-            rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
-        },
-        // Для совместимости с react-router-dom, меняем href на to
-        _b[typeof Component === 'string' ? 'href' : 'to'] = href,
-        _b);
+                _c), className), 'data-test-id': dataTestId, rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined }, _b[typeof Component === 'string' ? 'href' : 'to'] = href, _b), (pseudo && { type: 'button' }));
     return (React__default['default'].createElement(Component, __assign({}, componentProps, restProps, { ref: mergeRefs__default['default']([linkRef, ref]) }), leftAddons || rightAddons ? (React__default['default'].createElement(React__default['default'].Fragment, null,
         leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
         children && (React__default['default'].createElement("span", null,

package/link/cssm/default.module.css

@@ -1,13 +1,13 @@
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-link-shade-20: rgb(0, 98, 204);
     --color-light-text-link-shade-40: rgb(0, 73, 153);
     --color-light-text-primary-shade-20: rgb(9, 25, 42);
     --color-light-text-primary-shade-40: rgb(7, 19, 32);
-    --color-light-text-secondary-shade-20: rgb(67, 78, 91);
-    --color-light-text-secondary-shade-40: rgb(50, 59, 68);
+    --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
+    --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
 }
 :root {
 

package/link/cssm/inverted.module.css

@@ -1,7 +1,7 @@
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary-inverted: #fff;
-    --color-light-text-secondary-inverted: #b6bcc3;
+    --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
 }
 :root {
 
@@ -19,8 +19,8 @@
 
     /* secondary */
     --link-inverted-secondary-color: var(--color-light-text-secondary-inverted);
-    --link-inverted-secondary-hover-color: rgb(146, 150, 156);
-    --link-inverted-secondary-active-color: rgb(109, 113, 117);
+    --link-inverted-secondary-hover-color: rgba(204, 204, 204, 0.7);
+    --link-inverted-secondary-active-color: rgba(153, 153, 153, 0.7);
 
     /* default */
     --link-inverted-default-color: var(--color-light-text-link);

package/link/default.css

@@ -1,14 +1,14 @@
-/* hash: 1o39o */
+/* hash: 1ozp8 */
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-link-shade-20: rgb(0, 98, 204);
     --color-light-text-link-shade-40: rgb(0, 73, 153);
     --color-light-text-primary-shade-20: rgb(9, 25, 42);
     --color-light-text-primary-shade-40: rgb(7, 19, 32);
-    --color-light-text-secondary-shade-20: rgb(67, 78, 91);
-    --color-light-text-secondary-shade-40: rgb(50, 59, 68);
+    --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
+    --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
 }
 :root {
 
@@ -34,33 +34,33 @@
     --link-default-hover-color: var(--color-light-text-link-shade-20);
     --link-default-active-color: var(--color-light-text-link-shade-40);
 }
-.link__primary_15a6e {
+.link__primary_t2m51 {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_15a6e:hover {
+.link__primary_t2m51:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_15a6e:active {
+.link__primary_t2m51:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_15a6e {
+.link__secondary_t2m51 {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_15a6e:hover {
+.link__secondary_t2m51:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_15a6e:active {
+.link__secondary_t2m51:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_15a6e {
+.link__defaultView_t2m51 {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_15a6e:hover {
+.link__defaultView_t2m51:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_15a6e:active {
+.link__defaultView_t2m51:active {
         color: var(--link-default-active-color);
     }

package/link/esm/Component.js

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"link__component_1kxnp","text":"link__text_1kxnp","withAddons":"link__withAddons_1kxnp","focused":"link__focused_1kxnp","pseudo":"link__pseudo_1kxnp","withoutUnderline":"link__withoutUnderline_1kxnp","addons":"link__addons_1kxnp"};
+var styles = {"component":"link__component_u4h1e","text":"link__text_u4h1e","withAddons":"link__withAddons_u4h1e","focused":"link__focused_u4h1e","pseudo":"link__pseudo_u4h1e","withoutUnderline":"link__withoutUnderline_u4h1e","addons":"link__addons_u4h1e"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_15a6e","secondary":"link__secondary_15a6e","defaultView":"link__defaultView_15a6e"};
+var defaultColors = {"primary":"link__primary_t2m51","secondary":"link__secondary_t2m51","defaultView":"link__defaultView_t2m51"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_96mgl","secondary":"link__secondary_96mgl","defaultView":"link__defaultView_96mgl"};
+var invertedColors = {"primary":"link__primary_1w069","secondary":"link__secondary_1w069","defaultView":"link__defaultView_1w069"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -61,19 +61,12 @@ var Link = forwardRef(function (_a, ref) {
     var linkRef = useRef(null);
     var focused = useFocus(linkRef, 'keyboard')[0];
     var viewClassName = view === 'default' ? 'defaultView' : view;
-    var componentProps = (_b = {
-            className: cn(styles.component, colorStyles[colors][viewClassName], (_c = {},
+    var componentProps = __assign((_b = { className: cn(styles.component, colorStyles[colors][viewClassName], (_c = {},
                 _c[styles.withoutUnderline] = !underline && !pseudo,
                 _c[styles.pseudo] = pseudo,
                 _c[styles.focused] = focused,
                 _c[styles.withAddons] = leftAddons || rightAddons,
-                _c), className),
-            'data-test-id': dataTestId,
-            rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
-        },
-        // Для совместимости с react-router-dom, меняем href на to
-        _b[typeof Component === 'string' ? 'href' : 'to'] = href,
-        _b);
+                _c), className), 'data-test-id': dataTestId, rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined }, _b[typeof Component === 'string' ? 'href' : 'to'] = href, _b), (pseudo && { type: 'button' }));
     return (React.createElement(Component, __assign({}, componentProps, restProps, { ref: mergeRefs([linkRef, ref]) }), leftAddons || rightAddons ? (React.createElement(React.Fragment, null,
         leftAddons && React.createElement("span", { className: styles.addons }, leftAddons),
         children && (React.createElement("span", null,

package/link/esm/default.css

@@ -1,14 +1,14 @@
-/* hash: 1o39o */
+/* hash: 1ozp8 */
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-link-shade-20: rgb(0, 98, 204);
     --color-light-text-link-shade-40: rgb(0, 73, 153);
     --color-light-text-primary-shade-20: rgb(9, 25, 42);
     --color-light-text-primary-shade-40: rgb(7, 19, 32);
-    --color-light-text-secondary-shade-20: rgb(67, 78, 91);
-    --color-light-text-secondary-shade-40: rgb(50, 59, 68);
+    --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
+    --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
 }
 :root {
 
@@ -34,33 +34,33 @@
     --link-default-hover-color: var(--color-light-text-link-shade-20);
     --link-default-active-color: var(--color-light-text-link-shade-40);
 }
-.link__primary_15a6e {
+.link__primary_t2m51 {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_15a6e:hover {
+.link__primary_t2m51:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_15a6e:active {
+.link__primary_t2m51:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_15a6e {
+.link__secondary_t2m51 {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_15a6e:hover {
+.link__secondary_t2m51:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_15a6e:active {
+.link__secondary_t2m51:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_15a6e {
+.link__defaultView_t2m51 {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_15a6e:hover {
+.link__defaultView_t2m51:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_15a6e:active {
+.link__defaultView_t2m51:active {
         color: var(--link-default-active-color);
     }

package/link/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: ub8v9 */
+/* hash: zwd3n */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,31 +19,31 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.link__component_1kxnp {
+.link__component_u4h1e {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1kxnp:hover .link__text_1kxnp,
-    .link__component_1kxnp:active .link__text_1kxnp {
+.link__component_u4h1e:hover .link__text_u4h1e,
+    .link__component_u4h1e:active .link__text_u4h1e {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1kxnp {
+.link__withAddons_u4h1e {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1kxnp {
+.link__text_u4h1e {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1kxnp {
+.link__focused_u4h1e {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1kxnp {
+.link__pseudo_u4h1e {
     margin: 0;
     padding: 0;
     background-color: transparent;
@@ -51,24 +51,24 @@
     box-shadow: none;
     font: inherit;
 }
-.link__pseudo_1kxnp .link__text_1kxnp {
+.link__pseudo_u4h1e .link__text_u4h1e {
     border-bottom-style: dashed;
 }
-.link__withoutUnderline_1kxnp .link__text_1kxnp {
+.link__withoutUnderline_u4h1e .link__text_u4h1e {
     border-bottom: none;
 }
-.link__addons_1kxnp {
+.link__addons_u4h1e {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1kxnp:first-child {
+.link__addons_u4h1e:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1kxnp:last-child {
+.link__addons_u4h1e:last-child {
     margin-left: var(--gap-2xs);
 }
-.link__addons_1kxnp:only-child {
+.link__addons_u4h1e:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/esm/inverted.css

@@ -1,8 +1,8 @@
-/* hash: wsskb */
+/* hash: xp840 */
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary-inverted: #fff;
-    --color-light-text-secondary-inverted: #b6bcc3;
+    --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
 }
 :root {
 
@@ -20,41 +20,41 @@
 
     /* secondary */
     --link-inverted-secondary-color: var(--color-light-text-secondary-inverted);
-    --link-inverted-secondary-hover-color: rgb(146, 150, 156);
-    --link-inverted-secondary-active-color: rgb(109, 113, 117);
+    --link-inverted-secondary-hover-color: rgba(204, 204, 204, 0.7);
+    --link-inverted-secondary-active-color: rgba(153, 153, 153, 0.7);
 
     /* default */
     --link-inverted-default-color: var(--color-light-text-link);
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_96mgl {
+.link__primary_1w069 {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_96mgl:hover {
+.link__primary_1w069:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_96mgl:active {
+.link__primary_1w069:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_96mgl {
+.link__secondary_1w069 {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_96mgl:hover {
+.link__secondary_1w069:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_96mgl:active {
+.link__secondary_1w069:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_96mgl {
+.link__defaultView_1w069 {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_96mgl:hover {
+.link__defaultView_1w069:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_96mgl:active {
+.link__defaultView_1w069:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/index.css

@@ -1,4 +1,4 @@
-/* hash: ub8v9 */
+/* hash: zwd3n */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,31 +19,31 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.link__component_1kxnp {
+.link__component_u4h1e {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1kxnp:hover .link__text_1kxnp,
-    .link__component_1kxnp:active .link__text_1kxnp {
+.link__component_u4h1e:hover .link__text_u4h1e,
+    .link__component_u4h1e:active .link__text_u4h1e {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1kxnp {
+.link__withAddons_u4h1e {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1kxnp {
+.link__text_u4h1e {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1kxnp {
+.link__focused_u4h1e {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1kxnp {
+.link__pseudo_u4h1e {
     margin: 0;
     padding: 0;
     background-color: transparent;
@@ -51,24 +51,24 @@
     box-shadow: none;
     font: inherit;
 }
-.link__pseudo_1kxnp .link__text_1kxnp {
+.link__pseudo_u4h1e .link__text_u4h1e {
     border-bottom-style: dashed;
 }
-.link__withoutUnderline_1kxnp .link__text_1kxnp {
+.link__withoutUnderline_u4h1e .link__text_u4h1e {
     border-bottom: none;
 }
-.link__addons_1kxnp {
+.link__addons_u4h1e {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1kxnp:first-child {
+.link__addons_u4h1e:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1kxnp:last-child {
+.link__addons_u4h1e:last-child {
     margin-left: var(--gap-2xs);
 }
-.link__addons_1kxnp:only-child {
+.link__addons_u4h1e:only-child {
     margin-right: 0;
     margin-left: 0;
 }