@salutejs/plasma-new-hope 0.83.0-canary.1194.9174145281.0 → 0.83.0-canary.1208.9176013022.0

package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js

@@ -1,23 +0,0 @@
-import { css } from 'styled-components';
-import { sliderTokens } from '../../../../components/Slider';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
-      gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
-    }
-  }
-};

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

@@ -1,10 +0,0 @@
-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_b2c/components/Slider/Slider.stories.tsx

@@ -1,169 +0,0 @@
-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 { action } from '@storybook/addon-actions';
-
-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_b2c/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 onChangeCommitedHandle = (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}
-                onChangeCommitted={onChangeCommitedHandle}
-                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/examples/plasma_web/components/Slider/Slider.config.js

@@ -1,23 +0,0 @@
-import { css } from 'styled-components';
-import { sliderTokens } from '../../../../components/Slider';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
-      gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
-    }
-  }
-};

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

@@ -1,10 +0,0 @@
-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

@@ -1,168 +0,0 @@
-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 onChangeCommitedHandle = (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}
-                onChangeCommitted={onChangeCommitedHandle}
-                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/useIsomorphicLayoutEffect.js

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

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

@@ -1,5 +0,0 @@
-/**
- * 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/types/components/Slider/Slider.d.ts

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,72 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,CAsT9C,CAAC"}

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

@@ -1 +0,0 @@
-{"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

@@ -1,65 +0,0 @@
-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