@salutejs/plasma-new-hope 0.253.0-canary.1719.13069931199.0 → 0.253.0-canary.1730.13069305986.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +30 -30
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -30
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +30 -30
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -30
- package/cjs/components/Pagination/Pagination.css +30 -30
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Portal/Portal.js +1 -5
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Range/Range.css +30 -30
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +30 -30
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
- package/cjs/components/Slider/Slider.css +30 -30
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
- package/cjs/components/TextField/TextField.styles.js +42 -42
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1cdp5eg.css +22 -0
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base_appgl3.css +1 -0
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/{es/components/TextField/variations/_disabled/base_4d3opa.css → cjs/components/TextField/variations/_disabled/base_2tv0nz.css} +1 -1
- package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
- package/{es/components/TextField/variations/_hint-size/base_1x99605.css → cjs/components/TextField/variations/_hint-size/base_z7a2uf.css} +1 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-view/{base_l8etux.css → base_1htnb8e.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base_uulqii.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base_1npz45o.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
- package/cjs/components/Toast/Toast.css +7 -7
- package/cjs/components/Toast/Toast.js +2 -5
- package/cjs/components/Toast/Toast.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +2 -11
- package/cjs/components/Toast/Toast.styles.js.map +1 -1
- package/cjs/components/Toast/{Toast.styles_1kasmzh.css → Toast.styles_1nei944.css} +2 -2
- package/cjs/components/Toast/Toast.tokens.js +1 -2
- package/cjs/components/Toast/Toast.tokens.js.map +1 -1
- package/cjs/components/Toast/ToastController.css +6 -6
- package/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
- package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/cjs/components/Toast/utils.js +0 -2
- package/cjs/components/Toast/utils.js.map +1 -1
- package/cjs/components/Toast/variations/_pilled/base.js +1 -1
- package/cjs/components/Toast/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Toast/variations/_pilled/base_199qghc.css +1 -0
- package/cjs/index.css +36 -36
- package/emotion/cjs/components/Portal/Portal.js +1 -5
- package/emotion/cjs/components/TextField/TextField.styles.js +45 -44
- package/emotion/cjs/components/Toast/Toast.js +2 -5
- package/emotion/cjs/components/Toast/Toast.styles.js +6 -9
- package/emotion/cjs/components/Toast/Toast.template-doc.mdx +5 -22
- package/emotion/cjs/components/Toast/Toast.tokens.js +1 -2
- package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
- package/emotion/cjs/components/Toast/utils.js +1 -2
- package/emotion/cjs/components/Toast/variations/_pilled/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +7 -17
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +7 -17
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
- package/emotion/es/components/Portal/Portal.js +1 -5
- package/emotion/es/components/TextField/TextField.styles.js +45 -44
- package/emotion/es/components/Toast/Toast.js +2 -5
- package/emotion/es/components/Toast/Toast.styles.js +6 -9
- package/emotion/es/components/Toast/Toast.template-doc.mdx +5 -22
- package/emotion/es/components/Toast/Toast.tokens.js +1 -2
- package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
- package/emotion/es/components/Toast/utils.js +0 -1
- package/emotion/es/components/Toast/variations/_pilled/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +7 -17
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
- package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +7 -17
- package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
- package/es/components/Autocomplete/Autocomplete.css +30 -30
- package/es/components/Combobox/ComboboxNew/Combobox.css +30 -30
- package/es/components/DatePicker/RangeDate/RangeDate.css +30 -30
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
- package/es/components/DatePicker/SingleDate/SingleDate.css +30 -30
- package/es/components/Pagination/Pagination.css +30 -30
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Portal/Portal.js +1 -5
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Range/Range.css +30 -30
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/ui/Target/Target.css +30 -30
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
- package/es/components/Slider/Slider.css +30 -30
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
- package/es/components/TextField/TextField.styles.js +42 -42
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1cdp5eg.css +22 -0
- package/es/components/TextField/ui/Hint/Hint.css +20 -20
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base_appgl3.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/{cjs/components/TextField/variations/_disabled/base_4d3opa.css → es/components/TextField/variations/_disabled/base_2tv0nz.css} +1 -1
- package/es/components/TextField/variations/_hint-size/base.js +1 -1
- package/{cjs/components/TextField/variations/_hint-size/base_1x99605.css → es/components/TextField/variations/_hint-size/base_z7a2uf.css} +1 -1
- package/es/components/TextField/variations/_hint-view/base.js +1 -1
- package/es/components/TextField/variations/_hint-view/{base_l8etux.css → base_1htnb8e.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base_uulqii.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base_1npz45o.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
- package/es/components/Toast/Toast.css +7 -7
- package/es/components/Toast/Toast.js +2 -5
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toast/Toast.styles.js +2 -11
- package/es/components/Toast/Toast.styles.js.map +1 -1
- package/es/components/Toast/{Toast.styles_1kasmzh.css → Toast.styles_1nei944.css} +2 -2
- package/es/components/Toast/Toast.tokens.js +1 -2
- package/es/components/Toast/Toast.tokens.js.map +1 -1
- package/es/components/Toast/ToastController.css +6 -6
- package/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
- package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/es/components/Toast/utils.js +1 -2
- package/es/components/Toast/utils.js.map +1 -1
- package/es/components/Toast/variations/_pilled/base.js +1 -1
- package/es/components/Toast/variations/_pilled/base.js.map +1 -1
- package/es/components/Toast/variations/_pilled/base_199qghc.css +1 -0
- package/es/index.css +36 -36
- package/package.json +2 -2
- package/styled-components/cjs/components/Portal/Portal.js +1 -5
- package/styled-components/cjs/components/TextField/TextField.styles.js +23 -22
- package/styled-components/cjs/components/Toast/Toast.js +2 -5
- package/styled-components/cjs/components/Toast/Toast.styles.js +2 -5
- package/styled-components/cjs/components/Toast/Toast.template-doc.mdx +5 -22
- package/styled-components/cjs/components/Toast/Toast.tokens.js +1 -2
- package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
- package/styled-components/cjs/components/Toast/utils.js +1 -2
- package/styled-components/cjs/components/Toast/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +2 -12
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +2 -12
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
- package/styled-components/es/components/Portal/Portal.js +1 -5
- package/styled-components/es/components/TextField/TextField.styles.js +23 -22
- package/styled-components/es/components/Toast/Toast.js +2 -5
- package/styled-components/es/components/Toast/Toast.styles.js +2 -5
- package/styled-components/es/components/Toast/Toast.template-doc.mdx +5 -22
- package/styled-components/es/components/Toast/Toast.tokens.js +1 -2
- package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
- package/styled-components/es/components/Toast/utils.js +0 -1
- package/styled-components/es/components/Toast/variations/_pilled/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +2 -12
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +2 -12
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
- package/types/components/Portal/Portal.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +1 -3
- package/types/components/Toast/Toast.styles.d.ts.map +1 -1
- package/types/components/Toast/Toast.tokens.d.ts +1 -2
- package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
- package/types/components/Toast/Toast.types.d.ts +0 -8
- package/types/components/Toast/Toast.types.d.ts.map +1 -1
- package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
- package/types/components/Toast/utils.d.ts +0 -1
- package/types/components/Toast/utils.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +0 -10
- package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +0 -2
- package/types/examples/plasma_b2c/components/Toast/Toast.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +0 -10
- package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Toast/Toast.d.ts +0 -2
- package/types/examples/plasma_web/components/Toast/Toast.d.ts.map +1 -1
- package/cjs/components/TextField/TextField.styles_kh1zhz.css +0 -22
- package/cjs/components/TextField/variations/_clear/base_gm5pwg.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_if7w35.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
- package/cjs/components/TextField/variations/_size/base_7va3kt.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1uzaktg.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
- package/cjs/components/Toast/variations/_pilled/base_13i59v3.css +0 -1
- package/es/components/TextField/TextField.styles_kh1zhz.css +0 -22
- package/es/components/TextField/variations/_clear/base_gm5pwg.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_if7w35.css +0 -1
- package/es/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
- package/es/components/TextField/variations/_size/base_7va3kt.css +0 -1
- package/es/components/TextField/variations/_view/base_1uzaktg.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
- package/es/components/Toast/variations/_pilled/base_13i59v3.css +0 -1
@@ -4,39 +4,21 @@ import { action } from '@storybook/addon-actions';
|
|
4
4
|
import styled from 'styled-components';
|
5
5
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
6
6
|
|
7
|
-
import {
|
7
|
+
import { toastConfig } from '../../../../components/Toast';
|
8
|
+
import { mergeConfig } from '../../../../engines';
|
9
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
10
|
import { Button } from '../Button/Button';
|
9
11
|
import { PopupProvider } from '../Popup/Popup';
|
10
12
|
import { addNotification } from '../../../../../src/components/Notification';
|
11
13
|
import { NotificationsProvider } from '../Notification/Notification';
|
12
14
|
import { Modal } from '../Modal/Modal';
|
13
15
|
|
16
|
+
import { config } from './Toast.config';
|
14
17
|
import { Toast, ToastController, ToastProvider, useToast } from './Toast';
|
15
18
|
|
16
|
-
const views = ['default', 'positive', 'negative'];
|
17
|
-
const closeIconTypes = ['default', 'thin'];
|
18
|
-
|
19
19
|
const meta: Meta<typeof ToastController> = {
|
20
20
|
title: 'b2c/Overlay/Toast',
|
21
21
|
decorators: [WithTheme],
|
22
|
-
argTypes: {
|
23
|
-
view: {
|
24
|
-
options: views,
|
25
|
-
control: {
|
26
|
-
type: 'select',
|
27
|
-
},
|
28
|
-
},
|
29
|
-
closeIconType: {
|
30
|
-
options: closeIconTypes,
|
31
|
-
control: {
|
32
|
-
type: 'select',
|
33
|
-
},
|
34
|
-
},
|
35
|
-
textColor: {
|
36
|
-
control: 'color',
|
37
|
-
},
|
38
|
-
...disableProps(['size']),
|
39
|
-
},
|
40
22
|
};
|
41
23
|
|
42
24
|
export default meta;
|
@@ -67,6 +49,7 @@ const StyledWrapper = styled.div`
|
|
67
49
|
`;
|
68
50
|
|
69
51
|
const ToastContainer = styled.div`
|
52
|
+
position: fixed;
|
70
53
|
transform: translateX(50%);
|
71
54
|
`;
|
72
55
|
|
@@ -78,7 +61,6 @@ const Container = styled.div`
|
|
78
61
|
export const ToastComponent: StoryComponent = {
|
79
62
|
args: {
|
80
63
|
text: 'Текст всплывающего уведомления',
|
81
|
-
textColor: undefined,
|
82
64
|
view: 'default',
|
83
65
|
closeIconType: 'default',
|
84
66
|
size: 'm',
|
@@ -86,6 +68,14 @@ export const ToastComponent: StoryComponent = {
|
|
86
68
|
enableContentLeft: true,
|
87
69
|
pilled: false,
|
88
70
|
},
|
71
|
+
argTypes: {
|
72
|
+
closeIconType: {
|
73
|
+
options: ['default', 'thin'],
|
74
|
+
control: {
|
75
|
+
type: 'select',
|
76
|
+
},
|
77
|
+
},
|
78
|
+
},
|
89
79
|
render: ({ enableContentLeft, ...args }) => (
|
90
80
|
<ToastContainer>
|
91
81
|
<Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} />
|
@@ -104,8 +94,6 @@ const StoryLiveDemo = ({
|
|
104
94
|
size,
|
105
95
|
hasClose,
|
106
96
|
enableContentLeft,
|
107
|
-
closeIconType,
|
108
|
-
textColor,
|
109
97
|
}: StoryProps) => {
|
110
98
|
const { showToast, hideToast } = useToast();
|
111
99
|
const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
|
@@ -126,8 +114,6 @@ const StoryLiveDemo = ({
|
|
126
114
|
view,
|
127
115
|
size,
|
128
116
|
hasClose,
|
129
|
-
closeIconType,
|
130
|
-
textColor,
|
131
117
|
onHide: action('onHide'),
|
132
118
|
onShow: action('onShow'),
|
133
119
|
});
|
@@ -155,6 +141,7 @@ export const LiveDemo: Story = {
|
|
155
141
|
type: 'inline-radio',
|
156
142
|
},
|
157
143
|
},
|
144
|
+
...argTypesFromConfig(mergeConfig(toastConfig, config)),
|
158
145
|
...disableProps(['role', 'onShow', 'onHide', 'contentLeft']),
|
159
146
|
},
|
160
147
|
parameters: {
|
@@ -180,8 +167,6 @@ const StoryComplex = ({
|
|
180
167
|
size,
|
181
168
|
hasClose,
|
182
169
|
enableContentLeft,
|
183
|
-
closeIconType,
|
184
|
-
textColor,
|
185
170
|
}: StoryProps) => {
|
186
171
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
187
172
|
|
@@ -200,8 +185,6 @@ const StoryComplex = ({
|
|
200
185
|
view,
|
201
186
|
size,
|
202
187
|
hasClose,
|
203
|
-
closeIconType,
|
204
|
-
textColor,
|
205
188
|
onHide: action('onHide'),
|
206
189
|
onShow: action('onShow'),
|
207
190
|
});
|
@@ -9,24 +9,14 @@ export var config = {
|
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
11
|
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
13
|
-
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
14
|
-
/**
|
15
|
-
* @deprecated
|
16
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
17
|
-
*/
|
18
12
|
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
19
|
-
/**
|
20
|
-
* @deprecated
|
21
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
22
|
-
*/
|
23
13
|
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
24
14
|
},
|
25
15
|
size: {
|
26
|
-
m: /*#__PURE__*/css(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.
|
16
|
+
m: /*#__PURE__*/css(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
|
27
17
|
},
|
28
18
|
pilled: {
|
29
|
-
"true": /*#__PURE__*/css(["", ":1.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", ":-0.0625rem -0.25rem -0.0625rem 0.375rem;"], toastTokens.pilledBorderRadius, toastTokens.
|
19
|
+
"true": /*#__PURE__*/css(["", ":1.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", ":-0.0625rem -0.25rem -0.0625rem 0.375rem;"], toastTokens.pilledBorderRadius, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
|
30
20
|
},
|
31
21
|
closeIconType: {
|
32
22
|
"default": /*#__PURE__*/css(["", ":1rem;", ":1.5rem;"], toastTokens.closeIconButtonSize, toastTokens.closeIconSize),
|
@@ -4,39 +4,21 @@ import { action } from '@storybook/addon-actions';
|
|
4
4
|
import styled from 'styled-components';
|
5
5
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
6
6
|
|
7
|
-
import {
|
7
|
+
import { toastConfig } from '../../../../components/Toast';
|
8
|
+
import { mergeConfig } from '../../../../engines';
|
9
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
10
|
import { Button } from '../Button/Button';
|
9
11
|
import { PopupProvider } from '../Popup/Popup';
|
10
12
|
import { addNotification } from '../../../../../src/components/Notification';
|
11
13
|
import { NotificationsProvider } from '../Notification/Notification';
|
12
14
|
import { Modal } from '../Modal/Modal';
|
13
15
|
|
16
|
+
import { config } from './Toast.config';
|
14
17
|
import { Toast, ToastController, ToastProvider, useToast } from './Toast';
|
15
18
|
|
16
|
-
const views = ['default', 'positive', 'negative'];
|
17
|
-
const closeIconTypes = ['default', 'thin'];
|
18
|
-
|
19
19
|
const meta: Meta<typeof ToastController> = {
|
20
20
|
title: 'web/Overlay/Toast',
|
21
21
|
decorators: [WithTheme],
|
22
|
-
argTypes: {
|
23
|
-
view: {
|
24
|
-
options: views,
|
25
|
-
control: {
|
26
|
-
type: 'select',
|
27
|
-
},
|
28
|
-
},
|
29
|
-
closeIconType: {
|
30
|
-
options: closeIconTypes,
|
31
|
-
control: {
|
32
|
-
type: 'select',
|
33
|
-
},
|
34
|
-
},
|
35
|
-
textColor: {
|
36
|
-
control: 'color',
|
37
|
-
},
|
38
|
-
...disableProps(['size']),
|
39
|
-
},
|
40
22
|
};
|
41
23
|
|
42
24
|
export default meta;
|
@@ -67,6 +49,7 @@ const StyledWrapper = styled.div`
|
|
67
49
|
`;
|
68
50
|
|
69
51
|
const ToastContainer = styled.div`
|
52
|
+
position: fixed;
|
70
53
|
transform: translateX(50%);
|
71
54
|
`;
|
72
55
|
|
@@ -78,7 +61,6 @@ const Container = styled.div`
|
|
78
61
|
export const ToastComponent: StoryComponent = {
|
79
62
|
args: {
|
80
63
|
text: 'Текст всплывающего уведомления',
|
81
|
-
textColor: undefined,
|
82
64
|
view: 'default',
|
83
65
|
closeIconType: 'default',
|
84
66
|
size: 'm',
|
@@ -86,6 +68,14 @@ export const ToastComponent: StoryComponent = {
|
|
86
68
|
enableContentLeft: true,
|
87
69
|
pilled: false,
|
88
70
|
},
|
71
|
+
argTypes: {
|
72
|
+
closeIconType: {
|
73
|
+
options: ['default', 'thin'],
|
74
|
+
control: {
|
75
|
+
type: 'select',
|
76
|
+
},
|
77
|
+
},
|
78
|
+
},
|
89
79
|
render: ({ enableContentLeft, ...args }) => (
|
90
80
|
<ToastContainer>
|
91
81
|
<Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} />
|
@@ -104,8 +94,6 @@ const StoryLiveDemo = ({
|
|
104
94
|
size,
|
105
95
|
hasClose,
|
106
96
|
enableContentLeft,
|
107
|
-
closeIconType,
|
108
|
-
textColor,
|
109
97
|
}: StoryProps) => {
|
110
98
|
const { showToast, hideToast } = useToast();
|
111
99
|
const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
|
@@ -126,8 +114,6 @@ const StoryLiveDemo = ({
|
|
126
114
|
view,
|
127
115
|
size,
|
128
116
|
hasClose,
|
129
|
-
closeIconType,
|
130
|
-
textColor,
|
131
117
|
onHide: action('onHide'),
|
132
118
|
onShow: action('onShow'),
|
133
119
|
});
|
@@ -155,6 +141,7 @@ export const LiveDemo: Story = {
|
|
155
141
|
type: 'inline-radio',
|
156
142
|
},
|
157
143
|
},
|
144
|
+
...argTypesFromConfig(mergeConfig(toastConfig, config)),
|
158
145
|
...disableProps(['role', 'onShow', 'onHide', 'contentLeft']),
|
159
146
|
},
|
160
147
|
parameters: {
|
@@ -180,8 +167,6 @@ const StoryComplex = ({
|
|
180
167
|
size,
|
181
168
|
hasClose,
|
182
169
|
enableContentLeft,
|
183
|
-
closeIconType,
|
184
|
-
textColor,
|
185
170
|
}: StoryProps) => {
|
186
171
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
187
172
|
|
@@ -200,8 +185,6 @@ const StoryComplex = ({
|
|
200
185
|
view,
|
201
186
|
size,
|
202
187
|
hasClose,
|
203
|
-
closeIconType,
|
204
|
-
textColor,
|
205
188
|
onHide: action('onHide'),
|
206
189
|
onShow: action('onShow'),
|
207
190
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAIlC,CAAC"}
|
@@ -1,5 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const Hint: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Tooltip").TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
2
|
export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
3
|
export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
4
|
export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
@@ -30,6 +29,7 @@ export declare const StyledTextAfter: import("@linaria/react").StyledComponent<i
|
|
30
29
|
export declare const StyledOptionalText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
31
30
|
export declare const StyledHintWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
32
31
|
export declare const HintTargetWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
32
|
+
export declare const Hint: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Tooltip").TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
33
33
|
export declare const HintIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
34
34
|
export declare const StyledIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
35
35
|
//# sourceMappingURL=TextField.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAajB,CAAC;AAEF,eAAO,MAAM,cAAc;;EAS1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAKrF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;EAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,IAAI,8OAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
|
@@ -50,7 +50,5 @@ export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & imp
|
|
50
50
|
} & import("react").RefAttributes<HTMLButtonElement>))>;
|
51
51
|
export declare const StyledOverlay: import("@linaria/react").StyledMeta & import("react").FC<import("../Overlay").OverlayProps>;
|
52
52
|
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
53
|
-
export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> &
|
54
|
-
textColor?: string | undefined;
|
55
|
-
}>;
|
53
|
+
export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
56
54
|
//# sourceMappingURL=Toast.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,UAAU;cAA0B,MAAM;eAAa,OAAO;;EAmD1E,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAU5B,CAAC;AAEF,eAAO,MAAM,aAAa,6FA4BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
1
|
+
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,UAAU;cAA0B,MAAM;eAAa,OAAO;;EAmD1E,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAU5B,CAAC;AAEF,eAAO,MAAM,aAAa,6FA4BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC"}
|
@@ -19,8 +19,7 @@ export declare const tokens: {
|
|
19
19
|
letterSpacing: string;
|
20
20
|
lineHeight: string;
|
21
21
|
pilledBorderRadius: string;
|
22
|
-
|
23
|
-
contentLeftColor: string;
|
22
|
+
leftContentMargin: string;
|
24
23
|
closeIconMargin: string;
|
25
24
|
closeIconColor: string;
|
26
25
|
closeIconColorOnHover: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Toast.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}
|
@@ -56,10 +56,6 @@ export declare type ToastControllerProps = {
|
|
56
56
|
* Вид закрывающей иконки в Notification.
|
57
57
|
*/
|
58
58
|
closeIconType?: 'default' | 'thin';
|
59
|
-
/**
|
60
|
-
* Цвет текста (по умолчанию берётся цвет из view)
|
61
|
-
*/
|
62
|
-
textColor?: string;
|
63
59
|
};
|
64
60
|
export declare type CustomToastProps = {
|
65
61
|
/**
|
@@ -100,10 +96,6 @@ export declare type CustomToastProps = {
|
|
100
96
|
* Вид закрывающей иконки в Notification.
|
101
97
|
*/
|
102
98
|
closeIconType?: 'default' | 'thin';
|
103
|
-
/**
|
104
|
-
* Цвет текста (по умолчанию берётся цвет из view)
|
105
|
-
*/
|
106
|
-
textColor?: string;
|
107
99
|
/**
|
108
100
|
* Колбек при нажатии на кнопку закрытия.
|
109
101
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACnD,oBAAY,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,oBAAY,oBAAoB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACnD,oBAAY,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,oBAAY,oBAAoB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACtC,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,oBAAY,UAAU,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhH,eAAO,MAAM,YAAY,wCAA+C,CAAC;AAEzE,eAAO,MAAM,aAAa,wBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AA4BF,eAAO,MAAM,gBAAgB;cACwB,SAAS;
|
1
|
+
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhH,eAAO,MAAM,YAAY,wCAA+C,CAAC;AAEzE,eAAO,MAAM,aAAa,wBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AA4BF,eAAO,MAAM,gBAAgB;cACwB,SAAS;iBAiHzD,CAAC"}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const DEFAULT_FADE = true;
|
3
3
|
export declare const DEFAULT_POSITION = "bottom";
|
4
|
-
export declare const DEFAULT_CLOSE_ICON_TYPE = "default";
|
5
4
|
export declare const TIMER_DELAY = 300;
|
6
5
|
export declare const FADE_Z_INDEX = "9900";
|
7
6
|
export declare const TOAST_Z_INDEX = "9901";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/utils.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/utils.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,YAAY,SAAS,CAAC;AACnC,eAAO,MAAM,aAAa,SAAS,CAAC;AAEpC,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAgC,CAAC"}
|
@@ -7,17 +7,7 @@ export declare const config: {
|
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
9
|
default: import("@linaria/core").LinariaClassName;
|
10
|
-
positive: import("@linaria/core").LinariaClassName;
|
11
|
-
negative: import("@linaria/core").LinariaClassName;
|
12
|
-
/**
|
13
|
-
* @deprecated
|
14
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
15
|
-
*/
|
16
10
|
dark: import("@linaria/core").LinariaClassName;
|
17
|
-
/**
|
18
|
-
* @deprecated
|
19
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
20
|
-
*/
|
21
11
|
light: import("@linaria/core").LinariaClassName;
|
22
12
|
};
|
23
13
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Toast/Toast.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Toast.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Toast/Toast.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAiElB,CAAC"}
|
@@ -3,8 +3,6 @@ export { useToast } from '../../../../components/Toast';
|
|
3
3
|
export declare const Toast: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
4
4
|
view: {
|
5
5
|
default: import("@linaria/core").LinariaClassName;
|
6
|
-
positive: import("@linaria/core").LinariaClassName;
|
7
|
-
negative: import("@linaria/core").LinariaClassName;
|
8
6
|
dark: import("@linaria/core").LinariaClassName;
|
9
7
|
light: import("@linaria/core").LinariaClassName;
|
10
8
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Toast/Toast.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAIxD,eAAO,MAAM,KAAK
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Toast/Toast.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAIxD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;6KAA0B,CAAC;AAC7C,eAAO,MAAM,eAAe,wGAA4B,CAAC;AACzD,eAAO,MAAM,aAAa;;iBAAoC,CAAC"}
|
@@ -7,17 +7,7 @@ export declare const config: {
|
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
9
|
default: import("@linaria/core").LinariaClassName;
|
10
|
-
positive: import("@linaria/core").LinariaClassName;
|
11
|
-
negative: import("@linaria/core").LinariaClassName;
|
12
|
-
/**
|
13
|
-
* @deprecated
|
14
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
15
|
-
*/
|
16
10
|
dark: import("@linaria/core").LinariaClassName;
|
17
|
-
/**
|
18
|
-
* @deprecated
|
19
|
-
* светлый и темный фон регулировать через `view` компонента `ViewContainer`
|
20
|
-
*/
|
21
11
|
light: import("@linaria/core").LinariaClassName;
|
22
12
|
};
|
23
13
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Toast/Toast.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Toast.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Toast/Toast.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAiElB,CAAC"}
|
@@ -3,8 +3,6 @@ export { useToast } from '../../../../components/Toast';
|
|
3
3
|
export declare const Toast: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
4
4
|
view: {
|
5
5
|
default: import("@linaria/core").LinariaClassName;
|
6
|
-
positive: import("@linaria/core").LinariaClassName;
|
7
|
-
negative: import("@linaria/core").LinariaClassName;
|
8
6
|
dark: import("@linaria/core").LinariaClassName;
|
9
7
|
light: import("@linaria/core").LinariaClassName;
|
10
8
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Toast/Toast.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAIxD,eAAO,MAAM,KAAK
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Toast/Toast.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAIxD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;6KAA0B,CAAC;AAC7C,eAAO,MAAM,eAAe,wGAA4B,CAAC;AACzD,eAAO,MAAM,aAAa;;iBAAoC,CAAC"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
|
2
|
-
.i1j28rg8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
3
|
-
.i13zudoe{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i13zudoe::-webkit-scrollbar{display:none;}.i13zudoe.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
4
|
-
.so4bpie{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
5
|
-
.i13qvwoy{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.i13qvwoy::-webkit-input-placeholder{opacity:0;}.i13qvwoy::-moz-placeholder{opacity:0;}.i13qvwoy:-ms-input-placeholder{opacity:0;}.i13qvwoy::placeholder{opacity:0;}
|
6
|
-
.i19ry60d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i19ry60d-0);}.i19ry60d .i13qvwoy{max-width:var(--i19ry60d-1);}
|
7
|
-
.ibt1ohz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
|
8
|
-
.olv9av6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
9
|
-
.t600610{display:inline-block;margin-left:auto;}
|
10
|
-
.suk2zst{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
11
|
-
.l1gjsnfi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
12
|
-
.ssv2kwg{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
13
|
-
.s190z894{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
14
|
-
.sb3k3v1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.sb3k3v1:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.sb3k3v1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
15
|
-
|
16
|
-
.smqgwd8{visibility:var(--smqgwd8-0);}
|
17
|
-
|
18
|
-
.s16itze4{color:var(--plasma-textfield__optional-color);}
|
19
|
-
.s1skqnhr{display:inline-block;line-height:0;}.s1skqnhr.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
20
|
-
.hgy0im1{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
21
|
-
.h8yezh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
22
|
-
.szsveq4{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.szsveq4.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.szsveq4.label-placement-outer.required-align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.szsveq4.label-placement-outer.required-align-right.textfield-has-hint{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.szsveq4.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bg547ku.textfield-clear[readonly] .i1j28rg8,.bg547ku.textfield-clear .i1j28rg8{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .i1j28rg8:hover,.bg547ku.textfield-clear .i1j28rg8:hover{background-color:unset;}.bg547ku.textfield-clear .ssv2kwg{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .i13qvwoy{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.keep-placeholder ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1w985rt[readonly] .i1j28rg8{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .i1j28rg8:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .i1j28rg8:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .i1j28rg8:focus-within .ibt1ohz,.b1w985rt[readonly] .ibt1ohz{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .i13qvwoy{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b13ve66i .i13qvwoy{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i19ry60d{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .i1j28rg8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .i1j28rg8.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l1gjsnfi,.b13ve66i:not(.label-placement-inner) .s16itze4{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s1skqnhr{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .hgy0im1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .t600610{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .l7hnwwb{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .smqgwd8,.b13ve66i .s14qvple{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s14qvple{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin .sb3k3v1{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bptx5xt .i1j28rg8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .i1j28rg8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .i13qvwoy{color:var(--plasma-textfield-color);}.bptx5xt .ibt1ohz{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .i1j28rg8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .l7hnwwb{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s14qvple{color:var(--plasma-textfield__after-text-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .i1j28rg8{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .i1j28rg8,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .i1j28rg8{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .i1j28rg8{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .i1j28rg8{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .i1j28rg8{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .i1j28rg8{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bmt2xdv.toast-pilled{--plasma_private-content-left-margin:var(--plasma-toast-content-left-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
|
2
|
-
.i1j28rg8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
3
|
-
.i13zudoe{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i13zudoe::-webkit-scrollbar{display:none;}.i13zudoe.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
4
|
-
.so4bpie{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
5
|
-
.i13qvwoy{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.i13qvwoy::-webkit-input-placeholder{opacity:0;}.i13qvwoy::-moz-placeholder{opacity:0;}.i13qvwoy:-ms-input-placeholder{opacity:0;}.i13qvwoy::placeholder{opacity:0;}
|
6
|
-
.i19ry60d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i19ry60d-0);}.i19ry60d .i13qvwoy{max-width:var(--i19ry60d-1);}
|
7
|
-
.ibt1ohz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
|
8
|
-
.olv9av6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
9
|
-
.t600610{display:inline-block;margin-left:auto;}
|
10
|
-
.suk2zst{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
11
|
-
.l1gjsnfi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
12
|
-
.ssv2kwg{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
13
|
-
.s190z894{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
14
|
-
.sb3k3v1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.sb3k3v1:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.sb3k3v1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
15
|
-
|
16
|
-
.smqgwd8{visibility:var(--smqgwd8-0);}
|
17
|
-
|
18
|
-
.s16itze4{color:var(--plasma-textfield__optional-color);}
|
19
|
-
.s1skqnhr{display:inline-block;line-height:0;}.s1skqnhr.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
20
|
-
.hgy0im1{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
21
|
-
.h8yezh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
22
|
-
.szsveq4{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.szsveq4.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.szsveq4.label-placement-outer.required-align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.szsveq4.label-placement-outer.required-align-right.textfield-has-hint{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.szsveq4.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bg547ku.textfield-clear[readonly] .i1j28rg8,.bg547ku.textfield-clear .i1j28rg8{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .i1j28rg8:hover,.bg547ku.textfield-clear .i1j28rg8:hover{background-color:unset;}.bg547ku.textfield-clear .ssv2kwg{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .i13qvwoy{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.keep-placeholder ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1w985rt[readonly] .i1j28rg8{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .i1j28rg8:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .i1j28rg8:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .i1j28rg8:focus-within .ibt1ohz,.b1w985rt[readonly] .ibt1ohz{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .i13qvwoy{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b13ve66i .i13qvwoy{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i19ry60d{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .i1j28rg8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .i1j28rg8.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l1gjsnfi,.b13ve66i:not(.label-placement-inner) .s16itze4{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s1skqnhr{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .hgy0im1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .t600610{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .l7hnwwb{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .smqgwd8,.b13ve66i .s14qvple{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s14qvple{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin .sb3k3v1{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bptx5xt .i1j28rg8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .i1j28rg8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .i13qvwoy{color:var(--plasma-textfield-color);}.bptx5xt .ibt1ohz{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .i1j28rg8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .l7hnwwb{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s14qvple{color:var(--plasma-textfield__after-text-color);}
|