@salutejs/plasma-web 1.427.0-canary.1452.11462555994.0 → 1.427.0-canary.1497.11463811587.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +7 -88
- package/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/components/Dropdown/Dropdown.config.js +5 -5
- package/components/Dropdown/Dropdown.d.ts +4 -4
- package/components/Dropdown/components/DropdownPopup.js +4 -2
- package/components/Slider/Slider.config.js +3 -3
- package/components/Slider/Slider.d.ts +2 -92
- package/css/cjs/components/Dropdown/Dropdown.config.js +5 -5
- package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
- package/css/cjs/components/Dropdown/Dropdown.css +5 -5
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +4 -2
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/components/Slider/Slider.config.js +1 -1
- package/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/css/cjs/components/Slider/Slider.config_1ol3us3.css +7 -0
- package/css/cjs/components/Slider/Slider.css +7 -7
- package/css/cjs/index.css +12 -12
- package/css/es/components/Dropdown/Dropdown.config.js +5 -5
- package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/es/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
- package/css/es/components/Dropdown/Dropdown.css +5 -5
- package/css/es/components/Dropdown/components/DropdownPopup.js +4 -2
- package/css/es/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/es/components/Slider/Slider.config.js +1 -1
- package/css/es/components/Slider/Slider.config.js.map +1 -1
- package/css/es/components/Slider/Slider.config_1ol3us3.css +7 -0
- package/css/es/components/Slider/Slider.css +7 -7
- package/css/es/index.css +12 -12
- package/es/components/Dropdown/Dropdown.config.js +6 -6
- package/es/components/Dropdown/components/DropdownPopup.js +4 -2
- package/es/components/Slider/Slider.config.js +3 -3
- package/package.json +3 -3
- package/temp/plasma-web.api.md +7 -88
- package/components/Dropdown/Dropdown.perftest.js +0 -175
- package/css/cjs/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
- package/css/cjs/components/Slider/Slider.config_1fdel2j.css +0 -7
- package/css/es/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
- package/css/es/components/Slider/Slider.config_1fdel2j.css +0 -7
- package/es/components/Dropdown/Dropdown.perftest.js +0 -168
package/api/plasma-web.api.md
CHANGED
@@ -133,6 +133,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
|
|
133
133
|
import { DropdownNodeType } from '@salutejs/plasma-hope';
|
134
134
|
import { DropdownPopupProps } from '@salutejs/plasma-hope';
|
135
135
|
import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
|
136
|
+
import { DropdownProps as DropdownProps_2 } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
136
137
|
import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
|
137
138
|
import { ElasticGrid } from '@salutejs/plasma-hope';
|
138
139
|
import { ElasticGridProps } from '@salutejs/plasma-hope';
|
@@ -1507,15 +1508,15 @@ export { DrawerProps }
|
|
1507
1508
|
// @public (undocumented)
|
1508
1509
|
export const Dropdown: FunctionComponent<PropsType< {
|
1509
1510
|
size: {
|
1510
|
-
xs: PolymorphicClassName;
|
1511
|
-
s: PolymorphicClassName;
|
1512
|
-
m: PolymorphicClassName;
|
1513
1511
|
l: PolymorphicClassName;
|
1512
|
+
m: PolymorphicClassName;
|
1513
|
+
s: PolymorphicClassName;
|
1514
|
+
xs: PolymorphicClassName;
|
1514
1515
|
};
|
1515
1516
|
view: {
|
1516
1517
|
default: PolymorphicClassName;
|
1517
1518
|
};
|
1518
|
-
}> &
|
1519
|
+
}> & DropdownProps_2 & RefAttributes<HTMLDivElement>>;
|
1519
1520
|
|
1520
1521
|
// @public (undocumented)
|
1521
1522
|
export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
|
@@ -3716,119 +3717,37 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
|
|
3716
3717
|
name: string;
|
3717
3718
|
value?: undefined;
|
3718
3719
|
defaultValue?: number | undefined;
|
3719
|
-
} & {
|
3720
|
-
orientation?: "horizontal" | undefined;
|
3721
|
-
labelPlacement?: "none" | "top" | "left" | undefined;
|
3722
|
-
scaleAlign?: "none" | "bottom" | "side" | undefined;
|
3723
|
-
sliderAlign?: "none" | undefined;
|
3724
|
-
reversed?: undefined;
|
3725
|
-
labelReversed?: undefined;
|
3726
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
3727
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
3728
|
-
ariaLabel?: string | undefined;
|
3729
|
-
showCurrentValue?: boolean | undefined;
|
3730
|
-
showRangeValues?: boolean | undefined;
|
3731
|
-
rangeValuesPlacement?: string | undefined;
|
3732
|
-
showScale?: boolean | undefined;
|
3733
|
-
hideMinValueDiff?: number | undefined;
|
3734
|
-
hideMaxValueDiff?: number | undefined;
|
3735
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
3736
|
-
labelContentLeft?: ReactNode;
|
3737
|
-
labelContent?: ReactNode;
|
3738
|
-
multipleStepSize?: number | undefined;
|
3739
|
-
view?: string | undefined;
|
3740
|
-
size?: "m" | "s" | "l" | undefined;
|
3741
|
-
type?: "single" | undefined;
|
3742
|
-
hasPointer?: boolean | undefined;
|
3743
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
3744
|
-
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
3745
|
-
onChange?: ((event: FormTypeNumber) => void) | undefined;
|
3746
|
-
name: string;
|
3747
|
-
value?: undefined;
|
3748
|
-
defaultValue?: number | undefined;
|
3749
|
-
} & {
|
3750
|
-
orientation: "vertical";
|
3751
|
-
sliderAlign?: "none" | "center" | "right" | "left" | undefined;
|
3752
|
-
scaleAlign?: undefined;
|
3753
|
-
reversed?: boolean | undefined;
|
3754
|
-
labelReversed?: boolean | undefined;
|
3755
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
3756
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
3757
|
-
ariaLabel?: string | undefined;
|
3758
|
-
showCurrentValue?: boolean | undefined;
|
3759
|
-
showRangeValues?: boolean | undefined;
|
3760
|
-
rangeValuesPlacement?: string | undefined;
|
3761
|
-
showScale?: boolean | undefined;
|
3762
|
-
hideMinValueDiff?: number | undefined;
|
3763
|
-
hideMaxValueDiff?: number | undefined;
|
3764
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
3765
|
-
labelContentLeft?: ReactNode;
|
3766
|
-
labelContent?: ReactNode;
|
3767
|
-
multipleStepSize?: number | undefined;
|
3768
|
-
view?: string | undefined;
|
3769
|
-
size?: "m" | "s" | "l" | undefined;
|
3770
|
-
type?: "single" | undefined;
|
3771
|
-
hasPointer?: boolean | undefined;
|
3772
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
3773
|
-
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
3774
|
-
onChange?: ((value: number) => void) | undefined;
|
3775
|
-
value: number;
|
3776
|
-
name?: undefined;
|
3777
|
-
defaultValue?: undefined;
|
3778
|
-
} & {
|
3779
|
-
orientation?: "horizontal" | undefined;
|
3780
|
-
labelPlacement?: "none" | "top" | "left" | undefined;
|
3781
|
-
scaleAlign?: "none" | "bottom" | "side" | undefined;
|
3782
|
-
sliderAlign?: "none" | undefined;
|
3783
|
-
reversed?: undefined;
|
3784
|
-
labelReversed?: undefined;
|
3785
3720
|
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
3786
3721
|
onChangeCommitted?: ((value: number) => void) | undefined;
|
3787
3722
|
ariaLabel?: string | undefined;
|
3788
3723
|
showCurrentValue?: boolean | undefined;
|
3789
3724
|
showRangeValues?: boolean | undefined;
|
3790
|
-
rangeValuesPlacement?: string | undefined;
|
3791
|
-
showScale?: boolean | undefined;
|
3792
3725
|
hideMinValueDiff?: number | undefined;
|
3793
3726
|
hideMaxValueDiff?: number | undefined;
|
3727
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
3794
3728
|
labelPlacement?: "outer" | "inner" | undefined;
|
3795
|
-
labelContentLeft?: ReactNode;
|
3796
|
-
labelContent?: ReactNode;
|
3797
3729
|
multipleStepSize?: number | undefined;
|
3798
3730
|
view?: string | undefined;
|
3799
3731
|
size?: "m" | "s" | "l" | undefined;
|
3800
3732
|
type?: "single" | undefined;
|
3801
|
-
hasPointer?: boolean | undefined;
|
3802
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
3803
3733
|
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
3804
3734
|
onChange?: ((value: number) => void) | undefined;
|
3805
3735
|
value: number;
|
3806
3736
|
name?: undefined;
|
3807
3737
|
defaultValue?: undefined;
|
3808
|
-
} & {
|
3809
|
-
orientation: "vertical";
|
3810
|
-
sliderAlign?: "none" | "center" | "right" | "left" | undefined;
|
3811
|
-
scaleAlign?: undefined;
|
3812
|
-
reversed?: boolean | undefined;
|
3813
|
-
labelReversed?: boolean | undefined;
|
3814
3738
|
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
3815
3739
|
onChangeCommitted?: ((value: number) => void) | undefined;
|
3816
3740
|
ariaLabel?: string | undefined;
|
3817
3741
|
showCurrentValue?: boolean | undefined;
|
3818
3742
|
showRangeValues?: boolean | undefined;
|
3819
|
-
rangeValuesPlacement?: string | undefined;
|
3820
|
-
showScale?: boolean | undefined;
|
3821
3743
|
hideMinValueDiff?: number | undefined;
|
3822
3744
|
hideMaxValueDiff?: number | undefined;
|
3745
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
3823
3746
|
labelPlacement?: "outer" | "inner" | undefined;
|
3824
|
-
labelContentLeft?: ReactNode;
|
3825
|
-
labelContent?: ReactNode;
|
3826
3747
|
multipleStepSize?: number | undefined;
|
3827
3748
|
view?: string | undefined;
|
3828
3749
|
size?: "m" | "s" | "l" | undefined;
|
3829
3750
|
type?: "single" | undefined;
|
3830
|
-
hasPointer?: boolean | undefined;
|
3831
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
3832
3751
|
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
|
3833
3752
|
onChange?: ((event: FormTypeString) => void) | undefined;
|
3834
3753
|
name?: string | undefined;
|
@@ -5,10 +5,10 @@ export declare const config: {
|
|
5
5
|
};
|
6
6
|
variations: {
|
7
7
|
size: {
|
8
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
8
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
12
|
};
|
13
13
|
view: {
|
14
14
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -14,13 +14,13 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
size: {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
17
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
18
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
19
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
20
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.dropdownTokens.dividerColor)
|
24
24
|
}
|
25
25
|
}
|
26
26
|
};
|
@@ -1,13 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
3
|
size: {
|
4
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
4
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
8
|
};
|
9
9
|
view: {
|
10
10
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
11
|
};
|
12
|
-
}> & import("@salutejs/plasma-new-hope/
|
12
|
+
}> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
|
13
13
|
export { Dropdown };
|
@@ -8,7 +8,7 @@ exports.DropdownPopup = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
10
10
|
var _DropdownOld = /*#__PURE__*/require("./DropdownOld.config");
|
11
|
-
var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
11
|
+
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -19,6 +19,7 @@ var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig
|
|
19
19
|
var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
20
20
|
var trigger = props.trigger,
|
21
21
|
children = props.children,
|
22
|
+
opened = props.opened,
|
22
23
|
isOpen = props.isOpen,
|
23
24
|
disclosure = props.disclosure,
|
24
25
|
onToggle = props.onToggle,
|
@@ -30,7 +31,8 @@ var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(
|
|
30
31
|
ref: ref,
|
31
32
|
onToggle: onToggle,
|
32
33
|
target: disclosure,
|
33
|
-
opened:
|
34
|
+
opened: opened,
|
35
|
+
isOpen: isOpen,
|
34
36
|
trigger: trigger,
|
35
37
|
placement: placement,
|
36
38
|
offset: [offsetAtTop, 0]
|
@@ -19,9 +19,9 @@ var config = exports.config = {
|
|
19
19
|
gradient: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n\n ", ": var(--surface-solid-tertiary);\n ", ": var(--on-light-surface-solid-card);\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--surface-solid-tertiary);\n\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFieldBackgroundColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldActiveColor)
|
20
20
|
},
|
21
21
|
size: {
|
22
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n
|
24
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n
|
22
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.625rem;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3.5rem;\n ", ": 1.25rem 1rem 1.25rem 1rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
|
23
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.75rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
|
24
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": -1.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": 0.125rem solid;\n\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 2.5rem;\n ", ": 0.5rem 1rem 0.5rem 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
|
25
25
|
},
|
26
26
|
disabled: {
|
27
27
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.sliderTokens.disabledOpacity)
|
@@ -18,131 +18,41 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
18
18
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
19
|
};
|
20
20
|
}> & ((import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
|
21
|
-
/**
|
22
|
-
* Слайдер позволяет определить числовое значение в пределах указанного промежутка.
|
23
|
-
* Можно указать два значения.
|
24
|
-
*/
|
25
21
|
onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
|
26
22
|
name: string;
|
27
23
|
value?: undefined;
|
28
24
|
defaultValue?: number | undefined;
|
29
|
-
} & {
|
30
|
-
orientation?: "horizontal" | undefined;
|
31
|
-
labelPlacement?: "none" | "top" | "left" | undefined;
|
32
|
-
scaleAlign?: "none" | "bottom" | "side" | undefined;
|
33
|
-
sliderAlign?: "none" | undefined;
|
34
|
-
reversed?: undefined;
|
35
|
-
labelReversed?: undefined;
|
36
25
|
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
37
26
|
onChangeCommitted?: ((value: number) => void) | undefined;
|
38
27
|
ariaLabel?: string | undefined;
|
39
28
|
showCurrentValue?: boolean | undefined;
|
40
29
|
showRangeValues?: boolean | undefined;
|
41
|
-
rangeValuesPlacement?: string | undefined;
|
42
|
-
showScale?: boolean | undefined;
|
43
30
|
hideMinValueDiff?: number | undefined;
|
44
31
|
hideMaxValueDiff?: number | undefined;
|
32
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
45
33
|
labelPlacement?: "outer" | "inner" | undefined;
|
46
|
-
labelContentLeft?: import("react").ReactNode;
|
47
|
-
labelContent?: import("react").ReactNode;
|
48
34
|
multipleStepSize?: number | undefined;
|
49
35
|
view?: string | undefined;
|
50
36
|
size?: "m" | "s" | "l" | undefined;
|
51
37
|
type?: "single" | undefined;
|
52
|
-
hasPointer?: boolean | undefined;
|
53
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
54
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
|
55
|
-
/**
|
56
|
-
* Слайдер позволяет определить числовое значение в пределах указанного промежутка.
|
57
|
-
* Можно указать два значения.
|
58
|
-
*/
|
59
|
-
onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
|
60
|
-
name: string;
|
61
|
-
value?: undefined;
|
62
|
-
defaultValue?: number | undefined;
|
63
|
-
} & {
|
64
|
-
orientation: "vertical";
|
65
|
-
sliderAlign?: "none" | "center" | "right" | "left" | undefined;
|
66
|
-
scaleAlign?: undefined;
|
67
|
-
reversed?: boolean | undefined;
|
68
|
-
labelReversed?: boolean | undefined;
|
69
|
-
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
70
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
71
|
-
ariaLabel?: string | undefined;
|
72
|
-
showCurrentValue?: boolean | undefined;
|
73
|
-
showRangeValues?: boolean | undefined;
|
74
|
-
rangeValuesPlacement?: string | undefined;
|
75
|
-
showScale?: boolean | undefined;
|
76
|
-
hideMinValueDiff?: number | undefined;
|
77
|
-
hideMaxValueDiff?: number | undefined;
|
78
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
79
|
-
labelContentLeft?: import("react").ReactNode;
|
80
|
-
labelContent?: import("react").ReactNode;
|
81
|
-
multipleStepSize?: number | undefined;
|
82
|
-
view?: string | undefined;
|
83
|
-
size?: "m" | "s" | "l" | undefined;
|
84
|
-
type?: "single" | undefined;
|
85
|
-
hasPointer?: boolean | undefined;
|
86
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
87
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
|
88
|
-
onChange?: ((value: number) => void) | undefined;
|
89
|
-
value: number;
|
90
|
-
name?: undefined;
|
91
|
-
defaultValue?: undefined;
|
92
|
-
} & {
|
93
|
-
orientation?: "horizontal" | undefined;
|
94
|
-
labelPlacement?: "none" | "top" | "left" | undefined;
|
95
|
-
scaleAlign?: "none" | "bottom" | "side" | undefined;
|
96
|
-
sliderAlign?: "none" | undefined;
|
97
|
-
reversed?: undefined;
|
98
|
-
labelReversed?: undefined;
|
99
|
-
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
100
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
101
|
-
ariaLabel?: string | undefined;
|
102
|
-
showCurrentValue?: boolean | undefined;
|
103
|
-
showRangeValues?: boolean | undefined;
|
104
|
-
rangeValuesPlacement?: string | undefined;
|
105
|
-
showScale?: boolean | undefined;
|
106
|
-
hideMinValueDiff?: number | undefined;
|
107
|
-
hideMaxValueDiff?: number | undefined;
|
108
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
109
|
-
labelContentLeft?: import("react").ReactNode;
|
110
|
-
labelContent?: import("react").ReactNode;
|
111
|
-
multipleStepSize?: number | undefined;
|
112
|
-
view?: string | undefined;
|
113
|
-
size?: "m" | "s" | "l" | undefined;
|
114
|
-
type?: "single" | undefined;
|
115
|
-
hasPointer?: boolean | undefined;
|
116
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
117
38
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
|
118
39
|
onChange?: ((value: number) => void) | undefined;
|
119
40
|
value: number;
|
120
41
|
name?: undefined;
|
121
42
|
defaultValue?: undefined;
|
122
|
-
} & {
|
123
|
-
orientation: "vertical";
|
124
|
-
sliderAlign?: "none" | "center" | "right" | "left" | undefined;
|
125
|
-
scaleAlign?: undefined;
|
126
|
-
reversed?: boolean | undefined;
|
127
|
-
labelReversed?: boolean | undefined;
|
128
43
|
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
129
44
|
onChangeCommitted?: ((value: number) => void) | undefined;
|
130
45
|
ariaLabel?: string | undefined;
|
131
46
|
showCurrentValue?: boolean | undefined;
|
132
47
|
showRangeValues?: boolean | undefined;
|
133
|
-
rangeValuesPlacement?: string | undefined;
|
134
|
-
showScale?: boolean | undefined;
|
135
48
|
hideMinValueDiff?: number | undefined;
|
136
49
|
hideMaxValueDiff?: number | undefined;
|
50
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
137
51
|
labelPlacement?: "outer" | "inner" | undefined;
|
138
|
-
labelContentLeft?: import("react").ReactNode;
|
139
|
-
labelContent?: import("react").ReactNode;
|
140
52
|
multipleStepSize?: number | undefined;
|
141
53
|
view?: string | undefined;
|
142
54
|
size?: "m" | "s" | "l" | undefined;
|
143
55
|
type?: "single" | undefined;
|
144
|
-
hasPointer?: boolean | undefined;
|
145
|
-
pointerSize?: "none" | "small" | "large" | undefined;
|
146
56
|
} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
|
147
57
|
onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
|
148
58
|
name?: string | undefined;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Dropdown.
|
1
|
+
import './Dropdown.config_1tiyqmq.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -10,10 +10,10 @@ var config = {
|
|
10
10
|
},
|
11
11
|
variations: {
|
12
12
|
size: {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
13
|
+
l: "luajbqv",
|
14
|
+
m: "mxwpid0",
|
15
|
+
s: "s12u1ccx",
|
16
|
+
xs: "xj8enjv"
|
17
17
|
},
|
18
18
|
view: {
|
19
19
|
"default": "da0vaum"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n
|
1
|
+
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 17.5rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1.125rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1.125rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 15rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 12.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 10rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.25rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","l","m","s","xs","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqCL;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.luajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
2
|
+
.mxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
3
|
+
.s12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
4
|
+
.xj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.da0vaum{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|