@epam/assets 5.2.0-rc.3 → 5.2.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 (23) hide show
  1. package/css/theme/theme_loveship.css +1097 -399
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +853 -427
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +196 -194
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/scss/loveship/font-faces.scss +0 -120
  9. package/scss/loveship/fonts.scss +4 -20
  10. package/scss/loveship/typography.scss +5 -12
  11. package/scss/promo/font-faces.scss +3 -118
  12. package/scss/promo/fonts.scss +4 -14
  13. package/scss/promo/typography.scss +4 -11
  14. package/theme/theme_loveship.scss +1329 -450
  15. package/theme/theme_promo.scss +1043 -476
  16. package/theme/theme_vanilla_thunder.scss +210 -205
  17. package/css/theme/theme_electric.css +0 -473
  18. package/css/theme/theme_electric.css.map +0 -1
  19. package/css/theme/theme_loveship_dark.css +0 -543
  20. package/css/theme/theme_loveship_dark.css.map +0 -1
  21. package/scss/electric/font-faces.scss +0 -131
  22. package/theme/theme_electric.scss +0 -486
  23. package/theme/theme_loveship_dark.scss +0 -674
package/scss/loveship/typography.scss CHANGED
@@ -12,8 +12,7 @@
12
12
  }
13
13
 
14
14
  :global(.hero-header), h2 {
15
- font-family: $font-source-sans;
16
- font-weight: 700;
15
+ font-family: $font-sans-bold;
17
16
  }
18
17
 
19
18
  :global(.hero-header) {
@@ -23,8 +22,7 @@
23
22
  }
24
23
 
25
24
  h3, h4, h5, h6 {
26
- font-family: $font-source-sans;
27
- font-weight: 600;
25
+ font-family: $font-sans-semibold;
28
26
  }
29
27
 
30
28
  h1, h2, h3, h4, h5, h6 {
@@ -60,15 +58,12 @@
60
58
 
61
59
  @mixin typography-inline() {
62
60
  b, strong {
63
- font-family: $font-source-sans;
64
- font-weight: 600;
61
+ font-family: $font-sans-semibold;
65
62
  color: $night900;
66
63
  }
67
64
 
68
65
  i, em {
69
- font-family: $font-source-sans;
70
- font-weight: 400;
71
- font-style: italic;
66
+ font-family: $font-sans-italic;
72
67
  }
73
68
 
74
69
  a {
@@ -88,7 +83,6 @@
88
83
  background-color: $night700;
89
84
  border-radius: 3px;
90
85
  font-family: monospace;
91
- font-weight: 400;
92
86
  white-space: pre-wrap;
93
87
  word-wrap: normal;
94
88
  }
@@ -114,7 +108,6 @@
114
108
  background-color: $night700;
115
109
  border-radius: 3px;
116
110
  font-family: monospace;
117
- font-weight: 400;
118
111
  white-space: pre-wrap;
119
112
  word-wrap: normal;
120
113
  }
@@ -155,6 +148,6 @@
155
148
  @include typography-header();
156
149
  @include typography-block();
157
150
  @include typography-inline();
158
- font-family: $font-source-sans;
151
+ font-family: $font-sans;
159
152
  color: $night700;
160
153
  }
package/scss/promo/font-faces.scss CHANGED
@@ -1,5 +1,3 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
2
-
3
1
  @font-face {
4
2
  font-family: 'Sans Regular';
5
3
  src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
@@ -48,121 +46,8 @@
48
46
  }
49
47
 
50
48
  @font-face {
51
- font-family: 'Source Sans Pro';
52
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),
53
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),
54
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),
55
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');
56
- font-weight: 200;
57
- font-style: normal;
58
- }
59
-
60
- @font-face {
61
- font-family: 'Source Sans Pro';
62
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),
63
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
64
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),
65
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');
66
- font-weight: 200;
67
- font-style: italic;
68
- }
69
-
70
- @font-face {
71
- font-family: 'Source Sans Pro';
72
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),
73
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),
74
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),
75
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');
76
- font-weight: 300;
77
- font-style: normal;
78
- }
79
-
80
- @font-face {
81
- font-family: 'Source Sans Pro';
82
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),
83
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),
84
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),
85
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');
86
- font-weight: 300;
87
- font-style: italic;
88
- }
89
-
90
- @font-face {
91
- font-family: 'Source Sans Pro';
92
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
93
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
94
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
95
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
96
- font-weight: 400;
97
- font-style: normal;
98
- }
99
-
100
- @font-face {
101
- font-family: 'Source Sans Pro';
102
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
103
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
104
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
105
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
106
- font-weight: 400;
107
- font-style: italic;
108
- }
109
-
110
- @font-face {
111
- font-family: 'Source Sans Pro';
112
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
113
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
114
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
115
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
116
- font-weight: 600;
117
- font-style: normal;
118
- }
119
-
120
- @font-face {
121
- font-family: 'Source Sans Pro';
122
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
123
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
124
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),
125
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');
126
- font-weight: 600;
127
- font-style: italic;
128
- }
129
-
130
- @font-face {
131
- font-family: 'Source Sans Pro';
132
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),
133
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),
134
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),
135
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');
136
- font-weight: 700;
49
+ font-family: 'Roboto Slab';
137
50
  font-style: normal;
