@megafon/ui-core 4.8.0 → 4.8.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.8.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.8.1...@megafon/ui-core@4.8.2) (2022-11-21)
+
+
+### Bug Fixes
+
+* **tabs:** remove tab underline on hover ([1c6cfbd](https://github.com/MegafonWebLab/megafon-ui/commit/1c6cfbde1c66c71c99c42ae4a586f048688f3afb))
+
+
+
+
+
+## [4.8.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.8.0...@megafon/ui-core@4.8.1) (2022-11-15)
+
+
+### Bug Fixes
+
+* **search:** show placeholder without label ([b059216](https://github.com/MegafonWebLab/megafon-ui/commit/b05921619514787698e82d27644702d231829c50))
+
+
+
+
+
 # [4.8.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.7.0...@megafon/ui-core@4.8.0) (2022-11-14)
 
 

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

@@ -13,6 +13,7 @@ export interface ICheckboxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        inner?: Record<string, string>;
         input?: Record<string, string>;
         customInput?: Record<string, string>;
         extraContent?: Record<string, string>;

package/dist/es/components/Checkbox/Checkbox.js

@@ -60,9 +60,9 @@ var Checkbox = function Checkbox(_ref) {
       disabled: disabled,
       error: error
     }, className)
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", _extends({
     className: cn('inner', [classes === null || classes === void 0 ? void 0 : classes.inner])
-  }, /*#__PURE__*/React.createElement("label", {
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner)), /*#__PURE__*/React.createElement("label", {
     className: cn('label', {
       'no-touch': !isTouch
     })
@@ -99,6 +99,7 @@ Checkbox.propTypes = {
   error: PropTypes.bool,
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
+    inner: PropTypes.objectOf(PropTypes.string.isRequired),
     input: PropTypes.objectOf(PropTypes.string.isRequired),
     customInput: PropTypes.objectOf(PropTypes.string.isRequired),
     extraContent: PropTypes.objectOf(PropTypes.string.isRequired)

package/dist/es/components/List/List.css

@@ -2,21 +2,24 @@
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
   margin: 12px 0 12px 40px;
-  padding: 0;
   font-style: normal;
 }
-.mfui-list_type_ul {
-  list-style: disc;
-}
-.mfui-list_type_ol {
-  list-style: decimal;
-}
 .mfui-list_h-align_center {
-  text-align: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .mfui-list_h-align_right {
-  text-align: right;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .mfui-list_color_default {
   color: var(--content);
@@ -51,3 +54,13 @@
 .mfui-list_weight_bold {
   font-weight: 600;
 }
+.mfui-list__inner {
+  margin: 0;
+  padding: 0;
+}
+.mfui-list__inner_type_ul {
+  list-style: disc;
+}
+.mfui-list_inner_type_ol {
+  list-style: decimal;
+}

package/dist/es/components/List/List.js

@@ -15,14 +15,17 @@ var List = function List(_ref) {
       className = _ref.className,
       children = _ref.children;
   var ElementType = as;
-  return /*#__PURE__*/React.createElement(ElementType, {
+  return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'h-align': align,
       color: color,
-      weight: weight,
-      type: as
+      weight: weight
     }, className)
-  }, children);
+  }, /*#__PURE__*/React.createElement(ElementType, {
+    className: cn('inner', {
+      type: as
+    })
+  }, children));
 };
 
 List.propTypes = {

package/dist/es/components/Search/Search.css

@@ -102,19 +102,19 @@
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field:-moz-placeholder {
+.mfui-search__search-field::-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field:-ms-input-placeholder {
+.mfui-search__search-field:-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field::-moz-placeholder {
+.mfui-search__search-field:-ms-input-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
@@ -132,22 +132,40 @@
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-webkit-input-placeholder {
+.mfui-search__search-field:focus::-webkit-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus::-moz-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus:-moz-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus:-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus::-ms-input-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-moz-placeholder {
+.mfui-search__search-field:focus::placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-ms-input-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-webkit-input-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-moz-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-moz-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-ms-input-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field:-moz-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field:-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::placeholder {
   opacity: 1;
 }
 .mfui-search__search-field_filled + .mfui-search__label,
@@ -231,20 +249,6 @@
   max-height: 368px;
   padding: 16px;
   overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--spbSky2) transparent;
-}
-.mfui-search__list-inner::-webkit-scrollbar {
-  width: 16px;
-}
-.mfui-search__list-inner::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  border-radius: 16px;
-  background-color: #D8D8D8;
-  background-clip: padding-box;
-}
-.mfui-search__list-inner::-webkit-scrollbar-thumb:hover {
-  background-color: #999999;
 }
 .mfui-search__list-item {
   font-family: inherit;

package/dist/es/components/Search/Search.js

@@ -192,7 +192,8 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.control])
   }, /*#__PURE__*/React.createElement("label", {
     className: cn('search-wrapper', {
-      labeled: !!label
+      labeled: !!label,
+      'no-label': !label
     }),
     htmlFor: searchId
   }, /*#__PURE__*/React.createElement("input", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {

package/dist/es/components/Tabs/Tabs.css

@@ -157,6 +157,9 @@
   color: var(--spbSky3);
   fill: var(--spbSky3);
 }
+.mfui-tabs__tab-inner:hover {
+  text-decoration: none;
+}
 .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
   color: var(--content);
   fill: var(--content);

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

@@ -13,6 +13,7 @@ export interface ICheckboxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        inner?: Record<string, string>;
         input?: Record<string, string>;
         customInput?: Record<string, string>;
         extraContent?: Record<string, string>;

package/dist/lib/components/Checkbox/Checkbox.js

@@ -79,9 +79,9 @@ var Checkbox = function Checkbox(_ref) {
       disabled: disabled,
       error: error
     }, className)
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn('inner', [classes === null || classes === void 0 ? void 0 : classes.inner])
-  }, /*#__PURE__*/_react["default"].createElement("label", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner)), /*#__PURE__*/_react["default"].createElement("label", {
     className: cn('label', {
       'no-touch': !isTouch
     })
@@ -118,6 +118,7 @@ Checkbox.propTypes = {
   error: PropTypes.bool,
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
+    inner: PropTypes.objectOf(PropTypes.string.isRequired),
     input: PropTypes.objectOf(PropTypes.string.isRequired),
     customInput: PropTypes.objectOf(PropTypes.string.isRequired),
     extraContent: PropTypes.objectOf(PropTypes.string.isRequired)

package/dist/lib/components/List/List.css

@@ -2,21 +2,24 @@
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
   margin: 12px 0 12px 40px;
-  padding: 0;
   font-style: normal;
 }
-.mfui-list_type_ul {
-  list-style: disc;
-}
-.mfui-list_type_ol {
-  list-style: decimal;
-}
 .mfui-list_h-align_center {
-  text-align: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .mfui-list_h-align_right {
-  text-align: right;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .mfui-list_color_default {
   color: var(--content);
@@ -51,3 +54,13 @@
 .mfui-list_weight_bold {
   font-weight: 600;
 }
+.mfui-list__inner {
+  margin: 0;
+  padding: 0;
+}
+.mfui-list__inner_type_ul {
+  list-style: disc;
+}
+.mfui-list_inner_type_ol {
+  list-style: decimal;
+}

package/dist/lib/components/List/List.js

@@ -30,14 +30,17 @@ var List = function List(_ref) {
       className = _ref.className,
       children = _ref.children;
   var ElementType = as;
-  return /*#__PURE__*/React.createElement(ElementType, {
+  return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'h-align': align,
       color: color,
-      weight: weight,
-      type: as
+      weight: weight
     }, className)
-  }, children);
+  }, /*#__PURE__*/React.createElement(ElementType, {
+    className: cn('inner', {
+      type: as
+    })
+  }, children));
 };
 
 List.propTypes = {

package/dist/lib/components/Search/Search.css

@@ -102,19 +102,19 @@
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field:-moz-placeholder {
+.mfui-search__search-field::-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field:-ms-input-placeholder {
+.mfui-search__search-field:-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-field::-moz-placeholder {
+.mfui-search__search-field:-ms-input-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
@@ -132,22 +132,40 @@
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-webkit-input-placeholder {
+.mfui-search__search-field:focus::-webkit-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus::-moz-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus:-moz-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus:-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-field:focus::-ms-input-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-moz-placeholder {
+.mfui-search__search-field:focus::placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-ms-input-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-webkit-input-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-moz-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-moz-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-ms-input-placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field:-moz-placeholder {
   opacity: 1;
 }
-.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::placeholder {
+.mfui-search__search-wrapper_no-label .mfui-search__search-field:-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_no-label .mfui-search__search-field::placeholder {
   opacity: 1;
 }
 .mfui-search__search-field_filled + .mfui-search__label,
@@ -231,20 +249,6 @@
   max-height: 368px;
   padding: 16px;
   overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--spbSky2) transparent;
-}
-.mfui-search__list-inner::-webkit-scrollbar {
-  width: 16px;
-}
-.mfui-search__list-inner::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  border-radius: 16px;
-  background-color: #D8D8D8;
-  background-clip: padding-box;
-}
-.mfui-search__list-inner::-webkit-scrollbar-thumb:hover {
-  background-color: #999999;
 }
 .mfui-search__list-item {
   font-family: inherit;

package/dist/lib/components/Search/Search.js

@@ -234,7 +234,8 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.control])
   }, /*#__PURE__*/_react["default"].createElement("label", {
     className: cn('search-wrapper', {
-      labeled: !!label
+      labeled: !!label,
+      'no-label': !label
     }),
     htmlFor: searchId
   }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {

package/dist/lib/components/Tabs/Tabs.css

@@ -157,6 +157,9 @@
   color: var(--spbSky3);
   fill: var(--spbSky3);
 }
+.mfui-tabs__tab-inner:hover {
+  text-decoration: none;
+}
 .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
   color: var(--content);
   fill: var(--content);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "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": "^2.3.0",
+    "@megafon/ui-icons": "^2.4.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "bcae549045e554803fd7e7b64e8d106a9aa6e31d"
+  "gitHead": "97195278ce7abd8205e0517b58f160e8bce5c40f"
 }