@salutejs/plasma-web 1.408.0-canary.1392.11069835794.0 → 1.408.0-canary.1421.11066611075.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.408.0-canary.1392.11069835794.0",
+  "version": "1.408.0-canary.1421.11066611075.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.180.0",
     "@salutejs/plasma-hope": "1.312.0",
-    "@salutejs/plasma-new-hope": "0.156.0-canary.1392.11069835794.0",
+    "@salutejs/plasma-new-hope": "0.156.0-canary.1421.11066611075.0",
     "@salutejs/plasma-themes": "0.18.0",
     "@salutejs/plasma-tokens-b2b": "1.42.0",
     "@salutejs/plasma-tokens-b2c": "0.52.0",
@@ -112,5 +112,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "6737f1aab6ec7dc0426e66103c13bd8b346e6224"
+  "gitHead": "8c4413f90b382cf469527595e92530a7397484ae"
 }

package/temp/plasma-web.api.md

@@ -138,6 +138,8 @@ import { FC } from 'react';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FocusProps } from '@salutejs/plasma-core';
 import { formatCurrency } from '@salutejs/plasma-core';
+import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
+import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { gridBreakpoints } from '@salutejs/plasma-hope';
@@ -245,10 +247,11 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ShiftProps } from '@salutejs/plasma-core';
 import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
-import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SkeletonGradientProps } from '@salutejs/plasma-core';
 import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
+import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
+import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
 import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SmartPaginationDots } from '@salutejs/plasma-hope';
 import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
@@ -307,6 +310,7 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
 import { useDebouncedFunction } from '@salutejs/plasma-core';
 import { useFocusTrap } from '@salutejs/plasma-hope';
 import { useForkRef } from '@salutejs/plasma-core';
+import { useForm } from '@salutejs/plasma-new-hope/styled-components';
 import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
 import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
@@ -1584,8 +1588,15 @@ true: PolymorphicClassName;
 }> & DatePickerdVariationProps & {
 defaultFirstDate?: Date | undefined;
 defaultSecondDate?: Date | undefined;
+name?: string | undefined;
 onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
 onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
+onChange?: ((event: {
+target: {
+value?: string | undefined;
+name?: string | undefined;
+};
+}) => void) | undefined;
 } & {
 label?: string | undefined;
 view?: string | undefined;
@@ -2675,26 +2686,20 @@ true: PolymorphicClassName;
 pilled: {
 true: PolymorphicClassName;
 };
-stretch: {
-true: PolymorphicClassName;
-};
 filledBackground: {
 true: PolymorphicClassName;
 };
-orientation: {
-vertical: PolymorphicClassName;
+stretch: {
+true: PolymorphicClassName;
 };
 }> & HTMLAttributes<HTMLDivElement> & {
 selectionMode?: "multiple" | "single" | undefined;
 disabled?: boolean | undefined;
 stretch?: boolean | undefined;
-clip?: "scroll" | "showAll" | undefined;
-orientation?: "horizontal" | "vertical" | undefined;
 pilled?: boolean | undefined;
 filledBackground?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
-hasBackground?: boolean | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export { SegmentGroupProps }
@@ -2703,8 +2708,8 @@ export { SegmentGroupProps }
 export const SegmentItem: FunctionComponent<PropsType<    {
 view: {
 clear: PolymorphicClassName;
-secondary: PolymorphicClassName;
 default: PolymorphicClassName;
+secondary: PolymorphicClassName;
 };
 size: {
 xs: PolymorphicClassName;
@@ -2724,11 +2729,8 @@ id?: string | undefined;
 label?: ReactNode;
 pilled?: boolean | undefined;
 customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
-skipSelection?: boolean | undefined;
 size?: string | undefined;
-view?: "default" | "secondary" | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
+view?: string | undefined;
 } & RefAttributes<HTMLLabelElement>>;
 
 export { SegmentItemProps }
@@ -2960,7 +2962,53 @@ s: PolymorphicClassName;
 disabled: {
 true: PolymorphicClassName;
 };
-}> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>;
+}> & ((SliderBaseProps & SliderInternalProps & {
+onChange?: ((event: FormTypeNumber) => void) | undefined;
+name: string;
+value?: undefined;
+defaultValue?: number | undefined;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+onChangeCommitted?: ((value: number) => void) | undefined;
+ariaLabel?: string | undefined;
+showCurrentValue?: boolean | undefined;
+showRangeValues?: boolean | undefined;
+hideMinValueDiff?: number | undefined;
+hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+multipleStepSize?: number | undefined;
+view?: string | undefined;
+size?: "m" | "s" | "l" | undefined;
+type?: "single" | undefined;
+} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
+onChange?: ((value: number) => void) | undefined;
+value: number;
+name?: undefined;
+defaultValue?: undefined;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+onChangeCommitted?: ((value: number) => void) | undefined;
+ariaLabel?: string | undefined;
+showCurrentValue?: boolean | undefined;
+showRangeValues?: boolean | undefined;
+hideMinValueDiff?: number | undefined;
+hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+multipleStepSize?: number | undefined;
+view?: string | undefined;
+size?: "m" | "s" | "l" | undefined;
+type?: "single" | undefined;
+} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
+onChange?: ((event: FormTypeString) => void) | undefined;
+name?: string | undefined;
+value?: undefined;
+defaultValue?: number[] | undefined;
+} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
+onChange?: ((values: number[]) => void) | undefined;
+name?: undefined;
+value?: number[] | undefined;
+defaultValue?: undefined;
+} & RefAttributes<HTMLDivElement>))>;
 
 export { SliderProps }
 
@@ -3287,6 +3335,8 @@ export { useFocusTrap }
 
 export { useForkRef }
 
+export { useForm }
+
 export { useIsomorphicLayoutEffect }
 
 export { usePopupBaseContext }

package/css/cjs/components/Segment/SegmentGroup.config_rwcojv.css

@@ -1,11 +0,0 @@
-.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.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;}
-.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;}
-.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;}
-.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;}
-.t1832286{--plasma-segment-disabled-opacity:0.4;}
-
-
-.tjfuhig{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
-

package/css/cjs/components/Segment/SegmentItem.config_1m9ewbs.css

@@ -1,9 +0,0 @@
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.t169sl90{--plasma-segment-disabled-opacity:0.4;}
-.t1aaurja{--plasma-segment-item-pilled-border-radius:1.75rem;}

package/css/es/components/Segment/SegmentGroup.config_rwcojv.css

@@ -1,11 +0,0 @@
-.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.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;}
-.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;}
-.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;}
-.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;}
-.t1832286{--plasma-segment-disabled-opacity:0.4;}
-
-
-.tjfuhig{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
-

package/css/es/components/Segment/SegmentItem.config_1m9ewbs.css

@@ -1,9 +0,0 @@
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.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);}
-.t169sl90{--plasma-segment-disabled-opacity:0.4;}
-.t1aaurja{--plasma-segment-item-pilled-border-radius:1.75rem;}