@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.0

package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx

@@ -0,0 +1,242 @@
+import React, { useRef, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import styled from 'styled-components';
+
+import { linkConfig } from '../../../../components/Link';
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { Button } from '../Button/Button';
+
+import { config } from './Tour.config';
+import { Tour } from './Tour';
+
+const meta: Meta<typeof Tour> = {
+    title: 'web/Navigation/Tour',
+    decorators: [WithTheme],
+    component: Tour,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(linkConfig, config)),
+        withOverlay: {
+            type: 'boolean',
+        },
+        overlayColor: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const Card = styled.div`
+    padding: 1rem;
+    background: #fff;
+    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
+    border-radius: 0.75rem;
+    max-width: 20rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+`;
+
+const Title = styled.h4`
+    margin: 0;
+    font-size: 1rem;
+    font-weight: 600;
+    color: #000;
+`;
+
+const Description = styled.p`
+    margin: 0;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    color: #666;
+`;
+
+const Footer = styled.div`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1.5rem;
+    margin-top: 0.5rem;
+
+    > div {
+        display: flex;
+        gap: 0.5rem;
+    }
+
+    small {
+        color: #666;
+        white-space: nowrap;
+    }
+`;
+
+const TourCard: React.FC<{
+    title: string;
+    description: string;
+    index: number;
+    last: boolean;
+    total: number;
+    onPrev: () => void;
+    onNext: () => void;
+    onClose: () => void;
+}> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
+    return (
+        <Card>
+            {title && <Title>{title}</Title>}
+            {description && <Description>{description}</Description>}
+            <Footer>
+                <div>
+                    {index > 0 && (
+                        <Button size="xs" type="button" onClick={onPrev}>
+                            Назад
+                        </Button>
+                    )}
+                    {!last && (
+                        <Button size="xs" type="button" onClick={onNext}>
+                            Далее
+                        </Button>
+                    )}
+                    {last && (
+                        <Button size="xs" type="button" onClick={onClose}>
+                            Закрыть
+                        </Button>
+                    )}
+                </div>
+                <small>
+                    Шаг {index + 1} / {total}
+                </small>
+            </Footer>
+        </Card>
+    );
+};
+
+const StoryDefault = (args) => {
+    const ref1 = useRef<HTMLButtonElement>(null);
+    const ref2 = useRef<HTMLButtonElement>(null);
+    const ref3 = useRef<HTMLButtonElement>(null);
+    const ref4 = useRef<HTMLButtonElement>(null);
+    const [open, setOpen] = useState(false);
+    const [current, setCurrent] = useState(0);
+
+    const onNext = () => setCurrent(current + 1);
+    const onPrev = () => setCurrent(current - 1);
+    const onClose = () => setOpen(false);
+
+    const steps = [
+        {
+            target: ref1,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={0}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+            placement: 'right',
+        },
+        {
+            target: ref2,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={1}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+        },
+        {
+            target: ref3,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={2}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+        },
+        {
+            target: ref4,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={3}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+            placement: 'left',
+        },
+    ];
+
+    return (
+        <div
+            style={{
+                width: '100%',
+                height: '110vh',
+                display: 'flex',
+                justifyContent: 'space-between',
+                flexDirection: 'column',
+                alignItems: 'center',
+            }}
+        >
+            <div
+                style={{
+                    width: '100%',
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <Button ref={ref1}>Блок 1</Button>
+                <Button ref={ref2}>Блок 2</Button>
+            </div>
+            <Button onClick={() => setOpen(true)}>Запуск тура</Button>
+
+            <div
+                style={{
+                    width: '100%',
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <Button ref={ref3}>Блок 3</Button>
+                <Button ref={ref4}>Блок 4</Button>
+            </div>
+
+            <Tour
+                {...args}
+                open={open}
+                current={current}
+                onClose={() => {
+                    setCurrent(0);
+                    setOpen(false);
+                }}
+                steps={steps}
+            />
+        </div>
+    );
+};
+
+export const Default: StoryObj = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/styled-components/es/hooks/index.js

@@ -5,5 +5,4 @@ export { useForceUpdate } from "./useForceUpdate";
 export { useDidMountEffect } from "./useDidMountEffect";
 export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
 export { useOutsideClick } from "./useOutsideClick";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-export { useCodeHook } from "./useCodeHook";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";

package/styled-components/es/index.js

@@ -78,6 +78,6 @@ export * from "./components/NumberFormat";
 export * from "./components/Toast/ToastNew";
 export * from "./components/Carousel";
 export * from "./components/PaginationDots";
-export * from "./components/CodeInput";
 export * from "./components/CodeField";
-export * from "./components/List";
+export * from "./components/List";
+export * from "./components/Tour";

package/styled-components/es/utils/constants.js

@@ -15,10 +15,4 @@ export var screenGroupBreakpoints = {
   small: '0',
   medium: '35rem',
   large: '60rem'
-};
-export var ONLY_DIGITS_PATTERN = '^\\d+$';
-export var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
-export var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
-export var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
-export var BACKSPACE_KEY = 'Backspace';
-export var ANIMATION_TIMEOUT = 300;
+};

package/styled-components/es/utils/index.js

@@ -9,7 +9,6 @@ export { createEvent } from "./createEvent";
 import * as _constants from "./constants";
 export { _constants as constants };
 export * from "./getPopoverPlacement";
-export * from "./initialValuesHelper";
 export { noop } from "./noop";
 export { getHeightAsNumber } from "./getHeightAsNumber";
 export { createConditionalComponent } from "./createConditionalComponent";

package/types/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAkRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBApRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6S5E,CAAC"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAoRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAtRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+S5E,CAAC"}

package/types/components/Tour/Tour.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import type { TourProps } from './Tour.types';
+export declare const tourRoot: (Root: RootProps<HTMLDivElement, TourProps>) => React.ForwardRefExoticComponent<TourProps & React.RefAttributes<HTMLDivElement>>;
+export declare const tourConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, TourProps>) => React.ForwardRefExoticComponent<TourProps & React.RefAttributes<HTMLDivElement>>;
+    base: string;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Tour.d.ts.map

package/types/components/Tour/Tour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFA4M9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA9MQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA+NlE,CAAC"}

package/types/components/Tour/Tour.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const MaskContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    zIndex: string | number;
+}>;
+export declare const Mask: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Highlight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    overlayColor?: string;
+}>;
+export declare const TourPortal: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Tour.styles.d.ts.map