138
- }
139
-
140
- @font-face {
141
- font-family: 'Source Sans Pro';
142
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),
143
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),
144
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),
145
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');
146
- font-weight: 700;
147
- font-style: italic;
148
- }
149
-
150
- @font-face {
151
- font-family: 'Source Sans Pro';
152
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),
153
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),
154
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),
155
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');
156
- font-weight: 900;
157
- font-style: normal;
158
- }
159
-
160
- @font-face {
161
- font-family: 'Source Sans Pro';
162
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),
163
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),
164
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),
165
- url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');
166
- font-weight: 900;
167
- font-style: italic;
51
+ font-weight: normal;
52
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf') format('truetype');
168
53
  }
package/scss/promo/fonts.scss CHANGED
@@ -1,17 +1,7 @@
1
- $font-source-sans: 'Source Sans Pro', sans-serif;
2
- $font-museo-sans: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
3
- $font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
4
- $font-redacted: 'Redacted';
5
- $font-roboto-mono: 'Roboto Mono', monospace;
6
- /**
7
- * @deprecated Please use "$font-source-sans" us "font-weight: 400" instead "$font-sans"!
8
- */
9
1
  $font-sans: 'Sans Regular', Arial, sans-serif;
10
- /**
11
- * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
12
- */
13
2
  $font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
14
- /**
15
- * @deprecated Please use "$font-source-sans" us "font-weight: 400" & "font-style: italic" instead "$font-sans-italic"!
16
- */
17
3
  $font-sans-italic: 'Sans Italic', Arial, sans-serif;
4
+ $font-redacted: 'Redacted';
5
+ $font-museo-sans: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
6
+ $font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
7
+ $font-roboto-mono: 'Roboto Mono', Arial, sans-serif;
package/scss/promo/typography.scss CHANGED
@@ -13,7 +13,6 @@
13
13
 
14
14
  :global(.hero-header) {
15
15
  font-family: $font-museo-slab;
16
- font-weight: 700;
17
16
  margin: 30px 0;
18
17
  font-size: 66px;
19
18
  line-height: 72px;
@@ -26,7 +25,6 @@
26
25
 
27
26
  :global(.promo-header), h1, h2, h3 {
28
27
  font-family: $font-museo-sans;
29
- font-weight: 500;
30
28
  }
31
29
 
32
30
  :global(.promo-header) {
@@ -34,8 +32,7 @@
34
32
  }
35
33
 
36
34
  h4, h5, h6 {
37
- font-family: $font-source-sans;
38
- font-weight: 600;
35
+ font-family: $font-sans-semibold;
39
36
  }
40
37
 
41
38
  h1, h2, h3, h4, h5, h6 {
@@ -77,14 +74,11 @@
77
74
 
78
75
  @mixin typography-inline() {
79
76
  b, strong {
80
- font-family: $font-source-sans;
81
- font-weight: 600;
77
+ font-family: $font-sans-semibold;
82
78
  }
83
79
 
84
80
  i, em {
85
- font-family: $font-source-sans;
86
- font-weight: 400;
87
- font-style: italic;
81
+ font-family: $font-sans-italic;
88
82
  }
89
83
 
90
84
  a {
@@ -111,7 +105,6 @@
111
105
  color: $gray80;
112
106
  background-color: $gray30;
113
107
  font-family: $font-roboto-mono;
114
- font-weight: 400;
115
108
  white-space: pre-wrap;
116
109
  word-wrap: normal;
117
110
  }
@@ -173,5 +166,5 @@
173
166
  @include typography-block();
174
167
  @include typography-inline();
175
168
  color: $gray80;
176
- font-family: $font-source-sans;
169
+ font-family: $font-sans;
177
170
  }