@megafon/ui-core 3.7.0 → 3.8.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.8.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.7.0...@megafon/ui-core@3.8.0) (2022-05-17)
+
+
+### Features
+
+* **notification:** add props classes to notification component ([608a424](https://github.com/MegafonWebLab/megafon-ui/commit/608a4246eb99af354fb7cf8ab98c2ed513d87b66))
+
+
+
+
+
 # [3.7.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.6.0...@megafon/ui-core@3.7.0) (2022-05-05)
 
 

package/dist/es/components/Calendar/components/Month/Month.js

@@ -10,9 +10,9 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 6v8l-5-4z",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 6v8l-5-4z"
+    clipRule: "evenodd"
   }));
 };
 
@@ -20,9 +20,9 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M8 14V6l5 4z",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 14V6l5 4z"
+    clipRule: "evenodd"
   }));
 };
 

package/dist/es/components/Notification/Notification.d.ts

@@ -17,6 +17,12 @@ declare type ShadowType = typeof ShadowTypes[keyof typeof ShadowTypes];
 export interface INotificationProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        container?: string;
+        content?: string;
+    };
     /** Тип отображения */
     type?: NotificationType;
     /** Уровень тени */

package/dist/es/components/Notification/Notification.js

@@ -77,6 +77,11 @@ var cn = cnCreate('mfui-notification');
 
 var Notification = function Notification(_ref) {
   var className = _ref.className,
+      _ref$classes = _ref.classes;
+  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var rootClass = _ref$classes.root,
+      containerClass = _ref$classes.container,
+      contentClass = _ref$classes.content,
       children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'info' : _ref$type,
@@ -143,13 +148,13 @@ var Notification = function Notification(_ref) {
     className: cn({
       type: type,
       colored: isColored
-    }, className)
+    }, [className, rootClass])
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn('container')
+    className: cn('container', [containerClass])
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('icon-container')
   }, renderIcon()), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
+    className: cn('content', [contentClass])
   }, title && /*#__PURE__*/React.createElement(Header, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title
@@ -174,6 +179,11 @@ var Notification = function Notification(_ref) {
 Notification.propTypes = {
   type: PropTypes.oneOf(Object.values(NotificationTypes)),
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    container: PropTypes.string,
+    content: PropTypes.string
+  }),
   shadowLevel: PropTypes.oneOf(Object.values(ShadowTypes)),
   isColored: PropTypes.bool,
   hasCloseButton: PropTypes.bool,

package/dist/lib/components/Calendar/components/Month/Month.js

@@ -23,9 +23,9 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 6v8l-5-4z",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 6v8l-5-4z"
+    clipRule: "evenodd"
   }));
 };
 
@@ -33,9 +33,9 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8 14V6l5 4z",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 14V6l5 4z"
+    clipRule: "evenodd"
   }));
 };
 

package/dist/lib/components/Notification/Notification.d.ts

@@ -17,6 +17,12 @@ declare type ShadowType = typeof ShadowTypes[keyof typeof ShadowTypes];
 export interface INotificationProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        container?: string;
+        content?: string;
+    };
     /** Тип отображения */
     type?: NotificationType;
     /** Уровень тени */

package/dist/lib/components/Notification/Notification.js

@@ -101,6 +101,11 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-notification');
 
 var Notification = function Notification(_ref) {
   var className = _ref.className,
+      _ref$classes = _ref.classes;
+  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var rootClass = _ref$classes.root,
+      containerClass = _ref$classes.container,
+      contentClass = _ref$classes.content,
       children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'info' : _ref$type,
@@ -167,13 +172,13 @@ var Notification = function Notification(_ref) {
     className: cn({
       type: type,
       colored: isColored
-    }, className)
+    }, [className, rootClass])
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('container')
+    className: cn('container', [containerClass])
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('icon-container')
   }, renderIcon()), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('content')
+    className: cn('content', [contentClass])
   }, title && /*#__PURE__*/_react["default"].createElement(_Header["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title
@@ -198,6 +203,11 @@ var Notification = function Notification(_ref) {
 Notification.propTypes = {
   type: PropTypes.oneOf(Object.values(NotificationTypes)),
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    container: PropTypes.string,
+    content: PropTypes.string
+  }),
   shadowLevel: PropTypes.oneOf(Object.values(ShadowTypes)),
   isColored: PropTypes.bool,
   hasCloseButton: PropTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^1.2.1",
+    "@megafon/ui-icons": "^1.2.2",
     "@svgr/core": "^2.4.1",
     "@testing-library/react-hooks": "^7.0.1",
     "@types/enzyme": "^3.10.5",
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "be6065a442b0c2f8f1a82ea4fd45dd36679cbfaf"
+  "gitHead": "929d0fbafbdc4d2aa98f283f7c71dff21347542f"
 }