@salutejs/plasma-new-hope 0.271.0-canary.1778.13392217490.0 → 0.271.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- 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/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_b2c/components/Tokens/Tokens.stories.tsx +2 -2
- 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/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +2 -2
- 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_b2c/components/Tokens/Tokens.stories.tsx +2 -2
- 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/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +2 -2
- 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/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_b2c/components/Tokens/Tokens.stories.tsx +2 -2
- 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/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +2 -2
- 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_b2c/components/Tokens/Tokens.stories.tsx +2 -2
- 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/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +2 -2
- 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/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/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.
|
@@ -65,7 +64,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
|
|
65
64
|
return (
|
66
65
|
<Notification
|
67
66
|
title={title}
|
68
|
-
icon={showLeftIcon ? <IconDisclosureRight
|
67
|
+
icon={showLeftIcon ? <IconDisclosureRight /> : ''}
|
69
68
|
iconPlacement={iconPlacement}
|
70
69
|
actions={
|
71
70
|
<Button
|
@@ -109,18 +108,6 @@ export const Default: StoryObj<StoryDefaultProps> = {
|
|
109
108
|
type: 'select',
|
110
109
|
},
|
111
110
|
},
|
112
|
-
view: {
|
113
|
-
options: views,
|
114
|
-
control: {
|
115
|
-
type: 'select',
|
116
|
-
},
|
117
|
-
},
|
118
|
-
textColor: {
|
119
|
-
control: 'color',
|
120
|
-
},
|
121
|
-
iconColor: {
|
122
|
-
control: 'color',
|
123
|
-
},
|
124
111
|
},
|
125
112
|
args: {
|
126
113
|
title: 'Title',
|
@@ -146,10 +133,7 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
|
146
133
|
const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
|
147
134
|
const count = useRef(0);
|
148
135
|
const handleClick = useCallback(() => {
|
149
|
-
addNotification(
|
150
|
-
{ icon: <IconDisclosureRight color="inherit" />, ...rest, ...getNotificationProps(count.current) },
|
151
|
-
timeout,
|
152
|
-
);
|
136
|
+
addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
|
153
137
|
count.current++;
|
154
138
|
}, [count, rest]);
|
155
139
|
|
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
|
|
69
69
|
|
70
70
|
return (
|
71
71
|
<>
|
72
|
-
{Object.entries(groupedTokens).map(([category,
|
72
|
+
{Object.entries(groupedTokens).map(([category, subcategories]) => (
|
73
73
|
<CategoryContainer key={category}>
|
74
74
|
<Category>{category}</Category>
|
75
75
|
<Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
|
76
|
-
{Object.entries(
|
76
|
+
{Object.entries(subcategories).map(([subcategory, subcategoryTokens], index) => (
|
77
77
|
<StyledAccordionItem
|
78
78
|
key={subcategory}
|
79
79
|
eventKey={index}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "
|
1
|
+
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -34,8 +34,6 @@ export var notificationRoot = function notificationRoot(Root) {
|
|
34
34
|
layout = _props$layout === void 0 ? layouts.vertical : _props$layout,
|
35
35
|
icon = props.icon,
|
36
36
|
closeIconType = props.closeIconType,
|
37
|
-
textColor = props.textColor,
|
38
|
-
iconColor = props.iconColor,
|
39
37
|
onCloseButtonClick = props.onCloseButtonClick,
|
40
38
|
rest = _objectWithoutProperties(props, _excluded);
|
41
39
|
var ariaLive = 'polite';
|
@@ -68,15 +66,13 @@ export var notificationRoot = function notificationRoot(Root) {
|
|
68
66
|
className: cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)
|
69
67
|
}, icon && /*#__PURE__*/React.createElement(IconWrapper, {
|
70
68
|
iconPlacement: IconPlacementInternal,
|
71
|
-
className: cx(classes.icon, getLayoutClass(layout))
|
72
|
-
iconColor: iconColor
|
69
|
+
className: cx(classes.icon, getLayoutClass(layout))
|
73
70
|
}, icon), /*#__PURE__*/React.createElement(TextBox, {
|
74
71
|
iconPlacement: IconPlacementInternal,
|
75
72
|
showCloseIcon: showCloseIcon,
|
76
73
|
className: cx(classes.textbox, getLayoutClass(layout))
|
77
74
|
}, title && /*#__PURE__*/React.createElement(StyledTitle, {
|
78
|
-
className: classes.title
|
79
|
-
textColor: textColor
|
75
|
+
className: classes.title
|
80
76
|
}, title), content && /*#__PURE__*/React.createElement(StyledContent, {
|
81
77
|
className: classes.text
|
82
78
|
}, content))), actions && /*#__PURE__*/React.createElement(ButtonsWrapper, {
|