@epam/assets 5.2.0 → 5.3.0-rc.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 (27) hide show
  1. package/css/theme/theme_electric.css +496 -0
  2. package/css/theme/theme_electric.css.map +1 -0
  3. package/css/theme/theme_loveship.css +486 -1150
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +623 -0
  6. package/css/theme/theme_loveship_dark.css.map +1 -0
  7. package/css/theme/theme_promo.css +518 -916
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +145 -730
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/electric/font-faces.scss +131 -0
  15. package/scss/loveship/colors.scss +7 -7
  16. package/scss/loveship/font-faces.scss +120 -0
  17. package/scss/loveship/fonts.scss +20 -4
  18. package/scss/loveship/typography.scss +12 -5
  19. package/scss/promo/font-faces.scss +118 -3
  20. package/scss/promo/fonts.scss +14 -4
  21. package/scss/promo/typography.scss +11 -6
  22. package/theme/theme_electric.scss +536 -0
  23. package/theme/theme_loveship.scss +534 -1347
  24. package/theme/theme_loveship_dark.scss +810 -0
  25. package/theme/theme_promo.scss +562 -1076
  26. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  27. package/theme/theme_vanilla_thunder.scss +163 -918
package/scss/loveship/typography.scss CHANGED
@@ -12,7 +12,8 @@
12
12
  }
13
13
 
14
14
  :global(.hero-header), h2 {
15
- font-family: $font-sans-bold;
15
+ font-family: $font-source-sans;
16
+ font-weight: 700;
16
17
  }
17
18
 
18
19
  :global(.hero-header) {
@@ -22,7 +23,8 @@
22
23
  }
23
24
 
24
25
  h3, h4, h5, h6 {
25
- font-family: $font-sans-semibold;
26
+ font-family: $font-source-sans;
27
+ font-weight: 600;
26
28
  }
27
29
 
28
30
  h1, h2, h3, h4, h5, h6 {
@@ -58,12 +60,15 @@
58
60
 
59
61
  @mixin typography-inline() {
60
62
  b, strong {
61
- font-family: $font-sans-semibold;
63
+ font-family: $font-source-sans;
64
+ font-weight: 600;
62
65
  color: $night900;
63
66
  }
64
67
 
65
68
  i, em {
66
- font-family: $font-sans-italic;
69
+ font-family: $font-source-sans;
70
+ font-weight: 400;
71
+ font-style: italic;
67
72
  }
68
73
 
69
74
  a {
@@ -83,6 +88,7 @@
83
88
  background-color: $night700;
84
89
  border-radius: 3px;
85
90
  font-family: monospace;
91
+ font-weight: 400;
86
92
  white-space: pre-wrap;
87
93
  word-wrap: normal;
88
94
  }
@@ -108,6 +114,7 @@
108
114
  background-color: $night700;
109
115
  border-radius: 3px;
110
116
  font-family: monospace;
117
+ font-weight: 400;
111
118
  white-space: pre-wrap;
112
119
  word-wrap: normal;
113
120
  }
@@ -148,6 +155,6 @@
148
155
  @include typography-header();
149
156
  @include typography-block();
150
157
  @include typography-inline();
151
- font-family: $font-sans;
158
+ font-family: $font-source-sans;
152
159
  color: $night700;
153
160
  }
package/scss/promo/font-faces.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
2
+
1
3
  @font-face {
2
4
  font-family: 'Sans Regular';
3
5
  src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
@@ -46,8 +48,121 @@
46
48
  }
47
49
 
48
50
  @font-face {
49
- font-family: 'Roboto Slab';
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;
50
57
  font-style: normal;
51
- font-weight: normal;
52
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf') format('truetype');
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;
137
+ 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;
53
168
  }
package/scss/promo/fonts.scss CHANGED
@@ -1,7 +1,17 @@
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
+ */
1
9
  $font-sans: 'Sans Regular', Arial, sans-serif;
10
+ /**
11
+ * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
12
+ */
2
13
  $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
+ */
3
17
  $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,6 +13,7 @@
13
13
 
14
14
  :global(.hero-header) {
15
15
  font-family: $font-museo-slab;
16
+ font-weight: 700;
16
17
  margin: 30px 0;
17
18
  font-size: 66px;
18
19
  line-height: 72px;
@@ -25,6 +26,7 @@
25
26
 
26
27
  :global(.promo-header), h1, h2, h3 {
27
28
  font-family: $font-museo-sans;
29
+ font-weight: 500;
28
30
  }
29
31
 
30
32
  :global(.promo-header) {
@@ -32,7 +34,8 @@
32
34
  }
33
35
 
34
36
  h4, h5, h6 {
35
- font-family: $font-sans-semibold;
37
+ font-family: $font-source-sans;
38
+ font-weight: 600;
36
39
  }
37
40
 
38
41
  h1, h2, h3, h4, h5, h6 {
@@ -74,11 +77,14 @@
74
77
 
75
78
  @mixin typography-inline() {
76
79
  b, strong {
77
- font-family: $font-sans-semibold;
80
+ font-family: $font-source-sans;
81
+ font-weight: 600;
78
82
  }
79
83
 
80
84
  i, em {
81
- font-family: $font-sans-italic;
85
+ font-family: $font-source-sans;
86
+ font-weight: 400;
87
+ font-style: italic;
82
88
  }
83
89
 
84
90
  a {
@@ -105,6 +111,7 @@
105
111
  color: $gray80;
106
112
  background-color: $gray30;
107
113
  font-family: $font-roboto-mono;
114
+ font-weight: 400;
108
115
  white-space: pre-wrap;
109
116
  word-wrap: normal;
110
117
  }
@@ -122,8 +129,6 @@
122
129
 
123
130
  pre {
124
131
  padding: 1.25em;
125
- color: $gray10;
126
- background-color: $gray70;
127
132
  font-family: monospace;
128
133
  white-space: pre-wrap;
129
134
  word-wrap: normal;
@@ -166,5 +171,5 @@
166
171
  @include typography-block();
167
172
  @include typography-inline();
168
173
  color: $gray80;
169
- font-family: $font-sans;
174
+ font-family: $font-source-sans;
170
175
  }