@salutejs/plasma-new-hope 0.252.0-canary.1738.13067280086.0 → 0.253.0-canary.1719.13069931199.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 (115) hide show
  1. package/cjs/components/TextField/TextField.js +1 -1
  2. package/cjs/components/TextField/TextField.js.map +1 -1
  3. package/cjs/components/Toast/Toast.css +7 -7
  4. package/cjs/components/Toast/Toast.js +5 -2
  5. package/cjs/components/Toast/Toast.js.map +1 -1
  6. package/cjs/components/Toast/Toast.styles.js +11 -2
  7. package/cjs/components/Toast/Toast.styles.js.map +1 -1
  8. package/cjs/components/Toast/{Toast.styles_1nei944.css → Toast.styles_1kasmzh.css} +2 -2
  9. package/cjs/components/Toast/Toast.tokens.js +2 -1
  10. package/cjs/components/Toast/Toast.tokens.js.map +1 -1
  11. package/cjs/components/Toast/ToastController.css +6 -6
  12. package/cjs/components/Toast/ToastController.js +1 -13
  13. package/cjs/components/Toast/ToastController.js.map +1 -1
  14. package/cjs/components/Toast/ToastProvider/ToastProvider.js +22 -4
  15. package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  16. package/cjs/components/Toast/utils.js +2 -0
  17. package/cjs/components/Toast/utils.js.map +1 -1
  18. package/cjs/components/Toast/variations/_pilled/base.js +1 -1
  19. package/cjs/components/Toast/variations/_pilled/base.js.map +1 -1
  20. package/cjs/components/Toast/variations/_pilled/base_13i59v3.css +1 -0
  21. package/cjs/index.css +8 -8
  22. package/emotion/cjs/components/TextField/TextField.js +2 -2
  23. package/emotion/cjs/components/Toast/Toast.js +5 -2
  24. package/emotion/cjs/components/Toast/Toast.styles.js +9 -6
  25. package/emotion/cjs/components/Toast/Toast.template-doc.mdx +22 -5
  26. package/emotion/cjs/components/Toast/Toast.tokens.js +2 -1
  27. package/emotion/cjs/components/Toast/ToastController.js +3 -16
  28. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +22 -4
  29. package/emotion/cjs/components/Toast/utils.js +2 -1
  30. package/emotion/cjs/components/Toast/variations/_pilled/base.js +1 -1
  31. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +17 -7
  32. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  33. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +17 -7
  34. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  35. package/emotion/es/components/TextField/TextField.js +2 -2
  36. package/emotion/es/components/Toast/Toast.js +5 -2
  37. package/emotion/es/components/Toast/Toast.styles.js +9 -6
  38. package/emotion/es/components/Toast/Toast.template-doc.mdx +22 -5
  39. package/emotion/es/components/Toast/Toast.tokens.js +2 -1
  40. package/emotion/es/components/Toast/ToastController.js +2 -14
  41. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +23 -5
  42. package/emotion/es/components/Toast/utils.js +1 -0
  43. package/emotion/es/components/Toast/variations/_pilled/base.js +1 -1
  44. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +17 -7
  45. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  46. package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +17 -7
  47. package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  48. package/es/components/TextField/TextField.js +1 -1
  49. package/es/components/TextField/TextField.js.map +1 -1
  50. package/es/components/Toast/Toast.css +7 -7
  51. package/es/components/Toast/Toast.js +5 -2
  52. package/es/components/Toast/Toast.js.map +1 -1
  53. package/es/components/Toast/Toast.styles.js +11 -2
  54. package/es/components/Toast/Toast.styles.js.map +1 -1
  55. package/es/components/Toast/{Toast.styles_1nei944.css → Toast.styles_1kasmzh.css} +2 -2
  56. package/es/components/Toast/Toast.tokens.js +2 -1
  57. package/es/components/Toast/Toast.tokens.js.map +1 -1
  58. package/es/components/Toast/ToastController.css +6 -6
  59. package/es/components/Toast/ToastController.js +2 -14
  60. package/es/components/Toast/ToastController.js.map +1 -1
  61. package/es/components/Toast/ToastProvider/ToastProvider.js +23 -5
  62. package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  63. package/es/components/Toast/utils.js +2 -1
  64. package/es/components/Toast/utils.js.map +1 -1
  65. package/es/components/Toast/variations/_pilled/base.js +1 -1
  66. package/es/components/Toast/variations/_pilled/base.js.map +1 -1
  67. package/es/components/Toast/variations/_pilled/base_13i59v3.css +1 -0
  68. package/es/index.css +8 -8
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  71. package/styled-components/cjs/components/Toast/Toast.js +5 -2
  72. package/styled-components/cjs/components/Toast/Toast.styles.js +5 -2
  73. package/styled-components/cjs/components/Toast/Toast.template-doc.mdx +22 -5
  74. package/styled-components/cjs/components/Toast/Toast.tokens.js +2 -1
  75. package/styled-components/cjs/components/Toast/ToastController.js +3 -16
  76. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +22 -4
  77. package/styled-components/cjs/components/Toast/utils.js +2 -1
  78. package/styled-components/cjs/components/Toast/variations/_pilled/base.js +1 -1
  79. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +12 -2
  80. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  81. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +12 -2
  82. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  83. package/styled-components/es/components/TextField/TextField.js +1 -1
  84. package/styled-components/es/components/Toast/Toast.js +5 -2
  85. package/styled-components/es/components/Toast/Toast.styles.js +5 -2
  86. package/styled-components/es/components/Toast/Toast.template-doc.mdx +22 -5
  87. package/styled-components/es/components/Toast/Toast.tokens.js +2 -1
  88. package/styled-components/es/components/Toast/ToastController.js +2 -14
  89. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +23 -5
  90. package/styled-components/es/components/Toast/utils.js +1 -0
  91. package/styled-components/es/components/Toast/variations/_pilled/base.js +1 -1
  92. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +12 -2
  93. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +31 -14
  94. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +12 -2
  95. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +31 -14
  96. package/types/components/Toast/Toast.styles.d.ts +3 -1
  97. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  98. package/types/components/Toast/Toast.tokens.d.ts +2 -1
  99. package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
  100. package/types/components/Toast/Toast.types.d.ts +8 -0
  101. package/types/components/Toast/Toast.types.d.ts.map +1 -1
  102. package/types/components/Toast/ToastController.d.ts.map +1 -1
  103. package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
  104. package/types/components/Toast/utils.d.ts +1 -0
  105. package/types/components/Toast/utils.d.ts.map +1 -1
  106. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +10 -0
  107. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
  108. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +2 -0
  109. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts.map +1 -1
  110. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +10 -0
  111. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
  112. package/types/examples/plasma_web/components/Toast/Toast.d.ts +2 -0
  113. package/types/examples/plasma_web/components/Toast/Toast.d.ts.map +1 -1
  114. package/cjs/components/Toast/variations/_pilled/base_199qghc.css +0 -1
  115. package/es/components/Toast/variations/_pilled/base_199qghc.css +0 -1
