@alfalab/core-components 23.3.0 → 23.6.0-beta.0

package/pagination/esm/components/default-view/index.js

@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import 'classnames';
+import '../../../../tag/esm';
+import { Tag } from '../tag/index.js';
+
+var styles = {"dots":"pagination__dots_1pknm"};
+require('./index.css');
+
+var DefaultView = function (_a) {
+    var _b = _a.sidePadding, sidePadding = _b === void 0 ? 2 : _b, _c = _a.activePadding, activePadding = _c === void 0 ? 1 : _c, pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex, _d = _a.onPageChange, onPageChange = _d === void 0 ? function () { return null; } : _d;
+    var maxHalfCount = sidePadding + activePadding + 1;
+    var maxElementsCount = maxHalfCount * 2 + 1;
+    var itemsFit = pagesCount <= maxElementsCount;
+    var elementsCount = itemsFit ? pagesCount : maxElementsCount;
+    var getPageIndex = useCallback(function (elementIndex) {
+        var lastIndex = pagesCount - 1;
+        var reverseIndex = lastIndex - currentPageIndex;
+        var lastElementIndex = elementsCount - 1;
+        var reverseElementIndex = lastElementIndex - elementIndex;
+        var hasCollapsedItems = function (index) { return !itemsFit && index >= maxHalfCount; };
+        if (elementIndex < sidePadding) {
+            return elementIndex;
+        }
+        if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {
+            return null;
+        }
+        if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {
+            return null;
+        }
+        if (reverseElementIndex < sidePadding) {
+            return lastIndex - reverseElementIndex;
+        }
+        var computedIndex = currentPageIndex - maxHalfCount + elementIndex;
+        return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
+    }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    return (React.createElement(React.Fragment, null, Array(elementsCount)
+        .fill('')
+        .map(function (_, i) {
+        var pageIndex = getPageIndex(i);
+        if (pageIndex === null) {
+            return (React.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
+        }
+        var active = currentPageIndex === pageIndex;
+        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, pageIndex + 1));
+    })));
+};
+
+export { DefaultView };

package/pagination/esm/components/per-page-view/index.css

@@ -0,0 +1,16 @@
+/* hash: 1qu2v */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.pagination__component_156gk {
+    display: block;
+    margin: 0 var(--gap-m);
+}

package/pagination/esm/components/per-page-view/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PaginationProps } from "../../Component";
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+declare const PerPageView: FC<PerPageViewProps>;
+export { PerPageView };

package/pagination/esm/components/per-page-view/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+var styles = {"component":"pagination__component_156gk"};
+require('./index.css');
+
+var PerPageView = function (_a) {
+    var pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex;
+    return (React.createElement("span", { className: styles.component },
+        currentPageIndex + 1,
+        " \u0438\u0437 ",
+        pagesCount,
+        " \u0441\u0442\u0440\u0430\u043D\u0438\u0446"));
+};
+
+export { PerPageView };

package/pagination/esm/components/tag/index.css

