@salutejs/plasma-web 1.410.0-canary.1464.11120816324.0 → 1.410.1-canary.1374.11123970444.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +240 -62
- package/components/Autocomplete/Autocomplete.config.js +4 -4
- package/components/Combobox/Combobox.config.js +4 -4
- package/components/DatePicker/DatePicker.config.js +1 -1
- package/components/DatePicker/DatePicker.d.ts +0 -7
- package/components/Mask/Mask.d.ts +236 -0
- package/components/Range/Range.config.js +1 -1
- package/components/Slider/Slider.d.ts +1 -47
- package/components/Tabs/TabItem.d.ts +3 -2
- package/components/Tabs/TabItem.js +14 -3
- package/components/Tabs/Tabs.d.ts +3 -2
- package/components/Tabs/Tabs.js +17 -3
- package/components/Tabs/TabsController.d.ts +2 -2
- package/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +4 -4
- package/components/Tabs/vertical/VerticalTabItem.config.d.ts +20 -0
- package/components/Tabs/vertical/VerticalTabItem.config.js +29 -0
- package/components/Tabs/vertical/VerticalTabs.config.d.ts +23 -0
- package/components/Tabs/vertical/VerticalTabs.config.js +32 -0
- package/components/TextField/TextField.config.d.ts +3 -0
- package/components/TextField/TextField.config.js +14 -11
- package/components/TextField/TextField.d.ts +173 -5
- package/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/css/cjs/components/Autocomplete/{Autocomplete.config_3qyax3.css → Autocomplete.config_1v9v1c1.css} +4 -4
- package/css/cjs/components/Autocomplete/Autocomplete.css +11 -11
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/{Combobox.config_10gk2fc.css → Combobox.config_43hgej.css} +4 -4
- package/css/cjs/components/Combobox/Combobox.css +11 -11
- package/css/cjs/components/Combobox/index.css +11 -11
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{es/components/DatePicker/DatePicker.config_rfg2ek.css → cjs/components/DatePicker/DatePicker.config_1pxn1wl.css} +1 -1
- package/css/cjs/components/DatePicker/DatePicker.css +7 -7
- package/css/cjs/components/Mask/Mask.css +12 -11
- package/css/cjs/components/Range/Range.config.js +1 -1
- package/css/cjs/components/Range/Range.config.js.map +1 -1
- package/css/cjs/components/Range/{Range.config_1ysrz7c.css → Range.config_1f3m2jj.css} +1 -1
- package/css/cjs/components/Range/Range.css +7 -7
- package/css/cjs/components/Tabs/TabItem.css +22 -15
- package/css/cjs/components/Tabs/TabItem.js +13 -3
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.css +23 -15
- package/css/cjs/components/Tabs/Tabs.js +16 -3
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/TabsController.css +45 -30
- package/css/cjs/components/Tabs/TabsController.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config_ckewdk.css +15 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -0
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +15 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config_qf7yzk.css +6 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +31 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +1 -0
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config_r21c39.css +7 -0
- package/css/cjs/components/TextField/TextField.config.js +6 -3
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config_j0ymp0.css +13 -0
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +96 -80
- package/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/css/es/components/Autocomplete/{Autocomplete.config_3qyax3.css → Autocomplete.config_1v9v1c1.css} +4 -4
- package/css/es/components/Autocomplete/Autocomplete.css +11 -11
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/{Combobox.config_10gk2fc.css → Combobox.config_43hgej.css} +4 -4
- package/css/es/components/Combobox/Combobox.css +11 -11
- package/css/es/components/Combobox/index.css +11 -11
- package/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{cjs/components/DatePicker/DatePicker.config_rfg2ek.css → es/components/DatePicker/DatePicker.config_1pxn1wl.css} +1 -1
- package/css/es/components/DatePicker/DatePicker.css +7 -7
- package/css/es/components/Mask/Mask.css +12 -11
- package/css/es/components/Range/Range.config.js +1 -1
- package/css/es/components/Range/Range.config.js.map +1 -1
- package/css/es/components/Range/{Range.config_1ysrz7c.css → Range.config_1f3m2jj.css} +1 -1
- package/css/es/components/Range/Range.css +7 -7
- package/css/es/components/Tabs/TabItem.css +22 -15
- package/css/es/components/Tabs/TabItem.js +14 -4
- package/css/es/components/Tabs/TabItem.js.map +1 -1
- package/css/es/components/Tabs/Tabs.css +23 -15
- package/css/es/components/Tabs/Tabs.js +17 -4
- package/css/es/components/Tabs/Tabs.js.map +1 -1
- package/css/es/components/Tabs/TabsController.css +45 -30
- package/css/es/components/Tabs/TabsController.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +35 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config_ckewdk.css +15 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +37 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -0
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +15 -0
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js +24 -0
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -0
- package/css/es/components/Tabs/vertical/VerticalTabItem.config_qf7yzk.css +6 -0
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js +27 -0
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -0
- package/css/es/components/Tabs/vertical/VerticalTabs.config_r21c39.css +7 -0
- package/css/es/components/TextField/TextField.config.js +6 -3
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.config_j0ymp0.css +13 -0
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +96 -80
- package/es/components/Autocomplete/Autocomplete.config.js +4 -4
- package/es/components/Combobox/Combobox.config.js +4 -4
- package/es/components/DatePicker/DatePicker.config.js +1 -1
- package/es/components/Range/Range.config.js +1 -1
- package/es/components/Tabs/TabItem.js +14 -4
- package/es/components/Tabs/Tabs.js +17 -4
- package/es/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +4 -4
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +23 -0
- package/es/components/Tabs/vertical/VerticalTabs.config.js +26 -0
- package/es/components/TextField/TextField.config.js +14 -11
- package/package.json +3 -3
- package/temp/plasma-web.api.md +240 -62
- package/css/cjs/components/Tabs/TabItem.config.js +0 -39
- package/css/cjs/components/Tabs/TabItem.config.js.map +0 -1
- package/css/cjs/components/Tabs/TabItem.config_mjoml6.css +0 -15
- package/css/cjs/components/Tabs/Tabs.config.js +0 -41
- package/css/cjs/components/Tabs/Tabs.config.js.map +0 -1
- package/css/cjs/components/Tabs/Tabs.config_1g344dn.css +0 -15
- package/css/cjs/components/TextField/TextField.config_1sbw8b3.css +0 -12
- package/css/es/components/Tabs/TabItem.config.js +0 -35
- package/css/es/components/Tabs/TabItem.config.js.map +0 -1
- package/css/es/components/Tabs/TabItem.config_mjoml6.css +0 -15
- package/css/es/components/Tabs/Tabs.config.js +0 -37
- package/css/es/components/Tabs/Tabs.config.js.map +0 -1
- package/css/es/components/Tabs/Tabs.config_1g344dn.css +0 -15
- package/css/es/components/TextField/TextField.config_1sbw8b3.css +0 -12
- /package/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +0 -0
- /package/components/Tabs/{Tabs.config.d.ts → horizontal/HorizontalTabs.config.d.ts} +0 -0
- /package/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +0 -0
- /package/es/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +0 -0
package/temp/plasma-web.api.md
CHANGED
@@ -101,8 +101,6 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
101
101
|
import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
|
102
102
|
import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
|
103
103
|
import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
|
104
|
-
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
105
|
-
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
106
104
|
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
|
107
105
|
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
108
106
|
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
@@ -138,8 +136,6 @@ import { FC } from 'react';
|
|
138
136
|
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
|
139
137
|
import { FocusProps } from '@salutejs/plasma-core';
|
140
138
|
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';
|
143
139
|
import { ForwardRefExoticComponent } from 'react';
|
144
140
|
import { FunctionComponent } from 'react';
|
145
141
|
import { gridBreakpoints } from '@salutejs/plasma-hope';
|
@@ -247,11 +243,10 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
247
243
|
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
|
248
244
|
import { ShiftProps } from '@salutejs/plasma-core';
|
249
245
|
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
|
246
|
+
import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
250
247
|
import { SkeletonGradientProps } from '@salutejs/plasma-core';
|
251
248
|
import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
|
252
249
|
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';
|
255
250
|
import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
256
251
|
import { SmartPaginationDots } from '@salutejs/plasma-hope';
|
257
252
|
import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
|
@@ -1587,15 +1582,8 @@ true: PolymorphicClassName;
|
|
1587
1582
|
}> & DatePickerdVariationProps & {
|
1588
1583
|
defaultFirstDate?: Date | undefined;
|
1589
1584
|
defaultSecondDate?: Date | undefined;
|
1590
|
-
name?: string | undefined;
|
1591
1585
|
onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1592
1586
|
onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1593
|
-
onChange?: ((event: {
|
1594
|
-
target: {
|
1595
|
-
value?: string | undefined;
|
1596
|
-
name?: string | undefined;
|
1597
|
-
};
|
1598
|
-
}) => void) | undefined;
|
1599
1587
|
} & {
|
1600
1588
|
label?: string | undefined;
|
1601
1589
|
view?: string | undefined;
|
@@ -2116,6 +2104,115 @@ labelPlacement: {
|
|
2116
2104
|
inner: PolymorphicClassName;
|
2117
2105
|
outer: PolymorphicClassName;
|
2118
2106
|
};
|
2107
|
+
clear: {
|
2108
|
+
true: PolymorphicClassName;
|
2109
|
+
};
|
2110
|
+
disabled: {
|
2111
|
+
true: PolymorphicClassName;
|
2112
|
+
};
|
2113
|
+
readOnly: {
|
2114
|
+
true: PolymorphicClassName;
|
2115
|
+
};
|
2116
|
+
}> & {
|
2117
|
+
size?: string | undefined;
|
2118
|
+
view?: string | undefined;
|
2119
|
+
readOnly?: boolean | undefined;
|
2120
|
+
disabled?: boolean | undefined;
|
2121
|
+
} & {
|
2122
|
+
label?: string | undefined;
|
2123
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2124
|
+
leftHelper?: string | undefined;
|
2125
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2126
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2127
|
+
textBefore?: string | undefined;
|
2128
|
+
textAfter?: string | undefined;
|
2129
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2130
|
+
} & {
|
2131
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2132
|
+
} & {
|
2133
|
+
required: true;
|
2134
|
+
optional?: false | undefined;
|
2135
|
+
} & {
|
2136
|
+
clear?: boolean | undefined;
|
2137
|
+
hasDivider?: boolean | undefined;
|
2138
|
+
} & {
|
2139
|
+
chips?: undefined;
|
2140
|
+
onChangeChips?: undefined;
|
2141
|
+
enumerationType?: "plain" | undefined;
|
2142
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2143
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
2144
|
+
view: {
|
2145
|
+
default: PolymorphicClassName;
|
2146
|
+
positive: PolymorphicClassName;
|
2147
|
+
warning: PolymorphicClassName;
|
2148
|
+
negative: PolymorphicClassName;
|
2149
|
+
};
|
2150
|
+
size: {
|
2151
|
+
l: PolymorphicClassName;
|
2152
|
+
m: PolymorphicClassName;
|
2153
|
+
s: PolymorphicClassName;
|
2154
|
+
xs: PolymorphicClassName;
|
2155
|
+
};
|
2156
|
+
labelPlacement: {
|
2157
|
+
inner: PolymorphicClassName;
|
2158
|
+
outer: PolymorphicClassName;
|
2159
|
+
};
|
2160
|
+
clear: {
|
2161
|
+
true: PolymorphicClassName;
|
2162
|
+
};
|
2163
|
+
disabled: {
|
2164
|
+
true: PolymorphicClassName;
|
2165
|
+
};
|
2166
|
+
readOnly: {
|
2167
|
+
true: PolymorphicClassName;
|
2168
|
+
};
|
2169
|
+
}> & {
|
2170
|
+
size?: string | undefined;
|
2171
|
+
view?: string | undefined;
|
2172
|
+
readOnly?: boolean | undefined;
|
2173
|
+
disabled?: boolean | undefined;
|
2174
|
+
} & {
|
2175
|
+
label?: string | undefined;
|
2176
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2177
|
+
leftHelper?: string | undefined;
|
2178
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2179
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2180
|
+
textBefore?: string | undefined;
|
2181
|
+
textAfter?: string | undefined;
|
2182
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2183
|
+
} & {
|
2184
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2185
|
+
} & {
|
2186
|
+
required: true;
|
2187
|
+
optional?: false | undefined;
|
2188
|
+
} & {
|
2189
|
+
clear?: boolean | undefined;
|
2190
|
+
hasDivider?: boolean | undefined;
|
2191
|
+
} & {
|
2192
|
+
enumerationType: "chip";
|
2193
|
+
onSearch?: undefined;
|
2194
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
2195
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
2196
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
2197
|
+
view: {
|
2198
|
+
default: PolymorphicClassName;
|
2199
|
+
positive: PolymorphicClassName;
|
2200
|
+
warning: PolymorphicClassName;
|
2201
|
+
negative: PolymorphicClassName;
|
2202
|
+
};
|
2203
|
+
size: {
|
2204
|
+
l: PolymorphicClassName;
|
2205
|
+
m: PolymorphicClassName;
|
2206
|
+
s: PolymorphicClassName;
|
2207
|
+
xs: PolymorphicClassName;
|
2208
|
+
};
|
2209
|
+
labelPlacement: {
|
2210
|
+
inner: PolymorphicClassName;
|
2211
|
+
outer: PolymorphicClassName;
|
2212
|
+
};
|
2213
|
+
clear: {
|
2214
|
+
true: PolymorphicClassName;
|
2215
|
+
};
|
2119
2216
|
disabled: {
|
2120
2217
|
true: PolymorphicClassName;
|
2121
2218
|
};
|
@@ -2142,6 +2239,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
2142
2239
|
required: true;
|
2143
2240
|
optional?: false | undefined;
|
2144
2241
|
} & {
|
2242
|
+
clear?: false | undefined;
|
2243
|
+
hasDivider?: undefined;
|
2244
|
+
} & {
|
2145
2245
|
chips?: undefined;
|
2146
2246
|
onChangeChips?: undefined;
|
2147
2247
|
enumerationType?: "plain" | undefined;
|
@@ -2163,6 +2263,9 @@ labelPlacement: {
|
|
2163
2263
|
inner: PolymorphicClassName;
|
2164
2264
|
outer: PolymorphicClassName;
|
2165
2265
|
};
|
2266
|
+
clear: {
|
2267
|
+
true: PolymorphicClassName;
|
2268
|
+
};
|
2166
2269
|
disabled: {
|
2167
2270
|
true: PolymorphicClassName;
|
2168
2271
|
};
|
@@ -2189,6 +2292,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
2189
2292
|
required: true;
|
2190
2293
|
optional?: false | undefined;
|
2191
2294
|
} & {
|
2295
|
+
clear?: false | undefined;
|
2296
|
+
hasDivider?: undefined;
|
2297
|
+
} & {
|
2192
2298
|
enumerationType: "chip";
|
2193
2299
|
onSearch?: undefined;
|
2194
2300
|
chips?: TextFieldPrimitiveValue[] | undefined;
|
@@ -2210,6 +2316,9 @@ labelPlacement: {
|
|
2210
2316
|
inner: PolymorphicClassName;
|
2211
2317
|
outer: PolymorphicClassName;
|
2212
2318
|
};
|
2319
|
+
clear: {
|
2320
|
+
true: PolymorphicClassName;
|
2321
|
+
};
|
2213
2322
|
disabled: {
|
2214
2323
|
true: PolymorphicClassName;
|
2215
2324
|
};
|
@@ -2236,6 +2345,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
2236
2345
|
optional?: true | undefined;
|
2237
2346
|
required?: false | undefined;
|
2238
2347
|
} & {
|
2348
|
+
clear?: boolean | undefined;
|
2349
|
+
hasDivider?: boolean | undefined;
|
2350
|
+
} & {
|
2239
2351
|
chips?: undefined;
|
2240
2352
|
onChangeChips?: undefined;
|
2241
2353
|
enumerationType?: "plain" | undefined;
|
@@ -2257,6 +2369,9 @@ labelPlacement: {
|
|
2257
2369
|
inner: PolymorphicClassName;
|
2258
2370
|
outer: PolymorphicClassName;
|
2259
2371
|
};
|
2372
|
+
clear: {
|
2373
|
+
true: PolymorphicClassName;
|
2374
|
+
};
|
2260
2375
|
disabled: {
|
2261
2376
|
true: PolymorphicClassName;
|
2262
2377
|
};
|
@@ -2283,6 +2398,115 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
2283
2398
|
optional?: true | undefined;
|
2284
2399
|
required?: false | undefined;
|
2285
2400
|
} & {
|
2401
|
+
clear?: boolean | undefined;
|
2402
|
+
hasDivider?: boolean | undefined;
|
2403
|
+
} & {
|
2404
|
+
enumerationType: "chip";
|
2405
|
+
onSearch?: undefined;
|
2406
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
2407
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
2408
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
2409
|
+
view: {
|
2410
|
+
default: PolymorphicClassName;
|
2411
|
+
positive: PolymorphicClassName;
|
2412
|
+
warning: PolymorphicClassName;
|
2413
|
+
negative: PolymorphicClassName;
|
2414
|
+
};
|
2415
|
+
size: {
|
2416
|
+
l: PolymorphicClassName;
|
2417
|
+
m: PolymorphicClassName;
|
2418
|
+
s: PolymorphicClassName;
|
2419
|
+
xs: PolymorphicClassName;
|
2420
|
+
};
|
2421
|
+
labelPlacement: {
|
2422
|
+
inner: PolymorphicClassName;
|
2423
|
+
outer: PolymorphicClassName;
|
2424
|
+
};
|
2425
|
+
clear: {
|
2426
|
+
true: PolymorphicClassName;
|
2427
|
+
};
|
2428
|
+
disabled: {
|
2429
|
+
true: PolymorphicClassName;
|
2430
|
+
};
|
2431
|
+
readOnly: {
|
2432
|
+
true: PolymorphicClassName;
|
2433
|
+
};
|
2434
|
+
}> & {
|
2435
|
+
size?: string | undefined;
|
2436
|
+
view?: string | undefined;
|
2437
|
+
readOnly?: boolean | undefined;
|
2438
|
+
disabled?: boolean | undefined;
|
2439
|
+
} & {
|
2440
|
+
label?: string | undefined;
|
2441
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2442
|
+
leftHelper?: string | undefined;
|
2443
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2444
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2445
|
+
textBefore?: string | undefined;
|
2446
|
+
textAfter?: string | undefined;
|
2447
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2448
|
+
} & {
|
2449
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2450
|
+
} & {
|
2451
|
+
optional?: true | undefined;
|
2452
|
+
required?: false | undefined;
|
2453
|
+
} & {
|
2454
|
+
clear?: false | undefined;
|
2455
|
+
hasDivider?: undefined;
|
2456
|
+
} & {
|
2457
|
+
chips?: undefined;
|
2458
|
+
onChangeChips?: undefined;
|
2459
|
+
enumerationType?: "plain" | undefined;
|
2460
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2461
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
2462
|
+
view: {
|
2463
|
+
default: PolymorphicClassName;
|
2464
|
+
positive: PolymorphicClassName;
|
2465
|
+
warning: PolymorphicClassName;
|
2466
|
+
negative: PolymorphicClassName;
|
2467
|
+
};
|
2468
|
+
size: {
|
2469
|
+
l: PolymorphicClassName;
|
2470
|
+
m: PolymorphicClassName;
|
2471
|
+
s: PolymorphicClassName;
|
2472
|
+
xs: PolymorphicClassName;
|
2473
|
+
};
|
2474
|
+
labelPlacement: {
|
2475
|
+
inner: PolymorphicClassName;
|
2476
|
+
outer: PolymorphicClassName;
|
2477
|
+
};
|
2478
|
+
clear: {
|
2479
|
+
true: PolymorphicClassName;
|
2480
|
+
};
|
2481
|
+
disabled: {
|
2482
|
+
true: PolymorphicClassName;
|
2483
|
+
};
|
2484
|
+
readOnly: {
|
2485
|
+
true: PolymorphicClassName;
|
2486
|
+
};
|
2487
|
+
}> & {
|
2488
|
+
size?: string | undefined;
|
2489
|
+
view?: string | undefined;
|
2490
|
+
readOnly?: boolean | undefined;
|
2491
|
+
disabled?: boolean | undefined;
|
2492
|
+
} & {
|
2493
|
+
label?: string | undefined;
|
2494
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2495
|
+
leftHelper?: string | undefined;
|
2496
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2497
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2498
|
+
textBefore?: string | undefined;
|
2499
|
+
textAfter?: string | undefined;
|
2500
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2501
|
+
} & {
|
2502
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2503
|
+
} & {
|
2504
|
+
optional?: true | undefined;
|
2505
|
+
required?: false | undefined;
|
2506
|
+
} & {
|
2507
|
+
clear?: false | undefined;
|
2508
|
+
hasDivider?: undefined;
|
2509
|
+
} & {
|
2286
2510
|
enumerationType: "chip";
|
2287
2511
|
onSearch?: undefined;
|
2288
2512
|
chips?: TextFieldPrimitiveValue[] | undefined;
|
@@ -2961,53 +3185,7 @@ s: PolymorphicClassName;
|
|
2961
3185
|
disabled: {
|
2962
3186
|
true: PolymorphicClassName;
|
2963
3187
|
};
|
2964
|
-
}> & ((
|
2965
|
-
onChange?: ((event: FormTypeNumber) => void) | undefined;
|
2966
|
-
name: string;
|
2967
|
-
value?: undefined;
|
2968
|
-
defaultValue?: number | undefined;
|
2969
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2970
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
2971
|
-
ariaLabel?: string | undefined;
|
2972
|
-
showCurrentValue?: boolean | undefined;
|
2973
|
-
showRangeValues?: boolean | undefined;
|
2974
|
-
hideMinValueDiff?: number | undefined;
|
2975
|
-
hideMaxValueDiff?: number | undefined;
|
2976
|
-
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2977
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
2978
|
-
multipleStepSize?: number | undefined;
|
2979
|
-
view?: string | undefined;
|
2980
|
-
size?: "m" | "s" | "l" | undefined;
|
2981
|
-
type?: "single" | undefined;
|
2982
|
-
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
2983
|
-
onChange?: ((value: number) => void) | undefined;
|
2984
|
-
value: number;
|
2985
|
-
name?: undefined;
|
2986
|
-
defaultValue?: undefined;
|
2987
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2988
|
-
onChangeCommitted?: ((value: number) => void) | undefined;
|
2989
|
-
ariaLabel?: string | undefined;
|
2990
|
-
showCurrentValue?: boolean | undefined;
|
2991
|
-
showRangeValues?: boolean | undefined;
|
2992
|
-
hideMinValueDiff?: number | undefined;
|
2993
|
-
hideMaxValueDiff?: number | undefined;
|
2994
|
-
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2995
|
-
labelPlacement?: "outer" | "inner" | undefined;
|
2996
|
-
multipleStepSize?: number | undefined;
|
2997
|
-
view?: string | undefined;
|
2998
|
-
size?: "m" | "s" | "l" | undefined;
|
2999
|
-
type?: "single" | undefined;
|
3000
|
-
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3001
|
-
onChange?: ((event: FormTypeString) => void) | undefined;
|
3002
|
-
name?: string | undefined;
|
3003
|
-
value?: undefined;
|
3004
|
-
defaultValue?: number[] | undefined;
|
3005
|
-
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3006
|
-
onChange?: ((values: number[]) => void) | undefined;
|
3007
|
-
name?: undefined;
|
3008
|
-
value?: number[] | undefined;
|
3009
|
-
defaultValue?: undefined;
|
3010
|
-
} & RefAttributes<HTMLDivElement>))>;
|
3188
|
+
}> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>;
|
3011
3189
|
|
3012
3190
|
export { SliderProps }
|
3013
3191
|
|
@@ -3067,14 +3245,14 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
|
|
3067
3245
|
export { syntheticFocus }
|
3068
3246
|
|
3069
3247
|
// @public
|
3070
|
-
export const TabItem:
|
3248
|
+
export const TabItem: (props: TabItemProps) => JSX.Element;
|
3071
3249
|
|
3072
3250
|
export { TabItemProps }
|
3073
3251
|
|
3074
3252
|
export { TabItemRefs }
|
3075
3253
|
|
3076
3254
|
// @public
|
3077
|
-
export const Tabs:
|
3255
|
+
export const Tabs: (props: TabsProps) => JSX.Element;
|
3078
3256
|
|
3079
3257
|
export { TabsContext }
|
3080
3258
|
|
@@ -1,39 +0,0 @@
|
|
1
|
-
import './TabItem.config_mjoml6.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var config = {
|
7
|
-
defaults: {
|
8
|
-
view: 'divider',
|
9
|
-
size: 'l'
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
view: {
|
13
|
-
clear: "c12geyh4",
|
14
|
-
secondary: "skxrl3x",
|
15
|
-
divider: "d1qfynte",
|
16
|
-
"default": "dcu9hou"
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
xs: "xd9jef9",
|
20
|
-
s: "svtzz6s",
|
21
|
-
m: "mv38ab4",
|
22
|
-
l: "l1bx3z7v",
|
23
|
-
h5: "hst8lw7",
|
24
|
-
h4: "hnmfpx2",
|
25
|
-
h3: "h1ph8cz0",
|
26
|
-
h2: "h1dyyy38",
|
27
|
-
h1: "hsee6cj"
|
28
|
-
},
|
29
|
-
disabled: {
|
30
|
-
"true": "t1uqdflh"
|
31
|
-
},
|
32
|
-
pilled: {
|
33
|
-
"true": "t1cm9seg"
|
34
|
-
}
|
35
|
-
}
|
36
|
-
};
|
37
|
-
|
38
|
-
exports.config = config;
|
39
|
-
//# sourceMappingURL=TabItem.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TabItem.config.js","sources":["../../../../src-css/components/Tabs/TabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--inverse-text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--inverse-text-secondary);\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.5rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 3.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAyBJ,UAAA;AACDC,MAAAA,SAAS,EAwBR,SAAA;AACDC,MAAAA,OAAO,EAyBN,UAAA;MACDC,SAAO,EAAA,SAAA;KAyBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
.c12geyh4{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
2
|
-
.skxrl3x{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
3
|
-
.d1qfynte{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
4
|
-
.dcu9hou{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--inverse-text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--inverse-text-secondary);}
|
5
|
-
.xd9jef9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
6
|
-
.svtzz6s{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
7
|
-
.mv38ab4{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
8
|
-
.l1bx3z7v{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
9
|
-
.hst8lw7{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);}
|
10
|
-
.hnmfpx2{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);}
|
11
|
-
.h1ph8cz0{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);}
|
12
|
-
.h1dyyy38{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.5rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);}
|
13
|
-
.hsee6cj{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:3.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);}
|
14
|
-
.t1uqdflh{--plasma-tabs-disabled-opacity:0.4;}
|
15
|
-
.t1cm9seg{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import './Tabs.config_1g344dn.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var config = {
|
7
|
-
defaults: {
|
8
|
-
view: 'divider',
|
9
|
-
size: 'l'
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
view: {
|
13
|
-
clear: "c14650k1",
|
14
|
-
filled: "f3v4o3a",
|
15
|
-
divider: "dd9smg7"
|
16
|
-
},
|
17
|
-
size: {
|
18
|
-
xs: "x1fhx02y",
|
19
|
-
s: "smtb14e",
|
20
|
-
m: "m1gou08z",
|
21
|
-
l: "l1748snu",
|
22
|
-
h5: "h117dkln",
|
23
|
-
h4: "h1q05hlh",
|
24
|
-
h3: "hufu0m7",
|
25
|
-
h2: "hoxxqku",
|
26
|
-
h1: "h1nezd4o"
|
27
|
-
},
|
28
|
-
stretch: {
|
29
|
-
"true": "t1lpslsd"
|
30
|
-
},
|
31
|
-
disabled: {
|
32
|
-
"true": "tmh6qmx"
|
33
|
-
},
|
34
|
-
pilled: {
|
35
|
-
"true": "tzc9e3o"
|
36
|
-
}
|
37
|
-
}
|
38
|
-
};
|
39
|
-
|
40
|
-
exports.config = config;
|
41
|
-
//# sourceMappingURL=Tabs.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Tabs.config.js","sources":["../../../../src-css/components/Tabs/Tabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KASV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
.c14650k1{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
2
|
-
.f3v4o3a{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:var(--surface-transparent-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
3
|
-
.dd9smg7{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
4
|
-
.x1fhx02y{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
|
5
|
-
.smtb14e{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
6
|
-
.m1gou08z{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
7
|
-
.l1748snu{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
|
8
|
-
.h117dkln{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
9
|
-
.h1q05hlh{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
10
|
-
.hufu0m7{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
|
11
|
-
.hoxxqku{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
|
12
|
-
.h1nezd4o{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
|
13
|
-
.t1lpslsd{--plasma-tabs-container-width:100%;}
|
14
|
-
.tmh6qmx{--plasma-tabs-disabled-opacity:0.4;}
|
15
|
-
.tzc9e3o{--plasma-tabs-pilled-border-radius:1.625rem;}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
.dtkroq0{--plasma-textfield-color:var(--text-primary);--plasma-textfield-bg-color:var(--surface-clear);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-border-color:var(--surface-transparent-tertiary);--plasma-textfield-border-color-hover:var(--text-secondary);--plasma-textfield-border-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
2
|
-
.pfhkds4{--plasma-textfield-color:var(--text-primary);--plasma-textfield-bg-color:var(--surface-clear);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-border-color:var(--surface-positive);--plasma-textfield-border-color-hover:var(--surface-positive);--plasma-textfield-border-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
3
|
-
.w1ocoxlz{--plasma-textfield-color:var(--text-primary);--plasma-textfield-bg-color:var(--surface-clear);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-border-color:var(--surface-warning);--plasma-textfield-border-color-hover:var(--surface-warning);--plasma-textfield-border-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
4
|
-
.nlfdoc8{--plasma-textfield-color:var(--text-primary);--plasma-textfield-bg-color:var(--surface-clear);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-border-color:var(--surface-negative);--plasma-textfield-border-color-hover:var(--surface-negative);--plasma-textfield-border-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
5
|
-
.l6zduia{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.875rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.75rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding-right:0.75rem;--plasma-textfield__chip-padding-left:1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
6
|
-
.mp7pk8g{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.75rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.625rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding-right:0.625rem;--plasma-textfield__chip-padding-left:0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;}
|
7
|
-
.s2w1lwg{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.625rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.5rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding-right:0.5rem;--plasma-textfield__chip-padding-left:0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
8
|
-
.x1w33z3o{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.5rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.375rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding-right:0.375rem;--plasma-textfield__chip-padding-left:0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;}
|
9
|
-
.i8whelw{--plasma-textfield__placeholder-color:var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--text-secondary)));--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
|
10
|
-
|
11
|
-
.tuyq38l{--plasma-textfield-disabled-opacity:0.4;}
|
12
|
-
.tx53wwr{--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-clear);--plasma-textfield-border-color-readonly:var(--surface-transparent-tertiary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-secondary);}
|