@salutejs/plasma-web 1.400.0-canary.1392.10920536997.0 → 1.400.0-canary.1418.10918226755.0

package/temp/plasma-web.api.md

@@ -151,10 +151,12 @@ import { InputHTMLAttributes } from '@salutejs/plasma-core';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
 import { JSXElementConstructor } from 'react';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { List } from '@salutejs/plasma-hope';
 import { ListItem } from '@salutejs/plasma-hope';
+import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
 import { MaxLinesProps } from '@salutejs/plasma-core';
 import { mediaQuery } from '@salutejs/plasma-hope';
 import { MediaQueryFunction } from '@salutejs/plasma-hope';
@@ -1843,6 +1845,197 @@ export { List }
 
 export { ListItem }
 
+// @public (undocumented)
+export const Mask: ForwardRefExoticComponent<(Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+required: true;
+optional?: false | undefined;
+} & {
+chips?: undefined;
+onChangeChips?: undefined;
+enumerationType?: "plain" | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+required: true;
+optional?: false | undefined;
+} & {
+enumerationType: "chip";
+onSearch?: undefined;
+chips?: TextFieldPrimitiveValue[] | undefined;
+onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+optional?: true | undefined;
+required?: false | undefined;
+} & {
+chips?: undefined;
+onChangeChips?: undefined;
+enumerationType?: "plain" | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+optional?: true | undefined;
+required?: false | undefined;
+} & {
+enumerationType: "chip";
+onSearch?: undefined;
+chips?: TextFieldPrimitiveValue[] | undefined;
+onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref">) & RefAttributes<HTMLInputElement>>;
+
 export { MaxLinesProps }
 
 export { mediaQuery }
@@ -2239,26 +2432,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 }
@@ -2267,8 +2454,8 @@ export { SegmentGroupProps }
 export const SegmentItem: FunctionComponent<PropsType<    {
 view: {
 clear: PolymorphicClassName;
-secondary: PolymorphicClassName;
 default: PolymorphicClassName;
+secondary: PolymorphicClassName;
 };
 size: {
 xs: PolymorphicClassName;
@@ -2288,11 +2475,8 @@ id?: string | undefined;
 label?: ReactNode;
 pilled?: boolean | undefined;
 customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
-skipSelection?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
 } & RefAttributes<HTMLLabelElement>>;
 
 export { SegmentItemProps }

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

@@ -1,11 +0,0 @@
-.cct3vnm{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.f15142ru{--plasma-segment-arrow-color:var(--text-secondary);--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;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
-.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;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
-.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;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
-.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;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
-.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_1fal3h5.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);--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);--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);--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-solid-card);--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-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);--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);--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_ni2oaz.css

@@ -1,11 +0,0 @@
-.cct3vnm{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
-.f15142ru{--plasma-segment-arrow-color:var(--text-secondary);--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;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
-.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;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
-.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;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
-.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;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
-.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_1fal3h5.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);--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);--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);--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-solid-card);--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-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);--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);--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;}