@alfalab/core-components 27.12.0 → 27.14.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_h500w","option":"intl-phone-input__option_h500w","flag":"intl-phone-input__flag_h500w","countryName":"intl-phone-input__countryName_h500w","dialCode":"intl-phone-input__dialCode_h500w"};
+var styles = {"component":"intl-phone-input__component_5z11j","option":"intl-phone-input__option_5z11j","flag":"intl-phone-input__flag_5z11j","countryName":"intl-phone-input__countryName_5z11j","dialCode":"intl-phone-input__dialCode_5z11j"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

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

@@ -1,4 +1,4 @@
-/* hash: yz6kc */
+/* hash: lmz34 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,24 +722,24 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_h500w {
+.intl-phone-input__component_5z11j {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_h500w {
+.intl-phone-input__option_5z11j {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_h500w {
+.intl-phone-input__flag_5z11j {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_h500w {
+.intl-phone-input__countryName_5z11j {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_h500w {
+.intl-phone-input__dialCode_5z11j {
     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_vrlqx","flagIconContainer":"intl-phone-input__flagIconContainer_vrlqx","disabled":"intl-phone-input__disabled_vrlqx","inner":"intl-phone-input__inner_vrlqx","l":"intl-phone-input__l_vrlqx","xl":"intl-phone-input__xl_vrlqx","focusVisible":"intl-phone-input__focusVisible_vrlqx"};
+var styles = {"component":"intl-phone-input__component_tk4od","flagIconContainer":"intl-phone-input__flagIconContainer_tk4od","disabled":"intl-phone-input__disabled_tk4od","inner":"intl-phone-input__inner_tk4od","l":"intl-phone-input__l_tk4od","xl":"intl-phone-input__xl_tk4od","focusVisible":"intl-phone-input__focusVisible_tk4od"};
 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: 1eegc */
+/* hash: 1a89q */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,13 +722,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_vrlqx {
+.intl-phone-input__component_tk4od {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_vrlqx {
+.intl-phone-input__flagIconContainer_tk4od {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -736,10 +736,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_vrlqx {
+.intl-phone-input__disabled_tk4od {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_vrlqx {
+.intl-phone-input__inner_tk4od {
     position: relative;
     display: flex;
     align-items: center;
@@ -747,11 +747,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_vrlqx .intl-phone-input__inner_vrlqx,
-.intl-phone-input__xl_vrlqx .intl-phone-input__inner_vrlqx {
+.intl-phone-input__l_tk4od .intl-phone-input__inner_tk4od,
+.intl-phone-input__xl_tk4od .intl-phone-input__inner_tk4od {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_vrlqx {
+.intl-phone-input__focusVisible_tk4od {
     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_8cfhe {
+/* hash: erlia */
+.intl-phone-input__addons_18w6v {
     padding-left: 0;
 }
 
-.intl-phone-input__l_8cfhe .intl-phone-input__addons_8cfhe, .intl-phone-input__xl_8cfhe .intl-phone-input__addons_8cfhe {
+.intl-phone-input__l_18w6v .intl-phone-input__addons_18w6v, .intl-phone-input__xl_18w6v .intl-phone-input__addons_18w6v {
         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_1mud8","text":"link__text_1mud8","withAddons":"link__withAddons_1mud8","focused":"link__focused_1mud8","pseudo":"link__pseudo_1mud8","addons":"link__addons_1mud8"};
+var styles = {"component":"link__component_1qzt0","text":"link__text_1qzt0","withAddons":"link__withAddons_1qzt0","focused":"link__focused_1qzt0","pseudo":"link__pseudo_1qzt0","addons":"link__addons_1qzt0"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_5wkmg","secondary":"link__secondary_5wkmg","defaultView":"link__defaultView_5wkmg"};
+var defaultColors = {"primary":"link__primary_1wouy","secondary":"link__secondary_1wouy","defaultView":"link__defaultView_1wouy"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_j90l7","secondary":"link__secondary_j90l7","defaultView":"link__defaultView_j90l7"};
+var invertedColors = {"primary":"link__primary_b06uz","secondary":"link__secondary_b06uz","defaultView":"link__defaultView_b06uz"};
 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_5wkmg {
+.link__primary_1wouy {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_5wkmg:hover {
+.link__primary_1wouy:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_5wkmg:active {
+.link__primary_1wouy:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_5wkmg {
+.link__secondary_1wouy {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_5wkmg:hover {
+.link__secondary_1wouy:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_5wkmg:active {
+.link__secondary_1wouy:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_5wkmg {
+.link__defaultView_1wouy {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_5wkmg:hover {
+.link__defaultView_1wouy:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_5wkmg:active {
+.link__defaultView_1wouy: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_1mud8","text":"link__text_1mud8","withAddons":"link__withAddons_1mud8","focused":"link__focused_1mud8","pseudo":"link__pseudo_1mud8","addons":"link__addons_1mud8"};
+var styles = {"component":"link__component_1qzt0","text":"link__text_1qzt0","withAddons":"link__withAddons_1qzt0","focused":"link__focused_1qzt0","pseudo":"link__pseudo_1qzt0","addons":"link__addons_1qzt0"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_5wkmg","secondary":"link__secondary_5wkmg","defaultView":"link__defaultView_5wkmg"};
+var defaultColors = {"primary":"link__primary_1wouy","secondary":"link__secondary_1wouy","defaultView":"link__defaultView_1wouy"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_j90l7","secondary":"link__secondary_j90l7","defaultView":"link__defaultView_j90l7"};
+var invertedColors = {"primary":"link__primary_b06uz","secondary":"link__secondary_b06uz","defaultView":"link__defaultView_b06uz"};
 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_5wkmg {
+.link__primary_1wouy {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
 }
-.link__primary_5wkmg:hover {
+.link__primary_1wouy:hover {
         color: var(--link-primary-hover-color);
     }
-.link__primary_5wkmg:active {
+.link__primary_1wouy:active {
         color: var(--link-primary-active-color);
     }
-.link__secondary_5wkmg {
+.link__secondary_1wouy {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
 }
-.link__secondary_5wkmg:hover {
+.link__secondary_1wouy:hover {
         color: var(--link-secondary-hover-color);
     }
-.link__secondary_5wkmg:active {
+.link__secondary_1wouy:active {
         color: var(--link-secondary-active-color);
     }
-.link__defaultView_5wkmg {
+.link__defaultView_1wouy {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__defaultView_5wkmg:hover {
+.link__defaultView_1wouy:hover {
         color: var(--link-default-hover-color);
     }
-.link__defaultView_5wkmg:active {
+.link__defaultView_1wouy: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_1mud8 {
+.link__component_1qzt0 {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1mud8:hover .link__text_1mud8,
-    .link__component_1mud8:active .link__text_1mud8 {
+.link__component_1qzt0:hover .link__text_1qzt0,
+    .link__component_1qzt0:active .link__text_1qzt0 {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1mud8 {
+.link__withAddons_1qzt0 {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1mud8 {
+.link__text_1qzt0 {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1mud8 {
+.link__focused_1qzt0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1mud8 .link__text_1mud8 {
+.link__pseudo_1qzt0 .link__text_1qzt0 {
     border-bottom-style: dashed;
 }
-.link__addons_1mud8 {
+.link__addons_1qzt0 {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1mud8:first-child {
+.link__addons_1qzt0:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1mud8:last-child {
+.link__addons_1qzt0:last-child {
     margin-left: var(--gap-xs);
 }
-.link__addons_1mud8:only-child {
+.link__addons_1qzt0: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_j90l7 {
+.link__primary_b06uz {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_j90l7:hover {
+.link__primary_b06uz:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_j90l7:active {
+.link__primary_b06uz:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_j90l7 {
+.link__secondary_b06uz {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_j90l7:hover {
+.link__secondary_b06uz:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_j90l7:active {
+.link__secondary_b06uz:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_j90l7 {
+.link__defaultView_b06uz {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_j90l7:hover {
+.link__defaultView_b06uz:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_j90l7:active {
+.link__defaultView_b06uz: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_1mud8 {
+.link__component_1qzt0 {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_1mud8:hover .link__text_1mud8,
-    .link__component_1mud8:active .link__text_1mud8 {
+.link__component_1qzt0:hover .link__text_1qzt0,
+    .link__component_1qzt0:active .link__text_1qzt0 {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_1mud8 {
+.link__withAddons_1qzt0 {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_1mud8 {
+.link__text_1qzt0 {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_1mud8 {
+.link__focused_1qzt0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_1mud8 .link__text_1mud8 {
+.link__pseudo_1qzt0 .link__text_1qzt0 {
     border-bottom-style: dashed;
 }
-.link__addons_1mud8 {
+.link__addons_1qzt0 {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_1mud8:first-child {
+.link__addons_1qzt0:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_1mud8:last-child {
+.link__addons_1qzt0:last-child {
     margin-left: var(--gap-xs);
 }
-.link__addons_1mud8:only-child {
+.link__addons_1qzt0: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_j90l7 {
+.link__primary_b06uz {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_j90l7:hover {
+.link__primary_b06uz:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_j90l7:active {
+.link__primary_b06uz:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_j90l7 {
+.link__secondary_b06uz {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_j90l7:hover {
+.link__secondary_b06uz:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_j90l7:active {
+.link__secondary_b06uz:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_j90l7 {
+.link__defaultView_b06uz {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_j90l7:hover {
+.link__defaultView_b06uz:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_j90l7:active {
+.link__defaultView_b06uz:active {
         color: var(--link-inverted-default-active-color);
     }