@megafon/ui-core 8.16.1 → 8.16.2

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 (4) hide show
  1. package/package.json +2 -2
  2. package/styles/base.scss +7 -0
  3. package/styles/colors.css +37 -36
  4. package/styles/colorsDark.css +17 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "8.16.1",
3
+ "version": "8.16.2",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -104,5 +104,5 @@
104
104
  "simplebar-react": "^3.2.5",
105
105
  "swiper": "^11.1.1"
106
106
  },
107
- "gitHead": "c3fa882b11bf3f456e960ed6c0e55a21116f1620"
107
+ "gitHead": "0102f92fe82989ea049e1d55c4ed7ed81e3cc1e1"
108
108
  }
package/styles/base.scss CHANGED
@@ -47,6 +47,13 @@ $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
+
50
57
  // TRANSITIONS
51
58
  $defaultTransitionTiming: 0.3s;
52
59
 
package/styles/colors.css CHANGED
@@ -4,10 +4,10 @@
4
4
  --brandPurple: #731982;
5
5
  --base: #FFFFFF;
6
6
  --content: #333333;
7
- --spbSky0: #F6F6F6;
8
- --spbSky1: #EDEDED;
9
- --spbSky2: #D8D8D8;
10
- --spbSky3: #999999;
7
+ --spbSky0: #F2F4F7;
8
+ --spbSky1: #E8EAEE;
9
+ --spbSky2: #D2D5DA;
10
+ --spbSky3: #8F96A4;
11
11
 
12
12
  /* Secondary Colors */
13
13
  --lime: #AAFF00;
@@ -21,6 +21,7 @@
21
21
  --137C: #FFA717;
22
22
  --systemBlue: #34AAF2;
23
23
  --background: #FFFFFF;
24
+ --backgroundGray: #F2F4F7;
24
25
  --buttonHoverGreen: #10E272;
25
26
  --buttonHoverPurple: #A500BF;
26
27
  --buttonHoverGrey: #D6D6D6;
@@ -45,7 +46,7 @@
45
46
  --gradientBerry2: linear-gradient(45deg, #AA5AFF 50%, #E64DE6 100%);
46
47
 
47
48
  /* Gradients System*/
48
- --gradientScrim: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%);
49
+ --gradientScrim: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF00 20%);
49
50
 
50
51
  /* Static */
51
52
  --stcWhite: #FFFFFF;
@@ -56,10 +57,10 @@
56
57
  --stcWhite10: #FFFFFF1A;
57
58
  --stcWhite20: #FFFFFF33;
58
59
  --stcWhite50: #FFFFFF80;
59
- --stcBlack5: #3333330D;
60
- --stcBlack10: #3333331A;
61
- --stcBlack20: #33333333;
62
- --stcBlack50: #33333380;
60
+ --stcBlack5: #0A255C0D;
61
+ --stcBlack10: #172A4F1A;
62
+ --stcBlack20: #1F2C4733;
63
+ --stcBlack50: #1F2C4780;
63
64
 
64
65
  /* Soft */
65
66
  --brandGreen80: #0CDC78;
@@ -93,12 +94,12 @@
93
94
  [data-theme='dark'] {
94
95
  --brandGreen: #00B956;
95
96
  --brandPurple: #731982;
96
- --base: #333333;
97
+ --base: #2E3138;
97
98
  --content: #FFFFFF;
98
- --spbSky0: #3D3D3D;
99
- --spbSky1: #454545;
100
- --spbSky2: #595959;
101
- --spbSky3: #999999;
99
+ --spbSky0: #373B42;
100
+ --spbSky1: #3F434C;
101
+ --spbSky2: #505560;
102
+ --spbSky3: #8A909B;
102
103
  --lime: #AAFF00;
103
104
  --sky: #3CB9FF;
104
105
  --night: #1E64AA;
@@ -107,7 +108,8 @@
107
108
  --fury: #F62434;
108
109
  --137C: #FFA717;
109
110
  --systemBlue: #34AAF2;
110
- --background: #1F1F1F;
111
+ --background: #1C1E22;
112
+ --backgroundGray: #1C1E22;
111
113
  --buttonHoverGreen: #10E272;
112
114
  --buttonHoverPurple: #A500BF;
113
115
  --buttonHoverGrey: #D6D6D6;
@@ -115,28 +117,28 @@
115
117
  --buttonHoverPurpleSoft: #492B50;
116
118
  --buttonDown: #404D46;
117
119
  --overlay: #000000CC;
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%);
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%);
130
132
  --stcWhite: #FFFFFF;
