@megafon/ui-core 4.8.0 → 4.8.1

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 (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/Search/Search.css +27 -23
  3. package/dist/es/components/Search/Search.js +2 -1
  4. package/dist/lib/components/Search/Search.css +27 -23
  5. package/dist/lib/components/Search/Search.js +2 -1
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **search:** show placeholder without label ([b059216](https://github.com/MegafonWebLab/megafon-ui/commit/b05921619514787698e82d27644702d231829c50))
12
+
13
+
14
+
15
+
16
+
6
17
  # [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)
7
18
 
8
19
 
package/dist/es/components/Search/Search.css CHANGED
@@ -102,19 +102,19 @@
102
102
  -webkit-transition: opacity 0.2s;
103
103
  transition: opacity 0.2s;
104
104
  }
105
- .mfui-search__search-field:-moz-placeholder {
105
+ .mfui-search__search-field::-moz-placeholder {
106
106
  color: var(--spbSky3);
107
107
  opacity: 0;
108
108
  -webkit-transition: opacity 0.2s;
109
109
  transition: opacity 0.2s;
110
110
  }
111
- .mfui-search__search-field:-ms-input-placeholder {
111
+ .mfui-search__search-field:-moz-placeholder {
112
112
  color: var(--spbSky3);
113
113
  opacity: 0;
114
114
  -webkit-transition: opacity 0.2s;
115
115
  transition: opacity 0.2s;
116
116
  }
117
- .mfui-search__search-field::-moz-placeholder {
117
+ .mfui-search__search-field:-ms-input-placeholder {
118
118
  color: var(--spbSky3);
119
119
  opacity: 0;
120
120
  -webkit-transition: opacity 0.2s;
@@ -132,22 +132,40 @@
132
132
  -webkit-transition: opacity 0.2s;
133
133
  transition: opacity 0.2s;
134
134
  }
135
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-webkit-input-placeholder {
135
+ .mfui-search__search-field:focus::-webkit-input-placeholder {
136
+ opacity: 1;
137
+ }
138
+ .mfui-search__search-field:focus::-moz-placeholder {
139
+ opacity: 1;
140
+ }
141
+ .mfui-search__search-field:focus:-moz-placeholder {
142
+ opacity: 1;
143
+ }
144
+ .mfui-search__search-field:focus:-ms-input-placeholder {
145
+ opacity: 1;
146
+ }
147
+ .mfui-search__search-field:focus::-ms-input-placeholder {
136
148
  opacity: 1;
137
149
  }
138
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-moz-placeholder {
150
+ .mfui-search__search-field:focus::placeholder {
139
151
  opacity: 1;
140
152
  }
141
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-ms-input-placeholder {
153
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-webkit-input-placeholder {
142
154
  opacity: 1;
143
155
  }
144
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-moz-placeholder {
156
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-moz-placeholder {
145
157
  opacity: 1;
146
158
  }
147
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-ms-input-placeholder {
159
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field:-moz-placeholder {
148
160
  opacity: 1;
149
161
  }
150
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::placeholder {
162
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field:-ms-input-placeholder {
163
+ opacity: 1;
164
+ }
165
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-ms-input-placeholder {
166
+ opacity: 1;
167
+ }
168
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::placeholder {
151
169
  opacity: 1;
152
170
  }
153
171
  .mfui-search__search-field_filled + .mfui-search__label,
@@ -231,20 +249,6 @@
231
249
  max-height: 368px;
232
250
  padding: 16px;
233
251
  overflow-y: auto;
234
- scrollbar-width: thin;
235
- scrollbar-color: var(--spbSky2) transparent;
236
- }
237
- .mfui-search__list-inner::-webkit-scrollbar {
238
- width: 16px;
239
- }
240
- .mfui-search__list-inner::-webkit-scrollbar-thumb {
241
- border: 6px solid transparent;
242
- border-radius: 16px;
243
- background-color: #D8D8D8;
244
- background-clip: padding-box;
245
- }
246
- .mfui-search__list-inner::-webkit-scrollbar-thumb:hover {
247
- background-color: #999999;
248
252
  }
249
253
  .mfui-search__list-item {
250
254
  font-family: inherit;
package/dist/es/components/Search/Search.js CHANGED
@@ -192,7 +192,8 @@ var Search = function Search(_ref) {
192
192
  }, [classes === null || classes === void 0 ? void 0 : classes.control])
193
193
  }, /*#__PURE__*/React.createElement("label", {
194
194
  className: cn('search-wrapper', {
195
- labeled: !!label
195
+ labeled: !!label,
196
+ 'no-label': !label
196
197
  }),
197
198
  htmlFor: searchId
198
199
  }, /*#__PURE__*/React.createElement("input", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {
package/dist/lib/components/Search/Search.css CHANGED
@@ -102,19 +102,19 @@
102
102
  -webkit-transition: opacity 0.2s;
103
103
  transition: opacity 0.2s;
104
104
  }
105
- .mfui-search__search-field:-moz-placeholder {
105
+ .mfui-search__search-field::-moz-placeholder {
106
106
  color: var(--spbSky3);
107
107
  opacity: 0;
108
108
  -webkit-transition: opacity 0.2s;
109
109
  transition: opacity 0.2s;
110
110
  }
111
- .mfui-search__search-field:-ms-input-placeholder {
111
+ .mfui-search__search-field:-moz-placeholder {
112
112
  color: var(--spbSky3);
113
113
  opacity: 0;
114
114
  -webkit-transition: opacity 0.2s;
115
115
  transition: opacity 0.2s;
116
116
  }
117
- .mfui-search__search-field::-moz-placeholder {
117
+ .mfui-search__search-field:-ms-input-placeholder {
118
118
  color: var(--spbSky3);
119
119
  opacity: 0;
120
120
  -webkit-transition: opacity 0.2s;
@@ -132,22 +132,40 @@
132
132
  -webkit-transition: opacity 0.2s;
133
133
  transition: opacity 0.2s;
134
134
  }
135
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-webkit-input-placeholder {
135
+ .mfui-search__search-field:focus::-webkit-input-placeholder {
136
+ opacity: 1;
137
+ }
138
+ .mfui-search__search-field:focus::-moz-placeholder {
139
+ opacity: 1;
140
+ }
141
+ .mfui-search__search-field:focus:-moz-placeholder {
142
+ opacity: 1;
143
+ }
144
+ .mfui-search__search-field:focus:-ms-input-placeholder {
145
+ opacity: 1;
146
+ }
147
+ .mfui-search__search-field:focus::-ms-input-placeholder {
136
148
  opacity: 1;
137
149
  }
138
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-moz-placeholder {
150
+ .mfui-search__search-field:focus::placeholder {
139
151
  opacity: 1;
140
152
  }
141
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-ms-input-placeholder {
153
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-webkit-input-placeholder {
142
154
  opacity: 1;
143
155
  }
144
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-moz-placeholder {
156
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-moz-placeholder {
145
157
  opacity: 1;
146
158
  }
147
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-ms-input-placeholder {
159
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field:-moz-placeholder {
148
160
  opacity: 1;
149
161
  }
150
- .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::placeholder {
162
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field:-ms-input-placeholder {
163
+ opacity: 1;
164
+ }
165
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::-ms-input-placeholder {
166
+ opacity: 1;
167
+ }
168
+ .mfui-search__search-wrapper_no-label .mfui-search__search-field::placeholder {
151
169
  opacity: 1;
152
170
  }
153
171
  .mfui-search__search-field_filled + .mfui-search__label,
@@ -231,20 +249,6 @@
231
249
  max-height: 368px;
232
250
  padding: 16px;
233
251
  overflow-y: auto;
234
- scrollbar-width: thin;
235
- scrollbar-color: var(--spbSky2) transparent;
236
- }
237
- .mfui-search__list-inner::-webkit-scrollbar {
238
- width: 16px;
239
- }
240
- .mfui-search__list-inner::-webkit-scrollbar-thumb {
241
- border: 6px solid transparent;
242
- border-radius: 16px;
243
- background-color: #D8D8D8;
244
- background-clip: padding-box;
245
- }
246
- .mfui-search__list-inner::-webkit-scrollbar-thumb:hover {
247
- background-color: #999999;
248
252
  }
249
253
  .mfui-search__list-item {
250
254
  font-family: inherit;
package/dist/lib/components/Search/Search.js CHANGED
@@ -234,7 +234,8 @@ var Search = function Search(_ref) {
234
234
  }, [classes === null || classes === void 0 ? void 0 : classes.control])
235
235
  }, /*#__PURE__*/_react["default"].createElement("label", {
236
236
  className: cn('search-wrapper', {
237
- labeled: !!label
237
+ labeled: !!label,
238
+ 'no-label': !label
238
239
  }),
239
240
  htmlFor: searchId
240
241
  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "4.8.0",
3
+ "version": "4.8.1",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -100,5 +100,5 @@
100
100
  "react-popper": "^2.2.3",
101
101
  "swiper": "^6.5.6"
102
102
  },
103
- "gitHead": "bcae549045e554803fd7e7b64e8d106a9aa6e31d"
103
+ "gitHead": "3abf1c61512c52a9d322edb9fb6bede9da952c44"
104
104
  }