@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.
Files changed (199) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +30 -30
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -30
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +30 -30
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -30
  6. package/cjs/components/Pagination/Pagination.css +30 -30
  7. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  8. package/cjs/components/Portal/Portal.js +1 -5
  9. package/cjs/components/Portal/Portal.js.map +1 -1
  10. package/cjs/components/Range/Range.css +30 -30
  11. package/cjs/components/Select/Select.css +30 -30
  12. package/cjs/components/Select/ui/Target/Target.css +30 -30
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  14. package/cjs/components/Slider/Slider.css +30 -30
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  16. package/cjs/components/TextField/TextField.styles.js +42 -42
  17. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  18. package/cjs/components/TextField/TextField.styles_1cdp5eg.css +22 -0
  19. package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
  20. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  21. package/cjs/components/TextField/variations/_clear/base_appgl3.css +1 -0
  22. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  23. package/{es/components/TextField/variations/_disabled/base_4d3opa.css → cjs/components/TextField/variations/_disabled/base_2tv0nz.css} +1 -1
  24. package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
  25. package/{es/components/TextField/variations/_hint-size/base_1x99605.css → cjs/components/TextField/variations/_hint-size/base_z7a2uf.css} +1 -1
  26. package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
  27. package/cjs/components/TextField/variations/_hint-view/{base_l8etux.css → base_1htnb8e.css} +1 -1
  28. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  29. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
  30. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  31. package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
  32. package/cjs/components/TextField/variations/_size/base.js +1 -1
  33. package/cjs/components/TextField/variations/_size/base_uulqii.css +1 -0
  34. package/cjs/components/TextField/variations/_view/base.js +1 -1
  35. package/cjs/components/TextField/variations/_view/base_1npz45o.css +1 -0
  36. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  37. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  38. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
  39. package/cjs/components/Toast/Toast.css +7 -7
  40. package/cjs/components/Toast/Toast.js +2 -5
  41. package/cjs/components/Toast/Toast.js.map +1 -1
  42. package/cjs/components/Toast/Toast.styles.js +2 -11
  43. package/cjs/components/Toast/Toast.styles.js.map +1 -1
  44. package/cjs/components/Toast/{Toast.styles_1kasmzh.css → Toast.styles_1nei944.css} +2 -2
  45. package/cjs/components/Toast/Toast.tokens.js +1 -2
  46. package/cjs/components/Toast/Toast.tokens.js.map +1 -1
  47. package/cjs/components/Toast/ToastController.css +6 -6
  48. package/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
  49. package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  50. package/cjs/components/Toast/utils.js +0 -2
  51. package/cjs/components/Toast/utils.js.map +1 -1
  52. package/cjs/components/Toast/variations/_pilled/base.js +1 -1
  53. package/cjs/components/Toast/variations/_pilled/base.js.map +1 -1
  54. package/cjs/components/Toast/variations/_pilled/base_199qghc.css +1 -0
  55. package/cjs/index.css +36 -36
  56. package/emotion/cjs/components/Portal/Portal.js +1 -5
  57. package/emotion/cjs/components/TextField/TextField.styles.js +45 -44
  58. package/emotion/cjs/components/Toast/Toast.js +2 -5
  59. package/emotion/cjs/components/Toast/Toast.styles.js +6 -9
  60. package/emotion/cjs/components/Toast/Toast.template-doc.mdx +5 -22
  61. package/emotion/cjs/components/Toast/Toast.tokens.js +1 -2
  62. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
  63. package/emotion/cjs/components/Toast/utils.js +1 -2
  64. package/emotion/cjs/components/Toast/variations/_pilled/base.js +1 -1
  65. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +7 -17
  66. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
  67. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +7 -17
  68. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
  69. package/emotion/es/components/Portal/Portal.js +1 -5
  70. package/emotion/es/components/TextField/TextField.styles.js +45 -44
  71. package/emotion/es/components/Toast/Toast.js +2 -5
  72. package/emotion/es/components/Toast/Toast.styles.js +6 -9
  73. package/emotion/es/components/Toast/Toast.template-doc.mdx +5 -22
  74. package/emotion/es/components/Toast/Toast.tokens.js +1 -2
  75. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
  76. package/emotion/es/components/Toast/utils.js +0 -1
  77. package/emotion/es/components/Toast/variations/_pilled/base.js +1 -1
  78. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +7 -17
  79. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
  80. package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +7 -17
  81. package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
  82. package/es/components/Autocomplete/Autocomplete.css +30 -30
  83. package/es/components/Combobox/ComboboxNew/Combobox.css +30 -30
  84. package/es/components/DatePicker/RangeDate/RangeDate.css +30 -30
  85. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  86. package/es/components/DatePicker/SingleDate/SingleDate.css +30 -30
  87. package/es/components/Pagination/Pagination.css +30 -30
  88. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  89. package/es/components/Portal/Portal.js +1 -5
  90. package/es/components/Portal/Portal.js.map +1 -1
  91. package/es/components/Range/Range.css +30 -30
  92. package/es/components/Select/Select.css +30 -30
  93. package/es/components/Select/ui/Target/Target.css +30 -30
  94. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  95. package/es/components/Slider/Slider.css +30 -30
  96. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  97. package/es/components/TextField/TextField.styles.js +42 -42
  98. package/es/components/TextField/TextField.styles.js.map +1 -1
  99. package/es/components/TextField/TextField.styles_1cdp5eg.css +22 -0
  100. package/es/components/TextField/ui/Hint/Hint.css +20 -20
  101. package/es/components/TextField/variations/_clear/base.js +1 -1
  102. package/es/components/TextField/variations/_clear/base_appgl3.css +1 -0
  103. package/es/components/TextField/variations/_disabled/base.js +1 -1
  104. package/{cjs/components/TextField/variations/_disabled/base_4d3opa.css → es/components/TextField/variations/_disabled/base_2tv0nz.css} +1 -1
  105. package/es/components/TextField/variations/_hint-size/base.js +1 -1
  106. package/{cjs/components/TextField/variations/_hint-size/base_1x99605.css → es/components/TextField/variations/_hint-size/base_z7a2uf.css} +1 -1
  107. package/es/components/TextField/variations/_hint-view/base.js +1 -1
  108. package/es/components/TextField/variations/_hint-view/{base_l8etux.css → base_1htnb8e.css} +1 -1
  109. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  110. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
  111. package/es/components/TextField/variations/_read-only/base.js +1 -1
  112. package/es/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
  113. package/es/components/TextField/variations/_size/base.js +1 -1
  114. package/es/components/TextField/variations/_size/base_uulqii.css +1 -0
  115. package/es/components/TextField/variations/_view/base.js +1 -1
  116. package/es/components/TextField/variations/_view/base_1npz45o.css +1 -0
  117. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  118. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  119. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
  120. package/es/components/Toast/Toast.css +7 -7
  121. package/es/components/Toast/Toast.js +2 -5
  122. package/es/components/Toast/Toast.js.map +1 -1
  123. package/es/components/Toast/Toast.styles.js +2 -11
  124. package/es/components/Toast/Toast.styles.js.map +1 -1
  125. package/es/components/Toast/{Toast.styles_1kasmzh.css → Toast.styles_1nei944.css} +2 -2
  126. package/es/components/Toast/Toast.tokens.js +1 -2
  127. package/es/components/Toast/Toast.tokens.js.map +1 -1
  128. package/es/components/Toast/ToastController.css +6 -6
  129. package/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
  130. package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  131. package/es/components/Toast/utils.js +1 -2
  132. package/es/components/Toast/utils.js.map +1 -1
  133. package/es/components/Toast/variations/_pilled/base.js +1 -1
  134. package/es/components/Toast/variations/_pilled/base.js.map +1 -1
  135. package/es/components/Toast/variations/_pilled/base_199qghc.css +1 -0
  136. package/es/index.css +36 -36
  137. package/package.json +2 -2
  138. package/styled-components/cjs/components/Portal/Portal.js +1 -5
  139. package/styled-components/cjs/components/TextField/TextField.styles.js +23 -22
  140. package/styled-components/cjs/components/Toast/Toast.js +2 -5
  141. package/styled-components/cjs/components/Toast/Toast.styles.js +2 -5
  142. package/styled-components/cjs/components/Toast/Toast.template-doc.mdx +5 -22
  143. package/styled-components/cjs/components/Toast/Toast.tokens.js +1 -2
  144. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +1 -6
  145. package/styled-components/cjs/components/Toast/utils.js +1 -2
  146. package/styled-components/cjs/components/Toast/variations/_pilled/base.js +1 -1
  147. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +2 -12
  148. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
  149. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +2 -12
  150. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
  151. package/styled-components/es/components/Portal/Portal.js +1 -5
  152. package/styled-components/es/components/TextField/TextField.styles.js +23 -22
  153. package/styled-components/es/components/Toast/Toast.js +2 -5
  154. package/styled-components/es/components/Toast/Toast.styles.js +2 -5
  155. package/styled-components/es/components/Toast/Toast.template-doc.mdx +5 -22
  156. package/styled-components/es/components/Toast/Toast.tokens.js +1 -2
  157. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +2 -7
  158. package/styled-components/es/components/Toast/utils.js +0 -1
  159. package/styled-components/es/components/Toast/variations/_pilled/base.js +1 -1
  160. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +2 -12
  161. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +14 -31
  162. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +2 -12
  163. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +14 -31
  164. package/types/components/Portal/Portal.d.ts.map +1 -1
  165. package/types/components/TextField/TextField.styles.d.ts +1 -1
  166. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  167. package/types/components/Toast/Toast.styles.d.ts +1 -3
  168. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  169. package/types/components/Toast/Toast.tokens.d.ts +1 -2
  170. package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
  171. package/types/components/Toast/Toast.types.d.ts +0 -8
  172. package/types/components/Toast/Toast.types.d.ts.map +1 -1
  173. package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
  174. package/types/components/Toast/utils.d.ts +0 -1
  175. package/types/components/Toast/utils.d.ts.map +1 -1
  176. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +0 -10
  177. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
  178. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +0 -2
  179. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts.map +1 -1
  180. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +0 -10
  181. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
  182. package/types/examples/plasma_web/components/Toast/Toast.d.ts +0 -2
  183. package/types/examples/plasma_web/components/Toast/Toast.d.ts.map +1 -1
  184. package/cjs/components/TextField/TextField.styles_kh1zhz.css +0 -22
  185. package/cjs/components/TextField/variations/_clear/base_gm5pwg.css +0 -1
  186. package/cjs/components/TextField/variations/_label-placement/base_if7w35.css +0 -1
  187. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
  188. package/cjs/components/TextField/variations/_size/base_7va3kt.css +0 -1
  189. package/cjs/components/TextField/variations/_view/base_1uzaktg.css +0 -1
  190. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
  191. package/cjs/components/Toast/variations/_pilled/base_13i59v3.css +0 -1
  192. package/es/components/TextField/TextField.styles_kh1zhz.css +0 -22
  193. package/es/components/TextField/variations/_clear/base_gm5pwg.css +0 -1
  194. package/es/components/TextField/variations/_label-placement/base_if7w35.css +0 -1
  195. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
  196. package/es/components/TextField/variations/_size/base_7va3kt.css +0 -1
  197. package/es/components/TextField/variations/_view/base_1uzaktg.css +0 -1
  198. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
  199. 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 { WithTheme } from '../../../_helpers';
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.contentLeftMargin, toastTokens.closeIconMargin)
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.contentLeftMargin, toastTokens.closeIconMargin)
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 { WithTheme } from '../../../_helpers';
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;AAKlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAalC,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":";AAUA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,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,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
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,qKAK7B,CAAC;AAEF,eAAO,MAAM,aAAa;;EAEzB,CAAC"}
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
- contentLeftMargin: string;
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;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC"}
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;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,oBAAY,UAAU,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,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;iBAqHzD,CAAC"}
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,uBAAuB,YAAY,CAAC;AACjD,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"}
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;;;;;;;;;;;YA+BP;;;eAGG;;YAQH;;;eAGG;;;;;;;;;;;;;;CA4Cd,CAAC"}
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;;;;;;;;;;;;;;;;;;6KAA0B,CAAC;AAC7C,eAAO,MAAM,eAAe,wGAA4B,CAAC;AACzD,eAAO,MAAM,aAAa;;iBAAoC,CAAC"}
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;;;;;;;;;;;YA+BP;;;eAGG;;YAQH;;;eAGG;;;;;;;;;;;;;;CA4Cd,CAAC"}
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;;;;;;;;;;;;;;;;;;6KAA0B,CAAC;AAC7C,eAAO,MAAM,eAAe,wGAA4B,CAAC;AACzD,eAAO,MAAM,aAAa;;iBAAoC,CAAC"}
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);}