@@ -4,21 +4,39 @@ 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 { toastConfig } from '../../../../components/Toast';
8
- import { mergeConfig } from '../../../../engines';
9
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { WithTheme } from '../../../_helpers';
10
8
  import { Button } from '../Button/Button';
11
9
  import { PopupProvider } from '../Popup/Popup';
12
10
  import { addNotification } from '../../../../../src/components/Notification';
13
11
  import { NotificationsProvider } from '../Notification/Notification';
14
12
  import { Modal } from '../Modal/Modal';
15
13
 
16
- import { config } from './Toast.config';
17
14
  import { Toast, ToastController, ToastProvider, useToast } from './Toast';
18
15
 
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
+ },
22
40
  };
23
41
 
24
42
  export default meta;
@@ -49,7 +67,6 @@ const StyledWrapper = styled.div`
49
67
  `;
50
68
 
51
69
  const ToastContainer = styled.div`
52
- position: fixed;
53
70
  transform: translateX(50%);
54
71
  `;
55
72
 
@@ -61,6 +78,7 @@ const Container = styled.div`
61
78
  export const ToastComponent: StoryComponent = {
62
79
  args: {
63
80
  text: 'Текст всплывающего уведомления',
81
+ textColor: undefined,
64
82
  view: 'default',
65
83
  closeIconType: 'default',
66
84
  size: 'm',
@@ -68,14 +86,6 @@ export const ToastComponent: StoryComponent = {
68
86
  enableContentLeft: true,
69
87
  pilled: false,
70
88
  },
71
- argTypes: {
72
- closeIconType: {
73
- options: ['default', 'thin'],
74
- control: {
75
- type: 'select',
76
- },
77
- },
78
- },
79
89
  render: ({ enableContentLeft, ...args }) => (
80
90
  <ToastContainer>
81
91
  <Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} />
@@ -94,6 +104,8 @@ const StoryLiveDemo = ({
94
104
  size,
95
105
  hasClose,
96
106
  enableContentLeft,
107
+ closeIconType,
108
+ textColor,
97
109
  }: StoryProps) => {
98
110
  const { showToast, hideToast } = useToast();
99
111
  const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
@@ -114,6 +126,8 @@ const StoryLiveDemo = ({
114
126
  view,
115
127
  size,
116
128
  hasClose,
129
+ closeIconType,
130
+ textColor,
117
131
  onHide: action('onHide'),
118
132
  onShow: action('onShow'),
119
133
  });
@@ -141,7 +155,6 @@ export const LiveDemo: Story = {
141
155
  type: 'inline-radio',
142
156
  },
143
157
  },
144
- ...argTypesFromConfig(mergeConfig(toastConfig, config)),
145
158
  ...disableProps(['role', 'onShow', 'onHide', 'contentLeft']),
146
159
  },
147
160
  parameters: {
@@ -167,6 +180,8 @@ const StoryComplex = ({
167
180
  size,
168
181
  hasClose,
169
182
  enableContentLeft,
183
+ closeIconType,
184
+ textColor,
170
185
  }: StoryProps) => {
171
186
  const [isModalOpen, setIsModalOpen] = useState(false);
172
187
 
@@ -185,6 +200,8 @@ const StoryComplex = ({
185
200
  view,
186
201
  size,
187
202
  hasClose,
203
+ closeIconType,
204
+ textColor,
188
205
  onHide: action('onHide'),
189
206
  onShow: action('onShow'),
190
207
  });
@@ -9,14 +9,24 @@ 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
+ */
12
18
  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
+ */
13
23
  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)
14
24
  },
15
25
  size: {
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)
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)
17
27
  },
18
28
  pilled: {
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)
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)
20
30
  },
21
31
  closeIconType: {
22
32
  "default": /*#__PURE__*/css(["", ":1rem;", ":1.5rem;"], toastTokens.closeIconButtonSize, toastTokens.closeIconSize),
@@ -4,21 +4,39 @@ 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 { toastConfig } from '../../../../components/Toast';
8
- import { mergeConfig } from '../../../../engines';
9
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { WithTheme } from '../../../_helpers';
10
8
  import { Button } from '../Button/Button';
11
9
  import { PopupProvider } from '../Popup/Popup';
12
10
  import { addNotification } from '../../../../../src/components/Notification';
13
11
  import { NotificationsProvider } from '../Notification/Notification';
14
12
  import { Modal } from '../Modal/Modal';
15
13
 
16
- import { config } from './Toast.config';
17
14
  import { Toast, ToastController, ToastProvider, useToast } from './Toast';
18
15
 
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
+ },
22
40
  };
23
41
 
24
42
  export default meta;
@@ -49,7 +67,6 @@ const StyledWrapper = styled.div`
49
67
  `;
50
68
 
51
69
  const ToastContainer = styled.div`