131
133
  --stcBlack: #333333;
132
- --stcWhite5: #FFFFFF0D;
133
- --stcWhite10: #FFFFFF1A;
134
- --stcWhite20: #FFFFFF33;
135
- --stcWhite50: #FFFFFF80;
136
- --stcBlack5: #3333330D;
137
- --stcBlack10: #3333331A;
138
- --stcBlack20: #33333333;
139
- --stcBlack50: #33333380;
134
+ --stcWhite5: #DCE6FB0D;
135
+ --stcWhite10: #DCE6FB1A;
136
+ --stcWhite20: #D8E4FD33;
137
+ --stcWhite50: #E5EEFF80;
138
+ --stcBlack5: #2E31380D;
139
+ --stcBlack10: #2E31381A;
140
+ --stcBlack20: #2E313833;
141
+ --stcBlack50: #2E313880;
140
142
  --brandGreen80: #24804E;
141
143
  --brandGreen20: #314138;
142
144
  --brandPurple80: #562C64;
@@ -162,4 +164,3 @@
162
164
  --brandGreen-rgb: 0, 185, 86;
163
165
  --stcBlack-rgb: 51, 51, 51;
164
166
  }
165
-
package/styles/colorsDark.css CHANGED
@@ -3,16 +3,16 @@
3
3
  /* Basic Colors */
4
4
  --brandGreen: #00B956;
5
5
  --brandPurple: #731982;
6
- --base: #333333;
6
+ --base: #2E3138;
7
7
  --content: #FFFFFF;
8
- --spbSky0: #3D3D3D;
9
- --spbSky1: #454545;
10
- --spbSky2: #595959;
11
- --spbSky3: #999999;
8
+ --spbSky0: #373B42;
9
+ --spbSky1: #3F434C;
10
+ --spbSky2: #505560;
11
+ --spbSky3: #8A909B;
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,7 +21,8 @@
21
21
  --fury: #F62434;
22
22
  --137C: #FFA717;
23
23
  --systemBlue: #34AAF2;
24
- --background: #1F1F1F;
24
+ --background: #1C1E22;
25
+ --backgroundGray: #1C1E22;
25
26
  --buttonHoverGreen: #10E272;
26
27
  --buttonHoverPurple: #A500BF;
27
28
  --buttonHoverGrey: #D6D6D6;
@@ -47,21 +48,21 @@
47
48
 
48
49
 
49
50
  /* Gradients System*/
50
- --gradientScrim: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 22%);
51
+ --gradientScrim: linear-gradient(180deg, #1C1E22 0%, #1C1E2200 22%);
51
52
 
52
53
  /* Static */
53
54
  --stcWhite: #FFFFFF;
54
55
  --stcBlack: #333333;
55
56
 
56
57
  /* Static Opacity */
57
- --stcWhite5: #FFFFFF0D;
58
- --stcWhite10: #FFFFFF1A;
59
- --stcWhite20: #FFFFFF33;
60
- --stcWhite50: #FFFFFF80;
61
- --stcBlack5: #3333330D;
62
- --stcBlack10: #3333331A;
63
- --stcBlack20: #33333333;
64
- --stcBlack50: #33333380;
58
+ --stcWhite5: #DCE6FB0D;
59
+ --stcWhite10: #DCE6FB1A;
60
+ --stcWhite20: #D8E4FD33;
61
+ --stcWhite50: #E5EEFF80;
62
+ --stcBlack5: #2E31380D;
63
+ --stcBlack10: #2E31381A;
64
+ --stcBlack20: #2E313833;
65
+ --stcBlack50: #2E313880;
65
66
 
66
67
  /* Soft */
67
68
  --brandGreen80: #24804E;