@megafon/ui-core 8.16.3 → 8.17.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 (6) hide show
  1. package/dist/es/components/Row/Row.js +3 -3
  2. package/dist/lib/components/Row/Row.js +2 -2
  3. package/package.json +3 -3
  4. package/styles/base.scss +0 -7
  5. package/styles/colors.css +36 -37
  6. package/styles/colorsDark.css +16 -17
package/dist/es/components/Row/Row.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import * as React from 'react';
3
- import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
3
+ import { cnCreate, convert, filterDataAttrs, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
4
4
  import Header from "../Header/Header";
5
5
  import Preloader from "../Preloader/Preloader";
6
6
  import "./Row.css";
@@ -70,9 +70,9 @@ var Row = function Row(_ref) {
70
70
  className: cn('title', [classes.title]),
71
71
  as: isSmallSize ? 'h5' : 'h3',
72
72
  space: isSmallSize ? 'tight' : 'wide'
73
- }, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
73
+ }, convert(title, titleConvertConfig)), !!subTitle && /*#__PURE__*/React.createElement("div", {
74
74
  className: cn('sub-title', [classes.subtitle])
75
- }, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
75
+ }, convert(subTitle, textConvertConfig))), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
76
76
  className: cn('children')
77
77
  }, children), showArrow && /*#__PURE__*/React.createElement(ArrowRight, _extends({
78
78
  className: cn('arrow')
package/dist/lib/components/Row/Row.js CHANGED
@@ -79,9 +79,9 @@ var Row = function Row(_ref) {
79
79
  className: cn('title', [classes.title]),
80
80
  as: isSmallSize ? 'h5' : 'h3',
81
81
  space: isSmallSize ? 'tight' : 'wide'
82
- }, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
82
+ }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), !!subTitle && /*#__PURE__*/React.createElement("div", {
83
83
  className: cn('sub-title', [classes.subtitle])
84
- }, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
84
+ }, (0, _uiHelpers.convert)(subTitle, _uiHelpers.textConvertConfig))), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
85
85
  className: cn('children')
86
86
  }, children), showArrow && /*#__PURE__*/React.createElement(ArrowRight, (0, _extends2["default"])({
87
87
  className: cn('arrow')
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "8.16.3",
3
+ "version": "8.17.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -102,7 +102,7 @@
102
102
  "react-transition-group": "^4.4.5",
103
103
  "simplebar": "^6.2.6",
104
104
  "simplebar-react": "^3.2.5",
105
- "swiper": "^11.1.1"
105
+ "swiper": "^12.1.2"
106
106
  },
107
- "gitHead": "f2c5e9177ad04a7d3bb505a759bc3ba9bfc10284"
107
+ "gitHead": "c0eac40e7dece12c2f3e3afcf82f3d4f6c53de28"
108
108
  }
package/styles/base.scss CHANGED
@@ -47,13 +47,6 @@ $contentVerticalIndentMobileB: 72px;
47
47
  $contentVerticalIndentMobileSM: 56px;
48
48
  $maxContentWidth: 1440px;
49
49
 
50
- // BORDER RADIUS
51
- $borderRadiusS: 8px;
52
- $borderRadiusM: 12px;
53
- $borderRadiusL: 16px;
54
- $borderRadiusXL: 24px;
55
- $borderRadius2XL: 32px;
56
-
57
50
  // TRANSITIONS
58
51
  $defaultTransitionTiming: 0.3s;
59
52
 
package/styles/colors.css CHANGED
@@ -4,10 +4,10 @@
4
4
  --brandPurple: #731982;
5
5
  --base: #FFFFFF;
6
6
  --content: #333333;
7
- --spbSky0: #F2F4F7;
8
- --spbSky1: #E8EAEE;
9
- --spbSky2: #D2D5DA;
10
- --spbSky3: #8F96A4;
7
+ --spbSky0: #F6F6F6;
8
+ --spbSky1: #EDEDED;
9
+ --spbSky2: #D8D8D8;
10
+ --spbSky3: #999999;
11
11
 
12
12
  /* Secondary Colors */
13
13
  --lime: #AAFF00;
@@ -21,7 +21,6 @@
21
21
  --137C: #FFA717;
22
22
  --systemBlue: #34AAF2;
23
23
  --background: #FFFFFF;
24
- --backgroundGray: #F2F4F7;
25
24
  --buttonHoverGreen: #10E272;
26
25
  --buttonHoverPurple: #A500BF;
27
26
  --buttonHoverGrey: #D6D6D6;
@@ -46,7 +45,7 @@
46
45
  --gradientBerry2: linear-gradient(45deg, #AA5AFF 50%, #E64DE6 100%);
47
46
 
48
47
  /* Gradients System*/
49
- --gradientScrim: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF00 20%);
48
+ --gradientScrim: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%);
50
49
 