52
- position: fixed;
53
70
  transform: translateX(50%);
54
71
  `;
55
72
 
@@ -61,6 +78,7 @@ const Container = styled.div`
61
78
  export const ToastComponent: StoryComponent = {
62
79
  args: {
63
80
  text: 'Текст всплывающего уведомления',
81
+ textColor: undefined,
64
82
  view: 'default',
65
83
  closeIconType: 'default',
66
84
  size: 'm',
@@ -68,14 +86,6 @@ export const ToastComponent: StoryComponent = {
68
86
  enableContentLeft: true,
69
87
  pilled: false,
70
88
  },
71
- argTypes: {
72
- closeIconType: {
73
- options: ['default', 'thin'],
74
- control: {
75
- type: 'select',
76
- },
77
- },
78
- },
79
89
  render: ({ enableContentLeft, ...args }) => (
80
90
  <ToastContainer>
81
91
  <Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} />
@@ -94,6 +104,8 @@ const StoryLiveDemo = ({
94
104
  size,
95
105
  hasClose,
96
106
  enableContentLeft,
107
+ closeIconType,
108
+ textColor,
97
109
  }: StoryProps) => {
98
110
  const { showToast, hideToast } = useToast();
99
111
  const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
@@ -114,6 +126,8 @@ const StoryLiveDemo = ({
114
126
  view,
115
127
  size,
116
128
  hasClose,
129
+ closeIconType,
130
+ textColor,
117
131
  onHide: action('onHide'),
118
132
  onShow: action('onShow'),
119
133
  });
@@ -141,7 +155,6 @@ export const LiveDemo: Story = {
141
155
  type: 'inline-radio',
142
156
  },
143
157
  },
144
- ...argTypesFromConfig(mergeConfig(toastConfig, config)),
145
158
  ...disableProps(['role', 'onShow', 'onHide', 'contentLeft']),
146
159
  },
147
160
  parameters: {
@@ -167,6 +180,8 @@ const StoryComplex = ({
167
180
  size,
168
181
  hasClose,
169
182
  enableContentLeft,
183
+ closeIconType,
184
+ textColor,
170
185
  }: StoryProps) => {
171
186
  const [isModalOpen, setIsModalOpen] = useState(false);
172
187
 
@@ -185,6 +200,8 @@ const StoryComplex = ({
185
200
  view,
186
201
  size,
187
202
  hasClose,
203
+ closeIconType,
204
+ textColor,
188
205
  onHide: action('onHide'),
189
206
  onShow: action('onShow'),
190
207
  });
@@ -50,5 +50,7 @@ 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> & 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
+ }>;
54
56
  //# 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,qKAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,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,qKAK7B,CAAC;AAEF,eAAO,MAAM,aAAa;;EAEzB,CAAC"}
@@ -19,7 +19,8 @@ export declare const tokens: {
19
19
  letterSpacing: string;
20
20
  lineHeight: string;
21
21
  pilledBorderRadius: string;
22
- leftContentMargin: string;
22
+ contentLeftMargin: string;
23
+ contentLeftColor: string;
23
24
  closeIconMargin: string;
24
25
  closeIconColor: string;
25
26
  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;;;;;;;;;;;;;;;;;;;CAuBlB,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;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC"}
@@ -56,6 +56,10 @@ export declare type ToastControllerProps = {
56
56
  * Вид закрывающей иконки в Notification.
57
57
  */
58
58
  closeIconType?: 'default' | 'thin';
59
+ /**
60
+ * Цвет текста (по умолчанию берётся цвет из view)
61
+ */
62
+ textColor?: string;
59
63
  };
60
64
  export declare type CustomToastProps = {
61
65
  /**
@@ -96,6 +100,10 @@ export declare type CustomToastProps = {
96
100
  * Вид закрывающей иконки в Notification.
97
101
  */
98
102
  closeIconType?: 'default' | 'thin';
103
+ /**
104
+ * Цвет текста (по умолчанию берётся цвет из view)
105
+ */
106
+ textColor?: string;
99
107
  /**
100
108
  * Колбек при нажатии на кнопку закрытия.
101
109
  */
@@ -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;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
+ {"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 +1 @@
1
- {"version":3,"file":"ToastController.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKjE,eAAO,MAAM,kBAAkB,iEACK,oBAAoB,uBAmDnD,CAAC"}
1
+ {"version":3,"file":"ToastController.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKjE,eAAO,MAAM,kBAAkB,iEACK,oBAAoB,uBAwCnD,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;iBAmGzD,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;iBAqHzD,CAAC"}
@@ -1,6 +1,7 @@
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";
4
5
  export declare const TIMER_DELAY = 300;
5
6
  export declare const FADE_Z_INDEX = "9900";
6
7
  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,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,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"}
@@ -7,7 +7,17 @@ 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
+ */
10
16
  dark: import("@linaria/core").LinariaClassName;
17
+ /**
18
+ * @deprecated
19
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
20
+ */
11
21
  light: import("@linaria/core").LinariaClassName;
12
22
  };
13
23
  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;;;;;;;;;;;;;;;;;;;;;;;CAiElB,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;;;;;;;;;;;YA+BP;;;eAGG;;YAQH;;;eAGG;;;;;;;;;;;;;;CA4Cd,CAAC"}
@@ -3,6 +3,8 @@ 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;
6
8
  dark: import("@linaria/core").LinariaClassName;
7
9
  light: import("@linaria/core").LinariaClassName;
8
10
  };
@@ -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,7 +7,17 @@ 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
+ */
10
16
  dark: import("@linaria/core").LinariaClassName;
17
+ /**
18
+ * @deprecated
19
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
20
+ */
11
21
  light: import("@linaria/core").LinariaClassName;
12
22
  };
13
23
  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;;;;;;;;;;;;;;;;;;;;;;;CAiElB,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;;;;;;;;;;;YA+BP;;;eAGG;;YAQH;;;eAGG;;;;;;;;;;;;;;CA4Cd,CAAC"}
@@ -3,6 +3,8 @@ 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;
6
8
  dark: import("@linaria/core").LinariaClassName;
7
9
  light: import("@linaria/core").LinariaClassName;
8
10
  };
@@ -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 +0,0 @@
1
- .bmt2xdv.toast-pilled{--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}
@@ -1 +0,0 @@
1
- .bmt2xdv.toast-pilled{--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);border-radius:var(--plasma-toast-pilled-border-radius);}