package/types/components/Tour/Tour.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;EAQ1D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}

package/types/components/Tour/Tour.tokens.d.ts

@@ -0,0 +1,14 @@
+export declare const classes: {
+    mask: string;
+};
+export declare const tokens: {
+    cardPadding: string;
+    cardRadius: string;
+    cardBgColor: string;
+    cardShadow: string;
+    maskBgColor: string;
+    titleColor: string;
+    descriptionColor: string;
+    highlightRadius: string;
+};
+//# sourceMappingURL=Tour.tokens.d.ts.map

package/types/components/Tour/Tour.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}

package/types/components/Tour/Tour.types.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+export interface TourStep {
+    /**
+     * Ссылка на объект
+     */
+    target: string | React.RefObject<HTMLElement> | HTMLElement | ReactNode;
+    /**
+     * Карточка шага
+     */
+    renderItem: () => JSX.Element;
+    /**
+     * Позиционирование карточки
+     */
+    placement?: string;
+}
+export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Список шагов.
+     */
+    steps: TourStep[];
+    /**
+     * Индекс активного шага
+     */
+    current?: number;
+    /**
+     * Активный шаг по-умолчанию
+     */
+    defaultCurrent?: number;
+    /**
+     * Флаг открытия тура
+     */
+    open?: boolean;
+    /**
+     * Флаг открытия тура по-умолчанию
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback при смене шага
+     */
+    onChange?: (current: number) => void;
+    /**
+     * Callback при закрытии тура
+     */
+    onClose?: () => void;
+    /**
+     * Флаг на наличие фона у тура
+     */
+    withOverlay?: boolean;
+    /**
+     * Флаг на наличие фона у тура
+     */
+    zIndex?: string;
+    /**
+     * Вид тура
+     */
+    view?: string;
+    /**
+     * Размер тура
+     */
+    size?: string;
+    /**
+     * Отступ окна относительно элемента, по основной оси
+     */
+    offset?: number;
+    /**
+     * Отступ окна относительно элемента, по второстепенной оси
+     */
+    shift?: number;
+    /**
+     * Отступ высветленного блока
+     */
+    highlightOffset?: number;
+    /**
+     * Цвет фона у тура
+     */
+    overlayColor?: string;
+}
+//# sourceMappingURL=Tour.types.d.ts.map

package/types/components/Tour/Tour.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/types/components/Tour/index.d.ts

@@ -0,0 +1,4 @@
+export { tourRoot, tourConfig } from './Tour';
+export { tokens as tourTokens, classes as tourClasses } from './Tour.tokens';
+export type { TourProps, TourStep } from './Tour.types';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Tour/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/types/components/Tour/utils/index.d.ts

@@ -0,0 +1,2 @@
+export declare const getHTMLElement: (target: string | React.RefObject<HTMLElement> | HTMLElement) => HTMLElement | null;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Tour/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tour/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,KAAG,WAAW,GAAG,IAW1G,CAAC"}

package/types/components/Tour/variatoins/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tour/variatoins/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Tour/variatoins/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tour/variatoins/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/hooks/index.d.ts