51
50
  /* Static */
52
51
  --stcWhite: #FFFFFF;
@@ -57,10 +56,10 @@
57
56
  --stcWhite10: #FFFFFF1A;
58
57
  --stcWhite20: #FFFFFF33;
59
58
  --stcWhite50: #FFFFFF80;
60
- --stcBlack5: #0A255C0D;
61
- --stcBlack10: #172A4F1A;
62
- --stcBlack20: #1F2C4733;
63
- --stcBlack50: #1F2C4780;
59
+ --stcBlack5: #3333330D;
60
+ --stcBlack10: #3333331A;
61
+ --stcBlack20: #33333333;
62
+ --stcBlack50: #33333380;
64
63
 
65
64
  /* Soft */
66
65
  --brandGreen80: #0CDC78;
@@ -94,12 +93,12 @@
94
93
  [data-theme='dark'] {
95
94
  --brandGreen: #00B956;
96
95
  --brandPurple: #731982;
97
- --base: #2E3138;
96
+ --base: #333333;
98
97
  --content: #FFFFFF;
99
- --spbSky0: #373B42;
100
- --spbSky1: #3F434C;
101
- --spbSky2: #505560;
102
- --spbSky3: #8A909B;
98
+ --spbSky0: #3D3D3D;
99
+ --spbSky1: #454545;
100
+ --spbSky2: #595959;
101
+ --spbSky3: #999999;
103
102
  --lime: #AAFF00;
104
103
  --sky: #3CB9FF;
105
104
  --night: #1E64AA;
@@ -108,8 +107,7 @@
108
107
  --fury: #F62434;
109
108
  --137C: #FFA717;
110
109
  --systemBlue: #34AAF2;
111
- --background: #1C1E22;
112
- --backgroundGray: #1C1E22;
110
+ --background: #1F1F1F;
113
111
  --buttonHoverGreen: #10E272;
114
112
  --buttonHoverPurple: #A500BF;
115
113
  --buttonHoverGrey: #D6D6D6;
@@ -117,28 +115,28 @@
117
115
  --buttonHoverPurpleSoft: #492B50;
118
116
  --buttonDown: #404D46;
119
117
  --overlay: #000000CC;
120
- --gradientGreen1: linear-gradient(270deg, #AAFF00 0%, #00B956 50%);
121
- --gradientGreen2: linear-gradient(90deg, #00B956 50%, #1EFA64 100%);
122
- --gradientGreen3: linear-gradient(90deg, #00B956 50%, #00D1FF 100%);
123
- --gradientPurple1: linear-gradient(95.39deg, #731982 55%, #AA5AFF 90%);
124
- --gradientPurple2: linear-gradient(90deg, #731982 50%, #E64DE6 100%);
125
- --gradientPurple3: linear-gradient(90deg, #731982 50%, #00D2FF 100%);
126
- --gradientPurple4: linear-gradient(90deg, #731982 50%, #1B61AC 100%);
127
- --gradientLime: linear-gradient(90deg, #AAFF00 50%, #00D1FF 100%);
128
- --gradientGrass: linear-gradient(90deg, #1EFA64 50%, #00D1FF 100%);
129
- --gradientBerry1: linear-gradient(90deg, #AA5AFF 50%, #00D1FF 100%);
130
- --gradientBerry2: linear-gradient(90deg, #AA5AFF 50%, #E64DE6 100%);
131
- --gradientScrim: linear-gradient(270deg, #1C1E22 0%, #1C1E2200 20%);
118
+ --gradientGreen1: linear-gradient(45deg, #00B956 50%, #AAFF00 100%);
119
+ --gradientGreen2: linear-gradient(45deg, #00B956 50%, #1EFA64 100%);
120
+ --gradientGreen3: linear-gradient(45deg, #00B956 50%, #00D1FF 100%);
121
+ --gradientPurple1: linear-gradient(45deg, #731982 50%, #AA5AFF 100%);
122
+ --gradientPurple2: linear-gradient(45deg, #731982 50%, #E64DE6 100%);
123
+ --gradientPurple3: linear-gradient(45deg, #731982 50%, #00D2FF 100%);
124
+ --gradientPurple4: linear-gradient(45deg, #731982 50%, #1B61AC 100%);
125
+ --gradientLime: linear-gradient(45deg, #AAFF00 50%, #00D1FF 100%);
126
+ --gradientGrass: linear-gradient(45deg, #1EFA64 50%, #00D1FF 100%);
127
+ --gradientBerry1: linear-gradient(45deg, #AA5AFF 50%, #00D1FF 100%);
128
+ --gradientBerry2: linear-gradient(45deg, #AA5AFF 50%, #E64DE6 100%);
129
+ --gradientScrim: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 20%);
132
130
  --stcWhite: #FFFFFF;
133
131
  --stcBlack: #333333;
134
- --stcWhite5: #DCE6FB0D;
135
- --stcWhite10: #DCE6FB1A;
136
- --stcWhite20: #D8E4FD33;
137
- --stcWhite50: #E5EEFF80;
138
- --stcBlack5: #2E31380D;
139
- --stcBlack10: #2E31381A;
140
- --stcBlack20: #2E313833;
141
- --stcBlack50: #2E313880;
132
+ --stcWhite5: #FFFFFF0D;
133
+ --stcWhite10: #FFFFFF1A;
134
+ --stcWhite20: #FFFFFF33;
135
+ --stcWhite50: #FFFFFF80;
136
+ --stcBlack5: #3333330D;
137
+ --stcBlack10: #3333331A;
138
+ --stcBlack20: #33333333;
139
+ --stcBlack50: #33333380;
142
140
  --brandGreen80: #24804E;
143
141
  --brandGreen20: #314138;
144
142
  --brandPurple80: #562C64;
@@ -164,3 +162,4 @@
164
162
  --brandGreen-rgb: 0, 185, 86;
165
163
  --stcBlack-rgb: 51, 51, 51;
166
164
  }
165
+
package/styles/colorsDark.css CHANGED
@@ -3,16 +3,16 @@
3
3
  /* Basic Colors */
4
4
  --brandGreen: #00B956;
5
5
  --brandPurple: #731982;
6
- --base: #2E3138;
6
+ --base: #333333;
7
7
  --content: #FFFFFF;
8
- --spbSky0: #373B42;
9
- --spbSky1: #3F434C;
10
- --spbSky2: #505560;
11
- --spbSky3: #8A909B;
8
+ --spbSky0: #3D3D3D;
9
+ --spbSky1: #454545;
10
+ --spbSky2: #595959;
11
+ --spbSky3: #999999;
12
12
 
13
13
  /* Secondary Colors */
14
14
  --lime: #AAFF00;
15
- --sky: #3CB9FF;
15
+ --sky: #3CB9FF;
16
16
  --night: #1E64AA;
17
17
  --berry: #AA5AFF;
18
18
  --flamingo: #E64DE6;
@@ -21,8 +21,7 @@
21
21
  --fury: #F62434;
22
22
  --137C: #FFA717;
23
23
  --systemBlue: #34AAF2;
24
- --background: #1C1E22;
25
- --backgroundGray: #1C1E22;
24
+ --background: #1F1F1F;
26
25
  --buttonHoverGreen: #10E272;
27
26
  --buttonHoverPurple: #A500BF;
28
27
  --buttonHoverGrey: #D6D6D6;
@@ -48,21 +47,21 @@
48
47
 
49
48
 
50
49
  /* Gradients System*/
51
- --gradientScrim: linear-gradient(180deg, #1C1E22 0%, #1C1E2200 22%);
50
+ --gradientScrim: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 22%);
52
51
 
53
52
  /* Static */
54
53
  --stcWhite: #FFFFFF;
55
54
  --stcBlack: #333333;
56
55
 
57
56
  /* Static Opacity */
58
- --stcWhite5: #DCE6FB0D;
59
- --stcWhite10: #DCE6FB1A;
60
- --stcWhite20: #D8E4FD33;
61
- --stcWhite50: #E5EEFF80;
62
- --stcBlack5: #2E31380D;
63
- --stcBlack10: #2E31381A;
64
- --stcBlack20: #2E313833;
65
- --stcBlack50: #2E313880;
57
+ --stcWhite5: #FFFFFF0D;
58
+ --stcWhite10: #FFFFFF1A;
59
+ --stcWhite20: #FFFFFF33;
60
+ --stcWhite50: #FFFFFF80;
61
+ --stcBlack5: #3333330D;
62
+ --stcBlack10: #3333331A;
63
+ --stcBlack20: #33333333;
64
+ --stcBlack50: #33333380;
66
65
 
67
66
  /* Soft */
68
67
  --brandGreen80: #24804E;