@@ -0,0 +1,52 @@
+/* hash: pp9p6 */
+:root {
+    --color-light-bg-neutral: #dbdee1;
+    --color-light-bg-secondary-inverted: #233549;
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-primary-inverted: #fff;
+    --color-light-text-secondary: #546272;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --border-radius-m: 8px;
+}
+.pagination__tag_1nthz.pagination__tag_1nthz {
+    color: var(--color-light-text-secondary);
+    border-radius: var(--border-radius-m);
+    border: none;
+    flex-shrink: 0;
+    min-width: auto;
+    min-height: auto;
+    width: 32px;
+    height: 32px;
+    padding: 0
+}
+.pagination__tag_1nthz.pagination__tag_1nthz:disabled:not(.pagination__checked_1nthz) {
+        opacity: 0.3;
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz:hover:not(:disabled) {
+        background-color: var(--color-light-bg-tertiary);
+        color: var(--color-light-text-primary);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz:active:not(:disabled) {
+        background-color: var(--color-light-bg-neutral);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz {
+        cursor: default;
+        background-color: var(--color-light-bg-secondary-inverted);
+        color: var(--color-light-text-primary-inverted);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz:hover:not(:disabled) {
+        color: var(--color-light-text-primary-inverted);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz:active:not(:disabled) {
+        color: var(--color-light-text-primary);
+    }

package/pagination/esm/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TagProps } from "../../../../tag";
+declare const Tag: FC<TagProps>;
+export { Tag };

package/pagination/esm/components/tag/index.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import cn from 'classnames';
+import { Tag as Tag$1 } from '../../../../tag/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"tag":"pagination__tag_1nthz","checked":"pagination__checked_1nthz"};
+require('./index.css');
+
+var Tag = function (_a) {
+    var _b;
+    var className = _a.className, checked = _a.checked, restProps = __rest(_a, ["className", "checked"]);
+    return (React.createElement(Tag$1, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
+};
+
+export { Tag };

package/pagination/esm/index.css

@@ -0,0 +1,32 @@
+/* hash: 1l3ng */
+:root {
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.pagination__component_jogeo {
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    color: var(--color-light-text-primary);
+    font-feature-settings: "tnum";
+    font-variant-numeric: tabular-nums;
+}
+.pagination__default_jogeo > * {
+        margin-right: var(--gap-xs)
+    }
+.pagination__default_jogeo > *:last-child {
+            margin-right: 0;
+        }

package/pagination/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/pagination/esm/index.js

@@ -0,0 +1,9 @@
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronBackMIcon';
+import '@alfalab/icons-glyph/ChevronForwardMIcon';
+import '../../tag/esm';
+import './components/tag/index.js';
+import './components/default-view/index.js';
+import './components/per-page-view/index.js';
+export { Pagination } from './Component.js';

package/pagination/index.css

@@ -0,0 +1,32 @@
+/* hash: 1l3ng */
+:root {
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.pagination__component_jogeo {
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    color: var(--color-light-text-primary);
+    font-feature-settings: "tnum";
+    font-variant-numeric: tabular-nums;
+}
+.pagination__default_jogeo > * {
+        margin-right: var(--gap-xs)
+    }
+.pagination__default_jogeo > *:last-child {
+            margin-right: 0;
+        }

package/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/pagination/index.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronBackMIcon');
+require('@alfalab/icons-glyph/ChevronForwardMIcon');
+require('./components/tag/index.js');
+require('../tag');
+require('./components/default-view/index.js');
+require('./components/per-page-view/index.js');
+var Component = require('./Component.js');
+
+
+
+exports.Pagination = Component.Pagination;

package/pagination/modern/Component.d.ts

@@ -0,0 +1,41 @@
+import { FC } from 'react';
+type PaginationProps = {
+    /**
+     * Текущая страница (с нуля)
+     */
+    currentPageIndex: number;
+    /**
+     * Количество страниц
+     */
+    pagesCount: number;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Скрывает стрелки, если выбрана первая или последняя страница
+     */
+    hideArrows?: boolean;
+    /**
+     * Количество видимых страниц по бокам
+     */
+    sidePadding?: number;
+    /**
+     * Количество видимых страниц вокруг выбранной
+     */
+    activePadding?: number;
+    /**
+     * Режим пагинации
+     */
+    view?: 'default' | 'per-page';
+    /**
+     * Обработчик переключения страницы
+     */
+    onPageChange?: (pageIndex: number) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Pagination: FC<PaginationProps>;
+export { PaginationProps, Pagination };

package/pagination/modern/Component.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import cn from 'classnames';
+import { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';
+import { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';
+import '../../tag/modern';
+import { Tag } from './components/tag/index.js';
+import { DefaultView } from './components/default-view/index.js';
+import { PerPageView } from './components/per-page-view/index.js';
+
+var styles = {"component":"pagination__component_jogeo","default":"pagination__default_jogeo"};
+require('./index.css');
+
+const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {
+    const handlePageClick = (pageIndex) => {
+        onPageChange(pageIndex);
+    };
+    const handleNextPageClick = () => {
+        handlePageClick(Math.min(pagesCount - 1, currentPageIndex + 1));
+    };
+    const handlePrevPageClick = () => {
+        handlePageClick(Math.max(0, currentPageIndex - 1));
+    };
+    const shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
+    const shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
+    return (React.createElement("div", { className: cn(styles.component, className, styles[view]), "data-test-id": dataTestId },
+        shouldRenderPrevArrow && (React.createElement(Tag, { className: styles.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React.createElement(ChevronBackMIcon, { width: 16, height: 16 }) })),
+        view === 'default' && (React.createElement(DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
+        view === 'per-page' && (React.createElement(PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),
+        shouldRenderNextArrow && (React.createElement(Tag, { className: styles.arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React.createElement(ChevronForwardMIcon, { width: 16, height: 16 }) }))));
+};
+
+export { Pagination };

package/pagination/modern/components/default-view/index.css

@@ -0,0 +1,22 @@
+/* hash: 1egyc */
+:root {
+    --color-light-text-secondary: #546272;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pagination__dots_1pknm {
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--color-light-text-secondary);
+    cursor: default;
+}

package/pagination/modern/components/default-view/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PaginationProps } from "../../Component";
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+declare const DefaultView: FC<DefaultViewProps>;
+export { DefaultView };

package/pagination/modern/components/default-view/index.js

@@ -0,0 +1,47 @@
+import React, { useCallback } from 'react';
+import 'classnames';
+import '../../../../tag/modern';
+import { Tag } from '../tag/index.js';
+
+var styles = {"dots":"pagination__dots_1pknm"};
+require('./index.css');
+
+const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPageIndex, onPageChange = () => null, }) => {
+    const maxHalfCount = sidePadding + activePadding + 1;
+    const maxElementsCount = maxHalfCount * 2 + 1;
+    const itemsFit = pagesCount <= maxElementsCount;
+    const elementsCount = itemsFit ? pagesCount : maxElementsCount;
+    const getPageIndex = useCallback((elementIndex) => {
+        const lastIndex = pagesCount - 1;
+        const reverseIndex = lastIndex - currentPageIndex;
+        const lastElementIndex = elementsCount - 1;
+        const reverseElementIndex = lastElementIndex - elementIndex;
+        const hasCollapsedItems = (index) => !itemsFit && index >= maxHalfCount;
+        if (elementIndex < sidePadding) {
+            return elementIndex;
+        }
+        if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {
+            return null;
+        }
+        if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {
+            return null;
+        }
+        if (reverseElementIndex < sidePadding) {
+            return lastIndex - reverseElementIndex;
+        }
+        const computedIndex = currentPageIndex - maxHalfCount + elementIndex;
+        return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
+    }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    return (React.createElement(React.Fragment, null, Array(elementsCount)
+        .fill('')
+        .map((_, i) => {
+        const pageIndex = getPageIndex(i);
+        if (pageIndex === null) {
+            return (React.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
+        }
+        const active = currentPageIndex === pageIndex;
+        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: () => onPageChange(pageIndex) }, pageIndex + 1));
+    })));
+};
+
+export { DefaultView };

package/pagination/modern/components/per-page-view/index.css

@@ -0,0 +1,16 @@
+/* hash: 1qu2v */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.pagination__component_156gk {
+    display: block;
+    margin: 0 var(--gap-m);
+}

package/pagination/modern/components/per-page-view/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PaginationProps } from "../../Component";
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+declare const PerPageView: FC<PerPageViewProps>;
+export { PerPageView };

package/pagination/modern/components/per-page-view/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+var styles = {"component":"pagination__component_156gk"};
+require('./index.css');
+
+const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },
+    currentPageIndex + 1,
+    " \u0438\u0437 ",
+    pagesCount,
+    " \u0441\u0442\u0440\u0430\u043D\u0438\u0446"));
+
+export { PerPageView };

package/pagination/modern/components/tag/index.css

@@ -0,0 +1,52 @@
+/* hash: pp9p6 */
+:root {
+    --color-light-bg-neutral: #dbdee1;
+    --color-light-bg-secondary-inverted: #233549;
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-primary-inverted: #fff;
+    --color-light-text-secondary: #546272;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --border-radius-m: 8px;
+}
+.pagination__tag_1nthz.pagination__tag_1nthz {
+    color: var(--color-light-text-secondary);
+    border-radius: var(--border-radius-m);
+    border: none;
+    flex-shrink: 0;
+    min-width: auto;
+    min-height: auto;
+    width: 32px;
+    height: 32px;
+    padding: 0
+}
+.pagination__tag_1nthz.pagination__tag_1nthz:disabled:not(.pagination__checked_1nthz) {
+        opacity: 0.3;
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz:hover:not(:disabled) {
+        background-color: var(--color-light-bg-tertiary);
+        color: var(--color-light-text-primary);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz:active:not(:disabled) {
+        background-color: var(--color-light-bg-neutral);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz {
+        cursor: default;
+        background-color: var(--color-light-bg-secondary-inverted);
+        color: var(--color-light-text-primary-inverted);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz:hover:not(:disabled) {
+        color: var(--color-light-text-primary-inverted);
+    }
+.pagination__tag_1nthz.pagination__tag_1nthz.pagination__checked_1nthz:active:not(:disabled) {
+        color: var(--color-light-text-primary);
+    }

package/pagination/modern/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TagProps } from "../../../../tag";
+declare const Tag: FC<TagProps>;
+export { Tag };

package/pagination/modern/components/tag/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cn from 'classnames';
+import { Tag as Tag$1 } from '../../../../tag/modern';
+
+var styles = {"tag":"pagination__tag_1nthz","checked":"pagination__checked_1nthz"};
+require('./index.css');
+
+const Tag = ({ className, checked, ...restProps }) => (React.createElement(Tag$1, Object.assign({}, restProps, { checked: checked, size: 'xxs', className: cn(className, styles.tag, { [styles.checked]: checked }) })));
+
+export { Tag };

package/pagination/modern/index.css

@@ -0,0 +1,32 @@
+/* hash: 1l3ng */
+:root {
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.pagination__component_jogeo {
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    color: var(--color-light-text-primary);
+    font-feature-settings: "tnum";
+    font-variant-numeric: tabular-nums;
+}
+.pagination__default_jogeo > * {
+        margin-right: var(--gap-xs)
+    }
+.pagination__default_jogeo > *:last-child {
+            margin-right: 0;
+        }

package/pagination/modern/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/pagination/modern/index.js

@@ -0,0 +1,9 @@
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronBackMIcon';
+import '@alfalab/icons-glyph/ChevronForwardMIcon';
+import '../../tag/modern';
+import './components/tag/index.js';
+import './components/default-view/index.js';
+import './components/per-page-view/index.js';
+export { Pagination } from './Component.js';

package/pagination/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/password-input/component.js

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_151gc","xl":"password-input__xl_151gc","input":"password-input__input_151gc"};
+var styles = {"eye":"password-input__eye_1iluz","xl":"password-input__xl_1iluz","input":"password-input__input_1iluz"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_151gc","xl":"password-input__xl_151gc","input":"password-input__input_151gc"};
+var styles = {"eye":"password-input__eye_1iluz","xl":"password-input__xl_1iluz","input":"password-input__input_1iluz"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -1,16 +1,16 @@
-/* hash: nnagq */
-.password-input__eye_151gc:last-child {
+/* hash: rfdrd */
+.password-input__eye_1iluz:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_151gc .password-input__eye_151gc:last-child {
+.password-input__xl_1iluz .password-input__eye_1iluz:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_151gc .password-input__eye_151gc {
+.password-input__xl_1iluz .password-input__eye_1iluz {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_151gc::-ms-reveal {
+.password-input__input_1iluz::-ms-reveal {
     display: none;
 }