@@ -6,5 +6,4 @@ export { useDidMountEffect } from './useDidMountEffect';
 export { useDidMountLayoutEffect } from './useDidMountLayoutEffect';
 export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
-export { useCodeHook } from './useCodeHook';
 //# sourceMappingURL=index.d.ts.map

package/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/types/index.d.ts

@@ -76,7 +76,7 @@ export * from './components/NumberFormat';
 export * from './components/Toast/ToastNew';
 export * from './components/Carousel';
 export * from './components/PaginationDots';
-export * from './components/CodeInput';
 export * from './components/CodeField';
 export * from './components/List';
+export * from './components/Tour';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/types/utils/constants.d.ts

@@ -16,10 +16,4 @@ export declare const screenGroupBreakpoints: {
     medium: string;
     large: string;
 };
-export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
-export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
-export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
-export declare const FORBIDDEN_KEYS: string[];
-export declare const BACKSPACE_KEY = "Backspace";
-export declare const ANIMATION_TIMEOUT = 300;
 //# sourceMappingURL=constants.d.ts.map

package/types/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAYpB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAChD,eAAO,MAAM,6BAA6B,mBAAmB,CAAC;AAE9D,eAAO,MAAM,cAAc,UAAuE,CAAC;AACnG,eAAO,MAAM,aAAa,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAYpB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC"}

package/types/utils/index.d.ts

@@ -9,7 +9,6 @@ export { isEmpty } from './isEmpty';
 export { createEvent } from './createEvent';
 export * as constants from './constants';
 export * from './getPopoverPlacement';
-export * from './initialValuesHelper';
 export { noop } from './noop';
 export { getHeightAsNumber } from './getHeightAsNumber';
 export { createConditionalComponent } from './createConditionalComponent';

package/types/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAEvH,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAEvH,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/cjs/components/CodeInput/CodeInput.css

@@ -1,14 +0,0 @@
-.CodeInput_styles_3w98lu_b1y2r9rw__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeInput_styles_3w98lu_b1y2r9rw__c05da402.CodeInput_styles_3w98lu_codeinputCaptionAlignLeft__c05da402{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
-.CodeInput_styles_3w98lu_c1fux591__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CodeInput_styles_3w98lu_cuja080__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CodeInput_styles_3w98lu_s175xqem__c05da402{width:var(--plasma-codeinput-separator-width);}
-.CodeInput_styles_3w98lu_i16menav__c05da402{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:var(--i16menav-0);}
-.CodeInput_styles_3w98lu_iuawgdb__c05da402{position:relative;}
-.CodeInput_styles_3w98lu_i1tn2nm3__c05da402{position:absolute;top:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));left:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));width:var(--plasma-codeinput-item-circle-size);height:var(--plasma-codeinput-item-circle-size);box-sizing:border-box;border-radius:100%;background-color:'transparent';}
-.CodeInput_styles_3w98lu_c19x1gm7__c05da402{text-align:var(--c19x1gm7-0);-webkit-align-self:var(--c19x1gm7-0);-ms-flex-item-align:var(--c19x1gm7-0);align-self:var(--c19x1gm7-0);width:var(--c19x1gm7-1);white-space:pre-line;}
-
-.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c{color:var(--plasma-codeinput-caption-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c.base_17gj0wr_codeinputCaptionError__67ad6f7c{color:var(--plasma-codeinput-caption-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color);background-color:'transparent';}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleError__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c:focus-visible{outline:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]{position:relative;border:none;position:absolute;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:1rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added].base_17gj0wr_focusVisible__67ad6f7c:focus::before,.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added][data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c:hover .base_17gj0wr_codeinputItemHoverEnabled__67ad6f7c{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.base_17gj0wr_bxs6mj3__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c:focus-within{box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{-webkit-animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);}@-webkit-keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
-
-.base_h42a8b_bbkzv6b__8ce3510f{gap:var(--plasma-codeinput-caption-gap);}@media (min-width:0){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-small-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-small-height);--private-codeinput-item-width:var(--plasma-codeinput-item-small-width);--private-codeinput-item-hieght:var(--plasma-codeinput-small-line-height);}}@media (min-width:35rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-medium-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-medium-height);--private-codeinput-item-width:var(--plasma-codeinput-item-medium-width);--private-codeinput-item-hieght:var(--plasma-codeinput-medium-line-height);}}@media (min-width:60rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-large-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-large-height);--private-codeinput-item-width:var(--plasma-codeinput-item-large-width);--private-codeinput-item-hieght:var(--plasma-codeinput-large-line-height);}}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c1fux591__8ce3510f,.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_cuja080__8ce3510f{gap:var(--plasma-codeinput-code-item-gap);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_i16menav__8ce3510f{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c19x1gm7__8ce3510f{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
-
-.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled] > *{pointer-events:none;}