@megafon/ui-core 5.3.0 → 5.4.0

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 (8) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/es/components/Badges/components/PriceBadge/PriceBadge.d.ts +1 -0
  3. package/dist/es/components/Badges/components/PriceBadge/PriceBadge.js +24 -1
  4. package/dist/es/components/Tabs/Tabs.css +12 -4
  5. package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.d.ts +1 -0
  6. package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.js +24 -1
  7. package/dist/lib/components/Tabs/Tabs.css +12 -4
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,26 @@
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
+ # [5.4.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.3.0...@megafon/ui-core@5.4.0) (2023-11-22)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **snackbar:** fix swipe ([ce8b5eb](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/ce8b5ebd8bae725befab8adc08dbaa879f430bd4))
12
+ * **snackbar:** fix transform ([286e976](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/286e976a6bf395de41392efcd3cbf66ecc949a1a))
13
+ * **snackbar:** refactoring ([6f49ad1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/6f49ad130d8ce2e810660ae0bbb7a270269d29e0))
14
+ * **snackbar:** refactoring ([b58f943](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/b58f943f364995da610374140287b64a229b7aed))
15
+ * **tabs:** fix text color in not active tab ([d0bd99b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/d0bd99b710ce97813df671eeeb4edf6f8ae5be44))
16
+
17
+
18
+ ### Features
19
+
20
+ * **pricebadge:** add new iconType profile ([0259dd8](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/0259dd8c3989e4041bb0a4d9100e0a76352c1377))
21
+
22
+
23
+
24
+
25
+
6
26
  # [5.3.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.2.3...@megafon/ui-core@5.3.0) (2023-11-08)
7
27
 
8
28
 
package/dist/es/components/Badges/components/PriceBadge/PriceBadge.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const PriceBadgeIcon: {
12
12
  readonly CHECK: "check";
13
13
  readonly ATTENTION: "attention";
14
14
  readonly INFO: "info";
15
+ readonly PROFILE: "profile";
15
16
  };
16
17
  export declare const PriseBadgeSize: {
17
18
  readonly SMALL: "small";
package/dist/es/components/Badges/components/PriceBadge/PriceBadge.js CHANGED
@@ -5,6 +5,22 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
5
5
  import * as PropTypes from 'prop-types';
6
6
  import "./PriceBadge.css";
7
7
 
8
+ var ProfileIcon = function ProfileIcon(props) {
9
+ return /*#__PURE__*/React.createElement("svg", _extends({
10
+ viewBox: "0 0 20 20"
11
+ }, props), /*#__PURE__*/React.createElement("path", {
12
+ d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
13
+ }));
14
+ };
15
+
16
+ var ProfileIconBig = function ProfileIconBig(props) {
17
+ return /*#__PURE__*/React.createElement("svg", _extends({
18
+ viewBox: "0 0 32 32"
19
+ }, props), /*#__PURE__*/React.createElement("path", {
20
+ d: "M23 28l2-7.43-.32-.31A12.67 12.67 0 0016 17a12.68 12.68 0 00-8.68 3.27l-.32.3L9 28h14zM10 9a6 6 0 1012 0 6 6 0 00-12 0z"
21
+ }));
22
+ };
23
+
8
24
  var AttentionIcon = function AttentionIcon(props) {
9
25
  return /*#__PURE__*/React.createElement("svg", _extends({
10
26
  viewBox: "0 0 20 20"
@@ -108,7 +124,8 @@ export var PriceBadgeIcon = {
108
124
  PRICE: 'price',
109
125
  CHECK: 'check',
110
126
  ATTENTION: 'attention',
111
- INFO: 'info'
127
+ INFO: 'info',
128
+ PROFILE: 'profile'
112
129
  };
113
130
  export var PriseBadgeSize = {
114
131
  SMALL: 'small',
@@ -134,6 +151,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
134
151
  case iconType === PriceBadgeIcon.INFO && isBigIcon:
135
152
  return InfoIconBig;
136
153
 
154
+ case iconType === PriceBadgeIcon.PROFILE && isBigIcon:
155
+ return ProfileIconBig;
156
+
137
157
  case iconType === PriceBadgeIcon.PRICE:
138
158
  return PriceIcon;
139
159
 
@@ -146,6 +166,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
146
166
  case iconType === PriceBadgeIcon.INFO:
147
167
  return InfoIcon;
148
168
 
169
+ case iconType === PriceBadgeIcon.PROFILE:
170
+ return ProfileIcon;
171
+
149
172
  default:
150
173
  return TimerIcon;
151
174
  }
package/dist/es/components/Tabs/Tabs.css CHANGED
@@ -146,24 +146,30 @@
146
146
  box-sizing: border-box;
147
147
  height: 36px;
148
148
  padding: 2px 12px;
149
- color: var(--spbSky3);
149
+ color: var(--content);
150
150
  white-space: nowrap;
151
151
  text-align: center;
152
152
  text-decoration: none;
153
153
  cursor: pointer;
154
154
  -webkit-transition: color 0.3s, fill 0.3s;
155
155
  transition: color 0.3s, fill 0.3s;
156
- fill: var(--spbSky3);
156
+ fill: var(--content);
157
157
  }
158
158
  .mfui-tabs__tab-inner:hover {
159
159
  text-decoration: none;
160
160
  }
161
+ .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current) {
162
+ opacity: 0.8;
163
+ }
161
164
  @media screen and (min-width: 1024px) {
162
165
  .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
163
166
  color: var(--content);
164
167
  fill: var(--content);
165
168
  }
166
169
  }
170
+ .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
171
+ opacity: 1;
172
+ }
167
173
  .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active {
168
174
  color: var(--buttonDown);
169
175
  fill: var(--buttonDown);
@@ -255,11 +261,13 @@
255
261
  background-color: var(--stcBlack20);
256
262
  }
257
263
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current) {
258
- color: #ffffffb2;
259
- fill: #ffffffb2;
264
+ color: var(--stcWhite);
265
+ opacity: 0.8;
266
+ fill: var(--stcWhite);
260
267
  }
