@salutejs/plasma-new-hope 0.80.0-dev.0 → 0.81.0-canary.1194.9102719796.0

package/styled-components/es/examples/plasma_web/components/Slider/Slider.js

@@ -0,0 +1,10 @@
+import { sliderConfig } from '../../../../components/Slider';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Slider.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
+export var Slider = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
+ * Можно указать два значения.
+ */

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

@@ -0,0 +1,163 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import styled from 'styled-components';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Slider } from './Slider';
+
+const sizes = ['l', 'm', 's'];
+const views = ['default', 'accent', 'gradient'];
+const labelPlacements = ['outer', 'inner'];
+const rangeValuesPlacement = ['outer', 'inner'];
+
+const meta: Meta<typeof Slider> = {
+    title: 'plasma_web/Slider',
+    component: Slider,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps([
+            'value',
+            'onChangeCommitted',
+            'ariaLabel',
+            'onChange',
+            'fontSizeMultiplier',
+            'gap',
+            'settings',
+            'hasHoverAnimation',
+        ]),
+    },
+};
+
+export default meta;
+
+type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
+type StorySingleProps = StoryProps;
+
+type StorySingle = StoryObj<StorySingleProps>;
+type StoryDouble = StoryObj<StoryProps>;
+
+const SliderWrapper = styled.div`
+    width: 25rem;
+`;
+
+const StoryDefault = (args: StorySingleProps) => {
+    const [value, setValue] = useState(30);
+
+    const onChangeCommittedHandle = (values) => {
+        setValue(values);
+    };
+
+    const onChangeHandle = (values) => {
+        setValue(values);
+    };
+
+    return (
+        <SliderWrapper>
+            <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
+        </SliderWrapper>
+    );
+};
+
+export const Default: StorySingle = {
+    argTypes: {
+        labelPlacement: {
+            options: labelPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        rangeValuesPlacement: {
+            options: rangeValuesPlacement,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+    args: {
+        view: 'default',
+        size: 'm',
+        min: 0,
+        max: 100,
+        disabled: false,
+        ariaLabel: 'Цена товара',
+        multipleStepSize: 10,
+        label: 'Цена товара',
+        labelPlacement: 'outer',
+        rangeValuesPlacement: 'outer',
+        showRangeValues: true,
+        showCurrentValue: false,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryMultipleValues = (args: StoryProps) => {
+    const [value, setValue] = useState([10, 80]);
+    const sortValues = (values) => {
+        return values
+            .map((val) => {
+                if (val < args.min) {
+                    return args.min;
+                }
+                if (val > args.max) {
+                    return args.max;
+                }
+                return val;
+            })
+            .sort((a, b) => a - b);
+    };
+
+    const onChangeHandle = (values) => {
+        setValue(sortValues(values));
+    };
+
+    const onBlurTextField = (values) => {
+        setValue(sortValues(values));
+    };
+
+    const onKeyDownTextField = (values, event) => {
+        if (event.key === 'Enter') {
+            setValue(sortValues(values));
+        }
+    };
+
+    return (
+        <SliderWrapper>
+            <Slider
+                value={value}
+                onKeyDownTextField={onKeyDownTextField}
+                onBlurTextField={onBlurTextField}
+                onChange={onChangeHandle}
+                {...args}
+            />
+        </SliderWrapper>
+    );
+};
+
+export const MultipleValues: StoryDouble = {
+    args: {
+        view: 'default',
+        size: 'm',
+        min: 0,
+        max: 100,
+        disabled: false,
+        label: 'Цена товара',
+        ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
+        multipleStepSize: 10,
+    },
+    render: (args) => <StoryMultipleValues {...args} />,
+};

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

@@ -1,4 +1,5 @@
 export { useUniqId } from './useUniqId';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
-export { useDidMountEffect } from './useDidMountEffect';
+export { useDidMountEffect } from './useDidMountEffect';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

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

@@ -0,0 +1,7 @@
+import { useLayoutEffect, useEffect } from 'react';
+import { canUseDOM } from '../utils';
+
+/**
+ * Runs effect safely on server.
+ */
+export var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;

package/styled-components/es/index.js

@@ -45,4 +45,5 @@ export * from './components/Grid';
 export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
-export * from './components/Toolbar';
+export * from './components/Toolbar';
+export * from './components/Slider';

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

@@ -0,0 +1,5 @@
+/**
+ * This constant tells you whether can DOM be used.
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
+ */
+export var canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');

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

@@ -1,3 +1,4 @@
+export { canUseDOM } from './canUseDOM';
 export { extractTextFrom } from './extractTextFrom';
 export { getSizeValueFromProp } from './getSizeValueFromProp';
 export { IS_REACT_18, safeUseId } from './react';

package/types/components/Slider/Slider.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { RootPropsOmitOnChange } from '../../engines';
+import { SliderProps } from './Slider.types';
+export declare const sliderRoot: (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) => React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const sliderConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) => React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
+    base: string;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAO,MAAM,UAAU,SAAU,sBAAsB,cAAc,EAAE,WAAW,CAAC,uFAQ7E,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,sBAAsB,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BlF,CAAC"}

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

@@ -0,0 +1,72 @@
+export declare const classes: {
+    labelPlacementOuter: string;
+    labelPlacementInner: string;
+    rangeValuesPlacementOuter: string;
+    rangeValuesPlacementInner: string;
+    maxRangeValue: string;
+    hideMinValue: string;
+    hideMaxValue: string;
+    textFieldActive: string;
+    firstTextField: string;
+    secondTextField: string;
+    activeRangeValue: string;
+};
+export declare const tokens: {
+    height: string;
+    labelWrapperGap: string;
+    labelWrapperMarginBottom: string;
+    labelWrapperMarginRight: string;
+    labelColor: string;
+    labelFontFamily: string;
+    labelFontSize: string;
+    labelFontStyle: string;
+    labelFontWeight: string;
+    labelLetterSpacing: string;
+    labelLineHeight: string;
+    rangeMinValueMargin: string;
+    rangeMaxValueMargin: string;
+    rangeValueBottomOffset: string;
+    rangeValueColor: string;
+    rangeValueFontFamily: string;
+    rangeValueFontSize: string;
+    rangeValueFontStyle: string;
+    rangeValueFontWeight: string;
+    rangeValueLetterSpacing: string;
+    rangeValueLineHeight: string;
+    doubleWrapperGap: string;
+    thumbSize: string;
+    thumbBorder: string;
+    thumbBorderColor: string;
+    thumbBackgroundColor: string;
+    thumbFocusBorderColor: string;
+    currentValueTopOffset: string;
+    currentValueFontFamily: string;
+    currentValueFontSize: string;
+    currentValueFontStyle: string;
+    currentValueFontWeight: string;
+    currentValueLetterSpacing: string;
+    currentValueLineHeight: string;
+    railBackgroundColor: string;
+    railHeight: string;
+    railBorderRadius: string;
+    railIndent: string;
+    fillColor: string;
+    textFieldWrapperGap: string;
+    textFieldFontFamily: string;
+    textFieldFontSize: string;
+    textFieldFontStyle: string;
+    textFieldFontWeight: string;
+    textFieldLetterSpacing: string;
+    textFieldLineHeight: string;
+    textFieldHeight: string;
+    textFieldPadding: string;
+    textFieldBorderRadius: string;
+    textFieldColor: string;
+    textFieldActiveColor: string;
+    textFieldBackgroundColor: string;
+    textFieldCaretColor: string;
+    textFieldPlaceholderColor: string;
+    textFiledFocusColor: string;
+    disabledOpacity: string;
+};
+//# sourceMappingURL=Slider.tokens.d.ts.map

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

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

package/types/components/Slider/Slider.types.d.ts

@@ -0,0 +1,3 @@
+import type { DoubleSliderProps, SingleSliderProps } from './components';
+export declare type SliderProps = SingleSliderProps | DoubleSliderProps;
+//# sourceMappingURL=Slider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEzE,oBAAY,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}

package/types/components/Slider/components/Double/Double.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { DoubleSliderProps } from './Double.types';
+export declare const DoubleSlider: FC<DoubleSliderProps>;
+//# sourceMappingURL=Double.d.ts.map

package/types/components/Slider/components/Double/Double.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+R9C,CAAC"}

package/types/components/Slider/components/Double/Double.styles.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LabelContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const InputsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledInput: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    chips?: undefined;
+    onChangeChips?: undefined;
+    enumerationType?: "plain" | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    enumerationType: "chip";
+    onSearch?: undefined;
+    chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
+    onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>))>;
+export declare const DoubleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SliderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Double.styles.d.ts.map

package/types/components/Slider/components/Double/Double.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC"}

package/types/components/Slider/components/Double/Double.types.d.ts

@@ -0,0 +1,65 @@
+import type { HTMLAttributes, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
+import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
+export interface DoubleSliderProps extends SliderBaseProps, SliderInternalProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Текущее значение
+     */
+    value: number[];
+    /**
+     * Вызывается при отпускании ползунка
+     */
+    onChangeCommitted?: (value: number[]) => void;
+    /**
+     * Вызывается при перемещении ползунка
+     */
+    onChange?: (value: number[]) => void;
+    /**
+     * Вызывается при изменении TextField
+     */
+    onChangeTextField?: (value: number[], event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Вызывается при анфокусе TextField
+     */
+    onBlurTextField?: (value: number[], event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Вызывается при нажатии на клавишу в TextField
+     */
+    onKeyDownTextField?: (value: number[], event: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Расположение значений минимума и максимума интервала.
+     */
+    rangeValuesPlacement?: never;
+    /**
+     * Отображать ли текущее значение.
+     */
+    showCurrentValue?: never;
+    /**
+     * Отображать ли значения минимума и максимума интервала.
+     */
+    showRangeValues?: never;
+    /**
+     * Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
+     */
+    hideMinValueDiff?: never;
+    /**
+     * Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
+     */
+    hideMaxValueDiff?: never;
+    /**
+     * Расположение подписи.
+     */
+    labelPlacement?: never;
+    /**
+     * Ярлык, определяющий назначение ползунка, например «Минимальная цена» [a11y].
+     */
+    ariaLabel?: string[];
+    /**
+     * Размера увеличенного шага (для клавиш PageUp, PageDown).
+     * Указывает процентное отношение от максимально возможного значения.
+     * Указав значение 20 при максимуме в 100, получим 20%.
+     */
+    multipleStepSize?: number;
+    view?: string;
+    size?: 's' | 'm' | 'l';
+}
+//# sourceMappingURL=Double.types.d.ts.map

package/types/components/Slider/components/Double/Double.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC1B"}

package/types/components/Slider/components/Single/Single.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { SingleSliderProps } from './Single.types';
+export declare const SingleSlider: FC<SingleSliderProps>;
+//# sourceMappingURL=Single.d.ts.map

package/types/components/Slider/components/Single/Single.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+J9C,CAAC"}

package/types/components/Slider/components/Single/Single.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LabelContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const StyledRangeValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const SliderBaseWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SingleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Single.styles.d.ts.map

package/types/components/Slider/components/Single/Single.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC"}

package/types/components/Slider/components/Single/Single.types.d.ts

@@ -0,0 +1,55 @@
+import type { HTMLAttributes } from 'react';
+import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
+export interface SingleSliderProps extends SliderBaseProps, SliderInternalProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Текущее знaчение
+     */
+    value: number;
+    /**
+     * Вызывается при отпускании ползунка
+     */
+    onChangeCommitted?: (value: number) => void;
+    /**
+     * Вызывается при перемещении ползунка
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Ярлык, определяющий назначение ползунка, например «Минимальная цена» [a11y].
+     */
+    ariaLabel?: string;
+    /**
+     * Отображать ли текущее значение.
+     */
+    showCurrentValue?: boolean;
+    /**
+     * Отображать ли значения минимума и максимума интервала.
+     */
+    showRangeValues?: boolean;
+    /**
+     * Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
+     */
+    hideMinValueDiff?: number;
+    /**
+     * Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
+     */
+    hideMaxValueDiff?: number;
+    /**
+     * Расположение значений минимума и максимума интервала.
+     * @default `outer`
+     */
+    rangeValuesPlacement?: 'inner' | 'outer';
+    /**
+     * Расположение подписи.
+     * @default `outer`
+     */
+    labelPlacement?: 'inner' | 'outer';
+    /**
+     * Размера увеличенного шага (для клавиш PageUp, PageDown).
+     * Указывает процентное отношение от максимально возможного значения.
+     * Указав значение 20 при максимуме в 100, получим 20%.
+     */
+    multipleStepSize?: number;
+    view?: string;
+    size?: 's' | 'm' | 'l';
+}
+//# sourceMappingURL=Single.types.d.ts.map

package/types/components/Slider/components/Single/Single.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC1B"}

package/types/components/Slider/components/SliderBase/SliderBase.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import type { SliderViewProps } from './SliderBase.types';
+export declare const SliderBase: React.FC<PropsWithChildren<SliderViewProps>>;
+//# sourceMappingURL=SliderBase.d.ts.map

package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2EnE,CAAC"}

package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Slider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RailWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Fill: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=SliderBase.styles.d.ts.map

package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,MAAM,qKAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAWhB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAOhB,CAAC"}

package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { DraggableData } from 'react-draggable';
+export declare type SliderSettings = Partial<{
+    indent?: number;
+    fontSizeMultiplier?: number;
+    backgroundColor?: string;
+    fillColor?: string;
+}>;
+export interface SliderBaseProps {
+    /**
+     * Минимальное значение
+     */
+    min: number;
+    /**
+     * Максимальное значение
+     */
+    max: number;
+    /**
+     * подпись к слайдеру
+     */
+    label?: string;
+    /**
+     * Слот под контент слева от подписи (например иконку)
+     */
+    labelContentLeft?: ReactNode;
+    /**
+     * Компонент неактивен
+     */
+    disabled?: boolean;
+    labelPlacement?: string;
+    rangeValuesPlacement?: string;
+}
+export interface SliderInternalProps {
+    /**
+     * Настройки внешнего вида slider
+     */
+    settings?: SliderSettings;
+}
+export interface SliderViewProps extends SliderBaseProps, SliderInternalProps {
+    railFillWidth: number;
+    setStepSize(stepSize: number): void;
+    railFillXPosition?: number;
+    onChange?(value: number, data: DraggableData): void;
+}
+//# sourceMappingURL=SliderBase.types.d.ts.map

package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,cAAc,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,mBAAmB;IACzE,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACvD"}

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

@@ -0,0 +1,6 @@
+export * from './Single/Single';
+export * from './Double/Double';
+export type { SingleSliderProps } from './Single/Single.types';
+export type { DoubleSliderProps } from './Double/Double.types';
+export type { SliderInternalProps, SliderSettings } from './SliderBase/SliderBase.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -0,0 +1,6 @@
+export { sliderConfig, sliderRoot } from './Slider';
+export { tokens as sliderTokens } from './Slider.tokens';
+export { ThumbBase } from './ui';
+export type { SliderProps } from './Slider.types';
+export type { SliderSettings, SingleSliderProps, DoubleSliderProps } from './components';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}