@alfalab/core-components 27.13.0 → 27.13.1

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_1i3d7","option":"intl-phone-input__option_1i3d7","flag":"intl-phone-input__flag_1i3d7","countryName":"intl-phone-input__countryName_1i3d7","dialCode":"intl-phone-input__dialCode_1i3d7"};
+var styles = {"component":"intl-phone-input__component_1c2vg","option":"intl-phone-input__option_1c2vg","flag":"intl-phone-input__flag_1c2vg","countryName":"intl-phone-input__countryName_1c2vg","dialCode":"intl-phone-input__dialCode_1c2vg"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

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

@@ -722,24 +722,24 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_1i3d7 {
+.intl-phone-input__component_1c2vg {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1i3d7 {
+.intl-phone-input__option_1c2vg {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1i3d7 {
+.intl-phone-input__flag_1c2vg {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1i3d7 {
+.intl-phone-input__countryName_1c2vg {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1i3d7 {
+.intl-phone-input__dialCode_1c2vg {
     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_1ggwk","flagIconContainer":"intl-phone-input__flagIconContainer_1ggwk","disabled":"intl-phone-input__disabled_1ggwk","inner":"intl-phone-input__inner_1ggwk","l":"intl-phone-input__l_1ggwk","xl":"intl-phone-input__xl_1ggwk","focusVisible":"intl-phone-input__focusVisible_1ggwk"};
+var styles = {"component":"intl-phone-input__component_14z08","flagIconContainer":"intl-phone-input__flagIconContainer_14z08","disabled":"intl-phone-input__disabled_14z08","inner":"intl-phone-input__inner_14z08","l":"intl-phone-input__l_14z08","xl":"intl-phone-input__xl_14z08","focusVisible":"intl-phone-input__focusVisible_14z08"};
 require('./index.css');
 
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {

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

@@ -722,13 +722,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_1ggwk {
+.intl-phone-input__component_14z08 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1ggwk {
+.intl-phone-input__flagIconContainer_14z08 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -736,10 +736,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1ggwk {
+.intl-phone-input__disabled_14z08 {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1ggwk {
+.intl-phone-input__inner_14z08 {
     position: relative;
     display: flex;
     align-items: center;
@@ -747,11 +747,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1ggwk .intl-phone-input__inner_1ggwk,
-.intl-phone-input__xl_1ggwk .intl-phone-input__inner_1ggwk {
+.intl-phone-input__l_14z08 .intl-phone-input__inner_14z08,
+.intl-phone-input__xl_14z08 .intl-phone-input__inner_14z08 {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1ggwk {
+.intl-phone-input__focusVisible_14z08 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,8 +1,8 @@
 /* hash: qasyq */
-.intl-phone-input__addons_120p2 {
+.intl-phone-input__addons_rhr68 {
     padding-left: 0;
 }
 
-.intl-phone-input__l_120p2 .intl-phone-input__addons_120p2, .intl-phone-input__xl_120p2 .intl-phone-input__addons_120p2 {
+.intl-phone-input__l_rhr68 .intl-phone-input__addons_rhr68, .intl-phone-input__xl_rhr68 .intl-phone-input__addons_rhr68 {
         padding-left: 0;
     }

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

@@ -9,5 +9,6 @@ import './components/select-field/component.js';
 import '../../select/modern';
 import './components/select/component.js';
 import './utils/format-phone-with-unclearable-country-code.js';
+import './utils/calculateCaretPos.js';
 import './useCaretAvoidCountryCode.js';
 export { IntlPhoneInput } from './component.js';

package/intl-phone-input/modern/useCaretAvoidCountryCode.js

@@ -1,28 +1,32 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 function useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode, }) {
-    const input = inputRef.current;
-    const moveCaretFromCountryCode = useCallback(() => {
-        if (!input)
-            return;
-        const selectionStart = input.selectionStart || 0;
-        if (selectionStart < countryCodeLength) {
-            input.focus();
-            input.setSelectionRange(countryCodeLength, countryCodeLength);
-        }
-    }, [input, countryCodeLength]);
-    const preventCaretMovingOnCountryCode = useCallback((event) => {
-        if (!input)
-            return;
-        const selectionStart = input.selectionStart || 0;
-        const toLeftKey = event.keyCode === 37;
-        if (toLeftKey && selectionStart <= countryCodeLength) {
-            event.preventDefault();
-        }
-    }, [input, countryCodeLength]);
     useEffect(() => {
+        const input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
+        const moveCaretFromCountryCode = () => {
+            const selectionStart = input.selectionStart || 0;
+            if (selectionStart < countryCodeLength) {
+                input.focus();
+                input.setSelectionRange(countryCodeLength, countryCodeLength);
+            }
+        };
+        const preventCaretMovingOnCountryCode = (event) => {
+            const selectionStart = input.selectionStart || 0;
+            const toLeftKey = event.keyCode === 37;
+            if (toLeftKey) {
+                if (selectionStart <= countryCodeLength) {
+                    event.preventDefault();
+                }
+                // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
+                if (event.metaKey || event.ctrlKey) {
+                    requestAnimationFrame(() => {
+                        moveCaretFromCountryCode();
+                    });
+                }
+            }
+        };
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
@@ -30,7 +34,7 @@ function useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountr
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
-    }, [clearableCountryCode, input, preventCaretMovingOnCountryCode, moveCaretFromCountryCode]);
+    }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
 export { useCaretAvoidCountryCode };

package/intl-phone-input/modern/utils/calculateCaretPos.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+declare function calculateCaretPos(phonePart: string, newVal: string): number;
+export { calculateCaretPos };

package/intl-phone-input/modern/utils/calculateCaretPos.js

@@ -0,0 +1,23 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+function calculateCaretPos(phonePart, newVal) {
+    let newCaretPosition = 0;
+    for (let idx = 0; idx < phonePart.length; idx++) {
+        const digit = phonePart.charAt(idx);
+        if (digit !== newVal.charAt(newCaretPosition)) {
+            idx -= 1;
+        }
+        newCaretPosition += 1;
+        // Если произошла непредвиденная ситуация, то прерываем цикл и ставим каретку в самый конец номера.
+        if (newCaretPosition > newVal.length) {
+            newCaretPosition = newVal.length;
+            break;
+        }
+    }
+    return newCaretPosition;
+}
+
+export { calculateCaretPos };

package/intl-phone-input/useCaretAvoidCountryCode.js

@@ -4,28 +4,32 @@ var React = require('react');
 
 function useCaretAvoidCountryCode(_a) {
     var inputRef = _a.inputRef, countryCodeLength = _a.countryCodeLength, clearableCountryCode = _a.clearableCountryCode;
-    var input = inputRef.current;
-    var moveCaretFromCountryCode = React.useCallback(function () {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        if (selectionStart < countryCodeLength) {
-            input.focus();
-            input.setSelectionRange(countryCodeLength, countryCodeLength);
-        }
-    }, [input, countryCodeLength]);
-    var preventCaretMovingOnCountryCode = React.useCallback(function (event) {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        var toLeftKey = event.keyCode === 37;
-        if (toLeftKey && selectionStart <= countryCodeLength) {
-            event.preventDefault();
-        }
-    }, [input, countryCodeLength]);
     React.useEffect(function () {
+        var input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
+        var moveCaretFromCountryCode = function () {
+            var selectionStart = input.selectionStart || 0;
+            if (selectionStart < countryCodeLength) {
+                input.focus();
+                input.setSelectionRange(countryCodeLength, countryCodeLength);
+            }
+        };
+        var preventCaretMovingOnCountryCode = function (event) {
+            var selectionStart = input.selectionStart || 0;
+            var toLeftKey = event.keyCode === 37;
+            if (toLeftKey) {
+                if (selectionStart <= countryCodeLength) {
+                    event.preventDefault();
+                }
+                // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
+                if (event.metaKey || event.ctrlKey) {
+                    requestAnimationFrame(function () {
+                        moveCaretFromCountryCode();
+                    });
+                }
+            }
+        };
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
@@ -33,7 +37,7 @@ function useCaretAvoidCountryCode(_a) {
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
-    }, [clearableCountryCode, input, preventCaretMovingOnCountryCode, moveCaretFromCountryCode]);
+    }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
 exports.useCaretAvoidCountryCode = useCaretAvoidCountryCode;

package/intl-phone-input/utils/calculateCaretPos.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+declare function calculateCaretPos(phonePart: string, newVal: string): number;
+export { calculateCaretPos };

package/intl-phone-input/utils/calculateCaretPos.js

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+function calculateCaretPos(phonePart, newVal) {
+    var newCaretPosition = 0;
+    for (var idx = 0; idx < phonePart.length; idx++) {
+        var digit = phonePart.charAt(idx);
+        if (digit !== newVal.charAt(newCaretPosition)) {
+            idx -= 1;
+        }
+        newCaretPosition += 1;
+        // Если произошла непредвиденная ситуация, то прерываем цикл и ставим каретку в самый конец номера.
+        if (newCaretPosition > newVal.length) {
+            newCaretPosition = newVal.length;
+            break;
+        }
+    }
+    return newCaretPosition;
+}
+
+exports.calculateCaretPos = calculateCaretPos;

package/link/Component.js

@@ -50,13 +50,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"link__component_1z06v","text":"link__text_1z06v","withAddons":"link__withAddons_1z06v","focused":"link__focused_1z06v","pseudo":"link__pseudo_1z06v","addons":"link__addons_1z06v"};
+var styles = {"component":"link__component_wqxwd","text":"link__text_wqxwd","withAddons":"link__withAddons_wqxwd","focused":"link__focused_wqxwd","pseudo":"link__pseudo_wqxwd","addons":"link__addons_wqxwd"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_dtb60","secondary":"link__secondary_dtb60","defaultView":"link__defaultView_dtb60"};
+var defaultColors = {"primary":"link__primary_1p1zc","secondary":"link__secondary_1p1zc","defaultView":"link__defaultView_1p1zc"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_r5r4r","secondary":"link__secondary_r5r4r","defaultView":"link__defaultView_r5r4r"};
+var invertedColors = {"primary":"link__primary_f1hy3","secondary":"link__secondary_f1hy3","defaultView":"link__defaultView_f1hy3"};
 require('./inverted.css');
 
 var colorStyles = {

package/link/default.css

@@ -738,33 +738,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_dtb60 {
+.link__primary_1p1zc {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_dtb60:hover {
+.link__primary_1p1zc:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_dtb60:active {
+.link__primary_1p1zc:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_dtb60 {
+.link__secondary_1p1zc {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_dtb60:hover {
+.link__secondary_1p1zc:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_dtb60:active {
+.link__secondary_1p1zc:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_dtb60 {
+.link__defaultView_1p1zc {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_dtb60:hover {
+.link__defaultView_1p1zc:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_dtb60:active {
+.link__defaultView_1p1zc: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_1z06v","text":"link__text_1z06v","withAddons":"link__withAddons_1z06v","focused":"link__focused_1z06v","pseudo":"link__pseudo_1z06v","addons":"link__addons_1z06v"};
+var styles = {"component":"link__component_wqxwd","text":"link__text_wqxwd","withAddons":"link__withAddons_wqxwd","focused":"link__focused_wqxwd","pseudo":"link__pseudo_wqxwd","addons":"link__addons_wqxwd"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_dtb60","secondary":"link__secondary_dtb60","defaultView":"link__defaultView_dtb60"};
+var defaultColors = {"primary":"link__primary_1p1zc","secondary":"link__secondary_1p1zc","defaultView":"link__defaultView_1p1zc"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_r5r4r","secondary":"link__secondary_r5r4r","defaultView":"link__defaultView_r5r4r"};
+var invertedColors = {"primary":"link__primary_f1hy3","secondary":"link__secondary_f1hy3","defaultView":"link__defaultView_f1hy3"};
 require('./inverted.css');
 
 var colorStyles = {

package/link/esm/default.css

@@ -738,33 +738,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_dtb60 {
+.link__primary_1p1zc {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_dtb60:hover {
+.link__primary_1p1zc:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_dtb60:active {
+.link__primary_1p1zc:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_dtb60 {
+.link__secondary_1p1zc {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_dtb60:hover {
+.link__secondary_1p1zc:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_dtb60:active {
+.link__secondary_1p1zc:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_dtb60 {
+.link__defaultView_1p1zc {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_dtb60:hover {
+.link__defaultView_1p1zc:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_dtb60:active {
+.link__defaultView_1p1zc:active {
         color: var(--link-default-active-color);
     }

package/link/esm/index.css

@@ -722,45 +722,45 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.link__component_1z06v {
+.link__component_wqxwd {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1z06v:hover .link__text_1z06v,
-    .link__component_1z06v:active .link__text_1z06v {
+.link__component_wqxwd:hover .link__text_wqxwd,
+    .link__component_wqxwd:active .link__text_wqxwd {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1z06v {
+.link__withAddons_wqxwd {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1z06v {
+.link__text_wqxwd {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1z06v {
+.link__focused_wqxwd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1z06v .link__text_1z06v {
+.link__pseudo_wqxwd .link__text_wqxwd {
     border-bottom-style: dashed;
 }
-.link__addons_1z06v {
+.link__addons_wqxwd {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1z06v:first-child {
+.link__addons_wqxwd:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1z06v:last-child {
+.link__addons_wqxwd:last-child {
     margin-left: var(--gap-xs);
 }
-.link__addons_1z06v:only-child {
+.link__addons_wqxwd:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/esm/inverted.css

@@ -738,33 +738,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_r5r4r {
+.link__primary_f1hy3 {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_r5r4r:hover {
+.link__primary_f1hy3:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_r5r4r:active {
+.link__primary_f1hy3:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_r5r4r {
+.link__secondary_f1hy3 {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_r5r4r:hover {
+.link__secondary_f1hy3:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_r5r4r:active {
+.link__secondary_f1hy3:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_r5r4r {
+.link__defaultView_f1hy3 {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_r5r4r:hover {
+.link__defaultView_f1hy3:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_r5r4r:active {
+.link__defaultView_f1hy3:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/index.css

@@ -722,45 +722,45 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.link__component_1z06v {
+.link__component_wqxwd {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1z06v:hover .link__text_1z06v,
-    .link__component_1z06v:active .link__text_1z06v {
+.link__component_wqxwd:hover .link__text_wqxwd,
+    .link__component_wqxwd:active .link__text_wqxwd {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1z06v {
+.link__withAddons_wqxwd {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1z06v {
+.link__text_wqxwd {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1z06v {
+.link__focused_wqxwd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1z06v .link__text_1z06v {
+.link__pseudo_wqxwd .link__text_wqxwd {
     border-bottom-style: dashed;
 }
-.link__addons_1z06v {
+.link__addons_wqxwd {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1z06v:first-child {
+.link__addons_wqxwd:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1z06v:last-child {
+.link__addons_wqxwd:last-child {
     margin-left: var(--gap-xs);
 }
-.link__addons_1z06v:only-child {
+.link__addons_wqxwd:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/inverted.css

@@ -738,33 +738,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_r5r4r {
+.link__primary_f1hy3 {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_r5r4r:hover {
+.link__primary_f1hy3:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_r5r4r:active {
+.link__primary_f1hy3:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_r5r4r {
+.link__secondary_f1hy3 {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_r5r4r:hover {
+.link__secondary_f1hy3:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_r5r4r:active {
+.link__secondary_f1hy3:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_r5r4r {
+.link__defaultView_f1hy3 {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_r5r4r:hover {
+.link__defaultView_f1hy3:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_r5r4r:active {
+.link__defaultView_f1hy3:active {
         color: var(--link-inverted-default-active-color);
     }