@salutejs/plasma-new-hope 0.271.0-canary.1778.13390888088.0 → 0.271.0-canary.1782.13387584790.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Notification/Notification.css +11 -11
- package/cjs/components/Notification/Notification.js +3 -7
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +26 -42
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_gk4bgs.css → Notification.styles_1u5gusp.css} +2 -2
- package/cjs/components/Notification/Notification.tokens.js +0 -1
- package/cjs/components/Notification/Notification.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +0 -1
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/emotion/cjs/components/Notification/Notification.js +3 -7
- package/emotion/cjs/components/Notification/Notification.styles.js +26 -32
- package/emotion/cjs/components/Notification/Notification.tokens.js +0 -1
- package/emotion/cjs/components/Notification/NotificationsPortal.js +1 -2
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +7 -11
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -35
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.config.js +7 -11
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +2 -18
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/emotion/es/components/Notification/Notification.js +3 -7
- package/emotion/es/components/Notification/Notification.styles.js +26 -32
- package/emotion/es/components/Notification/Notification.tokens.js +0 -1
- package/emotion/es/components/Notification/NotificationsPortal.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.config.js +7 -11
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -35
- package/emotion/es/examples/plasma_web/components/Notification/Notification.config.js +7 -11
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +2 -18
- package/es/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Notification/Notification.css +11 -11
- package/es/components/Notification/Notification.js +3 -7
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +26 -42
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_gk4bgs.css → Notification.styles_1u5gusp.css} +2 -2
- package/es/components/Notification/Notification.tokens.js +0 -1
- package/es/components/Notification/Notification.tokens.js.map +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +0 -1
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/styled-components/cjs/components/Notification/Notification.js +3 -7
- package/styled-components/cjs/components/Notification/Notification.styles.js +15 -21
- package/styled-components/cjs/components/Notification/Notification.tokens.js +0 -1
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +1 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -35
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.config.js +1 -5
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +2 -18
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -1
- package/styled-components/es/components/Notification/Notification.js +3 -7
- package/styled-components/es/components/Notification/Notification.styles.js +15 -21
- package/styled-components/es/components/Notification/Notification.tokens.js +0 -1
- package/styled-components/es/components/Notification/NotificationsPortal.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.config.js +1 -5
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -35
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.config.js +1 -5
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +2 -18
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +2 -6
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.tokens.d.ts +0 -1
- package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +0 -8
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +48 -0
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts +0 -4
- package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +48 -0
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.config.d.ts +0 -4
- package/types/examples/plasma_web/components/Notification/Notification.config.d.ts.map +1 -1
@@ -23,7 +23,6 @@ const texts = ['SSH ключ успешно скопирован', 'Нельзя
|
|
23
23
|
const size = ['xs', 'xxs'];
|
24
24
|
const iconPlacement = ['top', 'left'];
|
25
25
|
const notificationsPlacements = ['bottom-right', 'bottom-left'];
|
26
|
-
const views = ['default', 'negative', 'positive', 'warning', 'info'];
|
27
26
|
|
28
27
|
const longText = `JavaScript frameworks are an essential part of modern front-end web development,
|
29
28
|
providing developers with proven tools for building scalable, interactive web applications.
|
@@ -59,25 +58,14 @@ interface StoryDefaultProps {
|
|
59
58
|
closeIconType?: 'default' | 'thin';
|
60
59
|
iconPlacement: NotificationIconPlacement;
|
61
60
|
placement?: NotificationPlacement;
|
62
|
-
view: 'default';
|
63
61
|
}
|
64
62
|
|
65
|
-
const StoryDefault = ({
|
66
|
-
title,
|
67
|
-
children,
|
68
|
-
iconPlacement,
|
69
|
-
size,
|
70
|
-
layout,
|
71
|
-
showLeftIcon,
|
72
|
-
view,
|
73
|
-
...rest
|
74
|
-
}: StoryDefaultProps) => {
|
63
|
+
const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
|
75
64
|
return (
|
76
65
|
<Notification
|
77
66
|
title={title}
|
78
|
-
icon={showLeftIcon ? <IconDisclosureRight
|
67
|
+
icon={showLeftIcon ? <IconDisclosureRight /> : ''}
|
79
68
|
iconPlacement={iconPlacement}
|
80
|
-
view={view}
|
81
69
|
actions={
|
82
70
|
<Button
|
83
71
|
text="text"
|
@@ -120,18 +108,6 @@ export const Default: StoryObj<StoryDefaultProps> = {
|
|
120
108
|
type: 'select',
|
121
109
|
},
|
122
110
|
},
|
123
|
-
view: {
|
124
|
-
options: views,
|
125
|
-
control: {
|
126
|
-
type: 'select',
|
127
|
-
},
|
128
|
-
},
|
129
|
-
textColor: {
|
130
|
-
control: 'color',
|
131
|
-
},
|
132
|
-
iconColor: {
|
133
|
-
control: 'color',
|
134
|
-
},
|
135
111
|
},
|
136
112
|
args: {
|
137
113
|
title: 'Title',
|
@@ -141,7 +117,6 @@ export const Default: StoryObj<StoryDefaultProps> = {
|
|
141
117
|
iconPlacement: 'top',
|
142
118
|
layout: 'vertical',
|
143
119
|
closeIconType: 'default',
|
144
|
-
view: 'default',
|
145
120
|
size: 'xs',
|
146
121
|
},
|
147
122
|
render: (args) => <StoryDefault {...args} />,
|
@@ -158,14 +133,7 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
|
158
133
|
const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
|
159
134
|
const count = useRef(0);
|
160
135
|
const handleClick = useCallback(() => {
|
161
|
-
addNotification(
|
162
|
-
{
|
163
|
-
icon: <IconDisclosureRight color="inherit" />,
|
164
|
-
...rest,
|
165
|
-
...getNotificationProps(count.current),
|
166
|
-
},
|
167
|
-
timeout,
|
168
|
-
);
|
136
|
+
addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
|
169
137
|
count.current++;
|
170
138
|
}, [count, rest]);
|
171
139
|
|