@salutejs/plasma-web 1.408.0-canary.1392.11069835794.0 → 1.408.0-canary.1421.11066611075.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +65 -15
- package/components/DatePicker/DatePicker.d.ts +7 -0
- package/components/Segment/Segment.d.ts +4 -16
- package/components/Segment/SegmentGroup.config.d.ts +2 -5
- package/components/Segment/SegmentGroup.config.js +11 -14
- package/components/Segment/SegmentItem.config.d.ts +1 -1
- package/components/Segment/SegmentItem.config.js +8 -8
- package/components/Slider/Slider.d.ts +47 -1
- package/css/cjs/components/Segment/Segment.css +18 -19
- package/css/cjs/components/Segment/SegmentGroup.config.js +3 -6
- package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +10 -0
- package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
- package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
- package/css/cjs/index.css +19 -20
- package/css/es/components/Segment/Segment.css +18 -19
- package/css/es/components/Segment/SegmentGroup.config.js +3 -6
- package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/es/components/Segment/SegmentGroup.config_notwep.css +10 -0
- package/css/es/components/Segment/SegmentItem.config.js +3 -3
- package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
- package/css/es/index.css +19 -20
- package/es/components/Segment/SegmentGroup.config.js +11 -14
- package/es/components/Segment/SegmentItem.config.js +8 -8
- package/es/hooks/index.js +2 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/index.js +8 -1
- package/package.json +3 -3
- package/temp/plasma-web.api.md +65 -15
- package/css/cjs/components/Segment/SegmentGroup.config_rwcojv.css +0 -11
- package/css/cjs/components/Segment/SegmentItem.config_1m9ewbs.css +0 -9
- package/css/es/components/Segment/SegmentGroup.config_rwcojv.css +0 -11
- package/css/es/components/Segment/SegmentItem.config_1m9ewbs.css +0 -9
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.408.0-canary.
|
3
|
+
"version": "1.408.0-canary.1421.11066611075.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
23
23
|
"@salutejs/plasma-hope": "1.312.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.156.0-canary.
|
24
|
+
"@salutejs/plasma-new-hope": "0.156.0-canary.1421.11066611075.0",
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "8c4413f90b382cf469527595e92530a7397484ae"
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -138,6 +138,8 @@ import { FC } from 'react';
|
|
138
138
|
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
|
139
139
|
import { FocusProps } from '@salutejs/plasma-core';
|
140
140
|
import { formatCurrency } from '@salutejs/plasma-core';
|
141
|
+
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
|
142
|
+
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
|
141
143
|
import { ForwardRefExoticComponent } from 'react';
|
142
144
|
import { FunctionComponent } from 'react';
|
143
145
|
import { gridBreakpoints } from '@salutejs/plasma-hope';
|
@@ -245,10 +247,11 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
245
247
|
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
|
246
248
|
import { ShiftProps } from '@salutejs/plasma-core';
|
247
249
|
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
|
248
|
-
import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
249
250
|
import { SkeletonGradientProps } from '@salutejs/plasma-core';
|
250
251
|
import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
|
251
252
|
import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
|
253
|
+
import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
|
254
|
+
import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
|
252
255
|
import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
253
256
|
import { SmartPaginationDots } from '@salutejs/plasma-hope';
|
254
257
|
import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
|
@@ -307,6 +310,7 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
|
|
307
310
|
import { useDebouncedFunction } from '@salutejs/plasma-core';
|
308
311
|
import { useFocusTrap } from '@salutejs/plasma-hope';
|
309
312
|
import { useForkRef } from '@salutejs/plasma-core';
|
313
|
+
import { useForm } from '@salutejs/plasma-new-hope/styled-components';
|
310
314
|
import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
|
311
315
|
import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
|
312
316
|
import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -1584,8 +1588,15 @@ true: PolymorphicClassName;
|
|
1584
1588
|
}> & DatePickerdVariationProps & {
|
1585
1589
|
defaultFirstDate?: Date | undefined;
|
1586
1590
|
defaultSecondDate?: Date | undefined;
|
1591
|
+
name?: string | undefined;
|
1587
1592
|
onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1588
1593
|
onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1594
|
+
onChange?: ((event: {
|
1595
|
+
target: {
|
1596
|
+
value?: string | undefined;
|
1597
|
+
name?: string | undefined;
|
1598
|
+
};
|
1599
|
+
}) => void) | undefined;
|
1589
1600
|
} & {
|
1590
1601
|
label?: string | undefined;
|
1591
1602
|
view?: string | undefined;
|
@@ -2675,26 +2686,20 @@ true: PolymorphicClassName;
|
|
2675
2686
|
pilled: {
|
2676
2687
|
true: PolymorphicClassName;
|
2677
2688
|
};
|
2678
|
-
stretch: {
|
2679
|
-
true: PolymorphicClassName;
|
2680
|
-
};
|
2681
2689
|
filledBackground: {
|
2682
2690
|
true: PolymorphicClassName;
|
2683
2691
|
};
|
2684
|
-
|
2685
|
-
|
2692
|
+
stretch: {
|
2693
|
+
true: PolymorphicClassName;
|
2686
2694
|
};
|
2687
2695
|
}> & HTMLAttributes<HTMLDivElement> & {
|
2688
2696
|
selectionMode?: "multiple" | "single" | undefined;
|
2689
2697
|
disabled?: boolean | undefined;
|
2690
2698
|
stretch?: boolean | undefined;
|
2691
|
-
clip?: "scroll" | "showAll" | undefined;
|
2692
|
-
orientation?: "horizontal" | "vertical" | undefined;
|
2693
2699
|
pilled?: boolean | undefined;
|
2694
2700
|
filledBackground?: boolean | undefined;
|
2695
2701
|
size?: string | undefined;
|
2696
2702
|
view?: string | undefined;
|
2697
|
-
hasBackground?: boolean | undefined;
|
2698
2703
|
} & RefAttributes<HTMLDivElement>>;
|
2699
2704
|
|
2700
2705
|
export { SegmentGroupProps }
|
@@ -2703,8 +2708,8 @@ export { SegmentGroupProps }
|
|
2703
2708
|
export const SegmentItem: FunctionComponent<PropsType< {
|
2704
2709
|
view: {
|
2705
2710
|
clear: PolymorphicClassName;
|
2706
|
-
secondary: PolymorphicClassName;
|
2707
2711
|
default: PolymorphicClassName;
|
2712
|
+
secondary: PolymorphicClassName;
|
2708
2713
|
};
|
2709
2714
|
size: {
|
2710
2715
|
xs: PolymorphicClassName;
|
@@ -2724,11 +2729,8 @@ id?: string | undefined;
|
|
2724
2729
|
label?: ReactNode;
|
2725
2730
|
pilled?: boolean | undefined;
|
2726
2731
|
customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
2727
|
-
skipSelection?: boolean | undefined;
|
2728
2732
|
size?: string | undefined;
|
2729
|
-
view?:
|
2730
|
-
contentLeft?: ReactNode;
|
2731
|
-
contentRight?: ReactNode;
|
2733
|
+
view?: string | undefined;
|
2732
2734
|
} & RefAttributes<HTMLLabelElement>>;
|
2733
2735
|
|
2734
2736
|
export { SegmentItemProps }
|
@@ -2960,7 +2962,53 @@ s: PolymorphicClassName;
|
|
2960
2962
|
disabled: {
|
2961
2963
|
true: PolymorphicClassName;
|
2962
2964
|
};
|
2963
|
-
}> & ((
|
2965
|
+
}> & ((SliderBaseProps & SliderInternalProps & {
|
2966
|
+
onChange?: ((event: FormTypeNumber) => void) | undefined;
|
2967
|
+
name: string;
|
2968
|
+
value?: undefined;
|
2969
|
+
defaultValue?: number | undefined;
|
2970
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2971
|
+
onChangeCommitted?: ((value: number) => void) | undefined;
|
2972
|
+
ariaLabel?: string | undefined;
|
2973
|
+
showCurrentValue?: boolean | undefined;
|
2974
|
+
showRangeValues?: boolean | undefined;
|
2975
|
+
hideMinValueDiff?: number | undefined;
|
2976
|
+
hideMaxValueDiff?: number | undefined;
|
2977
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2978
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2979
|
+
multipleStepSize?: number | undefined;
|
2980
|
+
view?: string | undefined;
|
2981
|
+
size?: "m" | "s" | "l" | undefined;
|
2982
|
+
type?: "single" | undefined;
|
2983
|
+
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
2984
|
+
onChange?: ((value: number) => void) | undefined;
|
2985
|
+
value: number;
|
2986
|
+
name?: undefined;
|
2987
|
+
defaultValue?: undefined;
|
2988
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2989
|
+
onChangeCommitted?: ((value: number) => void) | undefined;
|
2990
|
+
ariaLabel?: string | undefined;
|
2991
|
+
showCurrentValue?: boolean | undefined;
|
2992
|
+
showRangeValues?: boolean | undefined;
|
2993
|
+
hideMinValueDiff?: number | undefined;
|
2994
|
+
hideMaxValueDiff?: number | undefined;
|
2995
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2996
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2997
|
+
multipleStepSize?: number | undefined;
|
2998
|
+
view?: string | undefined;
|
2999
|
+
size?: "m" | "s" | "l" | undefined;
|
3000
|
+
type?: "single" | undefined;
|
3001
|
+
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3002
|
+
onChange?: ((event: FormTypeString) => void) | undefined;
|
3003
|
+
name?: string | undefined;
|
3004
|
+
value?: undefined;
|
3005
|
+
defaultValue?: number[] | undefined;
|
3006
|
+
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3007
|
+
onChange?: ((values: number[]) => void) | undefined;
|
3008
|
+
name?: undefined;
|
3009
|
+
value?: number[] | undefined;
|
3010
|
+
defaultValue?: undefined;
|
3011
|
+
} & RefAttributes<HTMLDivElement>))>;
|
2964
3012
|
|
2965
3013
|
export { SliderProps }
|
2966
3014
|
|
@@ -3287,6 +3335,8 @@ export { useFocusTrap }
|
|
3287
3335
|
|
3288
3336
|
export { useForkRef }
|
3289
3337
|
|
3338
|
+
export { useForm }
|
3339
|
+
|
3290
3340
|
export { useIsomorphicLayoutEffect }
|
3291
3341
|
|
3292
3342
|
export { usePopupBaseContext }
|
@@ -1,11 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
|
9
|
-
|
10
|
-
.tjfuhig{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
|
11
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--text-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-tertiary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary-hover);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.s1xvuorj{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:var(--surface-transparent-card);--plasma-segment-item-selected-color-hover:var(--text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-transparent-card);--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.d1f4sf91{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--inverse-text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-default);--plasma-segment-item-selected-color-hover:var(--inverse-text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-default);--plasma-segment-item-selected-additional-color:var(--inverse-text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--inverse-text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0.5rem 0.75rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-bold-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0.5rem 1rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.1875rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-bold-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0.75rem 1.25rem;--plasma-segment-item-pilled-padding:0.75rem 0.75rem;--plasma-segment-item-content-padding:0.125rem;--plasma-segment-item-content-icon-margin:0.25rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-bold-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.875rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3.5rem;--plasma-segment-item-padding:1rem 1.5rem;--plasma-segment-item-pilled-padding:1rem 1rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.375rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-bold-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.75rem;}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
|
9
|
-
|
10
|
-
.tjfuhig{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
|
11
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--text-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-tertiary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary-hover);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.s1xvuorj{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:var(--surface-transparent-card);--plasma-segment-item-selected-color-hover:var(--text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-transparent-card);--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.d1f4sf91{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--inverse-text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-default);--plasma-segment-item-selected-color-hover:var(--inverse-text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-default);--plasma-segment-item-selected-additional-color:var(--inverse-text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--inverse-text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0.5rem 0.75rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-bold-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0.5rem 1rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.1875rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-bold-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0.75rem 1.25rem;--plasma-segment-item-pilled-padding:0.75rem 0.75rem;--plasma-segment-item-content-padding:0.125rem;--plasma-segment-item-content-icon-margin:0.25rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-bold-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.875rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3.5rem;--plasma-segment-item-padding:1rem 1.5rem;--plasma-segment-item-pilled-padding:1rem 1rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.375rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-bold-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.75rem;}
|