261
268
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover {
262
269
  color: var(--stcWhite);
270
+ opacity: 1;
263
271
  fill: var(--stcWhite);
264
272
  }
265
273
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current {
package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const PriceBadgeIcon: {
12
12
  readonly CHECK: "check";
13
13
  readonly ATTENTION: "attention";
14
14
  readonly INFO: "info";
15
+ readonly PROFILE: "profile";
15
16
  };
16
17
  export declare const PriseBadgeSize: {
17
18
  readonly SMALL: "small";
package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.js CHANGED
@@ -23,6 +23,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25
 
26
+ var ProfileIcon = function ProfileIcon(props) {
27
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
28
+ viewBox: "0 0 20 20"
29
+ }, props), /*#__PURE__*/React.createElement("path", {
30
+ d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
31
+ }));
32
+ };
33
+
34
+ var ProfileIconBig = function ProfileIconBig(props) {
35
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
36
+ viewBox: "0 0 32 32"
37
+ }, props), /*#__PURE__*/React.createElement("path", {
38
+ d: "M23 28l2-7.43-.32-.31A12.67 12.67 0 0016 17a12.68 12.68 0 00-8.68 3.27l-.32.3L9 28h14zM10 9a6 6 0 1012 0 6 6 0 00-12 0z"
39
+ }));
40
+ };
41
+
26
42
  var AttentionIcon = function AttentionIcon(props) {
27
43
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
28
44
  viewBox: "0 0 20 20"
@@ -127,7 +143,8 @@ var PriceBadgeIcon = {
127
143
  PRICE: 'price',
128
144
  CHECK: 'check',
129
145
  ATTENTION: 'attention',
130
- INFO: 'info'
146
+ INFO: 'info',
147
+ PROFILE: 'profile'
131
148
  };
132
149
  exports.PriceBadgeIcon = PriceBadgeIcon;
133
150
  var PriseBadgeSize = {
@@ -155,6 +172,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
155
172
  case iconType === PriceBadgeIcon.INFO && isBigIcon:
156
173
  return InfoIconBig;
157
174
 
175
+ case iconType === PriceBadgeIcon.PROFILE && isBigIcon:
176
+ return ProfileIconBig;
177
+
158
178
  case iconType === PriceBadgeIcon.PRICE:
159
179
  return PriceIcon;
160
180
 
@@ -167,6 +187,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
167
187
  case iconType === PriceBadgeIcon.INFO:
168
188
  return InfoIcon;
169
189
 
190
+ case iconType === PriceBadgeIcon.PROFILE:
191
+ return ProfileIcon;
192
+
170
193
  default:
171
194
  return TimerIcon;
172
195
  }
package/dist/lib/components/Tabs/Tabs.css CHANGED
@@ -146,24 +146,30 @@
146
146
  box-sizing: border-box;
147
147
  height: 36px;
148
148
  padding: 2px 12px;
149
- color: var(--spbSky3);
149
+ color: var(--content);
150
150
  white-space: nowrap;
151
151
  text-align: center;
152
152
  text-decoration: none;
153
153
  cursor: pointer;
154
154
  -webkit-transition: color 0.3s, fill 0.3s;
155
155
  transition: color 0.3s, fill 0.3s;
156
- fill: var(--spbSky3);
156
+ fill: var(--content);
157
157
  }
158
158
  .mfui-tabs__tab-inner:hover {
159
159
  text-decoration: none;
160
160
  }
161
+ .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current) {
162
+ opacity: 0.8;
163
+ }
161
164
  @media screen and (min-width: 1024px) {
162
165
  .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
163
166
  color: var(--content);
164
167
  fill: var(--content);
165
168
  }
166
169
  }
170
+ .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover {
171
+ opacity: 1;
172
+ }
167
173
  .mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active {
168
174
  color: var(--buttonDown);
169
175
  fill: var(--buttonDown);
@@ -255,11 +261,13 @@
255
261
  background-color: var(--stcBlack20);
256
262
  }
257
263
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current) {
258
- color: #ffffffb2;
259
- fill: #ffffffb2;
264
+ color: var(--stcWhite);
265
+ opacity: 0.8;
266
+ fill: var(--stcWhite);
260
267
  }
261
268
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover {
262
269
  color: var(--stcWhite);
270
+ opacity: 1;
263
271
  fill: var(--stcWhite);
264
272
  }
265
273
  .mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "5.3.0",
3
+ "version": "5.4.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -50,7 +50,7 @@
50
50
  "@babel/preset-env": "^7.8.6",
51
51
  "@babel/preset-react": "^7.8.3",
52
52
  "@babel/preset-typescript": "^7.8.3",
53
- "@megafon/ui-icons": "^2.14.1",
53
+ "@megafon/ui-icons": "^2.15.0",
54
54
  "@svgr/core": "^2.4.1",
55
55
  "@testing-library/jest-dom": "5.16.2",
56
56
  "@testing-library/react": "12.1.2",
@@ -96,5 +96,5 @@
96
96
  "react-popper": "^2.2.3",
97
97
  "swiper": "^6.5.6"
98
98
  },
99
- "gitHead": "0a8f8d140ed863cb8bb9f05e4226edcb7925c74d"
99
+ "gitHead": "e78c7c397c514016ee74020939dc3807e09bf49a"
100
100
  }