@epam/assets 6.1.2 → 6.1.3

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 (89) hide show
  1. package/css/theme/no-fonts/theme_electric.css.map +1 -1
  2. package/css/theme/no-fonts/theme_loveship.css.map +1 -1
  3. package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -1
  4. package/css/theme/no-fonts/theme_promo.css.map +1 -1
  5. package/css/theme/theme_eduverse_dark.css.map +1 -1
  6. package/css/theme/theme_eduverse_light.css.map +1 -1
  7. package/css/theme/theme_electric.css.map +1 -1
  8. package/css/theme/theme_fresh_4px.css.map +1 -1
  9. package/css/theme/theme_loveship.css.map +1 -1
  10. package/css/theme/theme_loveship_dark.css.map +1 -1
  11. package/css/theme/theme_promo.css.map +1 -1
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/css/theme/variables/fresh_4px.css.map +1 -1
  14. package/icons/common/radio-point-10.svg +13 -13
  15. package/icons/legacy/btn_cross.svg +22 -22
  16. package/icons/legacy/btn_tick.svg +22 -22
  17. package/icons/legacy/calendar-30.svg +12 -12
  18. package/icons/legacy/calendar-36.svg +14 -14
  19. package/icons/legacy/excel.svg +12 -12
  20. package/icons/legacy/filter-24.svg +11 -11
  21. package/icons/legacy/filter.svg +12 -12
  22. package/icons/legacy/folding-arrow.svg +14 -14
  23. package/icons/legacy/gear.svg +14 -14
  24. package/icons/legacy/help-24.svg +11 -11
  25. package/icons/legacy/help.svg +21 -21
  26. package/icons/legacy/label_info.svg +14 -14
  27. package/icons/legacy/lens.svg +17 -17
  28. package/icons/legacy/modal-close-cross.svg +22 -22
  29. package/icons/legacy/more.svg +20 -20
  30. package/icons/legacy/pencil.svg +12 -12
  31. package/icons/legacy/plus.svg +12 -12
  32. package/icons/legacy/sliders.svg +12 -12
  33. package/icons/legacy/sort-24.svg +15 -15
  34. package/icons/legacy/sort-desc-24.svg +15 -15
  35. package/icons/legacy/sort.svg +4 -4
  36. package/icons/legacy/trash.svg +12 -12
  37. package/icons/loaders/circle_loader_30.svg +69 -69
  38. package/icons/loaders/dots_loader_30.svg +39 -39
  39. package/icons/templates/generic-24.svg +40 -40
  40. package/icons/templates/generic-30.svg +43 -43
  41. package/icons/templates/generic.svg +40 -40
  42. package/icons/templates/tall.svg +69 -69
  43. package/package.json +2 -2
  44. package/readme.md +6 -6
  45. package/scss/electric/font-faces.scss +138 -138
  46. package/scss/font-faces.scss +3 -3
  47. package/scss/fonts.scss +2 -2
  48. package/scss/index.scss +4 -4
  49. package/scss/loveship/colors.scss +100 -100
  50. package/scss/loveship/font-faces.scss +186 -186
  51. package/scss/loveship/fonts.scss +23 -23
  52. package/scss/loveship/typography.scss +160 -160
  53. package/scss/loveship-colors.scss +2 -2
  54. package/scss/promo/colors.scss +100 -100
  55. package/scss/promo/font-faces.scss +168 -168
  56. package/scss/promo/fonts.scss +17 -17
  57. package/scss/promo/typography.scss +175 -175
  58. package/scss/typography.scss +2 -2
  59. package/theme/customThemeTemplate.css +697 -697
  60. package/theme/no-fonts/theme_electric.scss +7 -7
  61. package/theme/no-fonts/theme_loveship.scss +8 -8
  62. package/theme/no-fonts/theme_loveship_dark.scss +8 -8
  63. package/theme/no-fonts/theme_promo.scss +8 -8
  64. package/theme/theme_eduverse_dark.scss +876 -876
  65. package/theme/theme_eduverse_light.scss +552 -552
  66. package/theme/theme_electric.scss +8 -8
  67. package/theme/theme_fresh_4px.scss +7 -7
  68. package/theme/theme_loveship.scss +8 -8
  69. package/theme/theme_loveship_dark.scss +8 -8
  70. package/theme/theme_promo.scss +9 -9
  71. package/theme/theme_vanilla_thunder.scss +488 -488
  72. package/theme/variables/4px_grid.scss +265 -265
  73. package/theme/variables/6px_grid.scss +335 -335
  74. package/theme/variables/6px_grid_eduverse.scss +69 -69
  75. package/theme/variables/electric.scss +545 -545
  76. package/theme/variables/fresh_4px.scss +611 -611
  77. package/theme/variables/loveship.scss +627 -627
  78. package/theme/variables/loveship_dark.scss +846 -846
  79. package/theme/variables/promo.scss +601 -601
  80. package/theme/variables/tokens/_color_classes.scss +103 -103
  81. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -282
  82. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -282
  83. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -282
  84. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -282
  85. package/theme/variables/tokens/_theme_electric.scss +274 -274
  86. package/theme/variables/tokens/_theme_fresh_light_4px.scss +272 -272
  87. package/theme/variables/tokens/_theme_loveship_dark.scss +272 -272
  88. package/theme/variables/tokens/_theme_loveship_light.scss +272 -272
  89. package/theme/variables/tokens/_theme_promo.scss +272 -272
package/scss/promo/typography.scss CHANGED
@@ -1,175 +1,175 @@
1
- @use 'colors' as *;
2
- @use 'fonts' as *;
3
-
4
- @mixin overflow-ellipsis() {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- }
8
-
9
- @mixin typography-header() {
10
- :global(.hero-header), h1, h2, h3, h4, h5, h6 {
11
- margin: 0;
12
- }
13
-
14
- :global(.hero-header) {
15
- font-family: $font-museo-slab;
16
- font-weight: 700;
17
- margin: 30px 0;
18
- font-size: 66px;
19
- line-height: 72px;
20
- }
21
-
22
- :global(.hero-header), :global(.promo-header) {
23
- color: $gray90;
24
- text-align: center;
25
- }
26
-
27
- :global(.promo-header), h1, h2, h3 {
28
- font-family: $font-museo-sans;
29
- font-weight: 500;
30
- }
31
-
32
- :global(.promo-header) {
33
- text-transform: uppercase;
34
- }
35
-
36
- h4, h5, h6 {
37
- font-family: $font-source-sans;
38
- font-weight: 600;
39
- }
40
-
41
- h1, h2, h3, h4, h5, h6 {
42
- margin-bottom: 0.5em;
43
- margin-top: 1.2em;
44
- line-height: 1.35em;
45
- }
46
-
47
- h1 {
48
- font-size: 36px;
49
- }
50
-
51
- h2 {
52
- font-size: 30px;
53
- letter-spacing: 0.1px;
54
-
55
- &:global(.promo-header) {
56
- letter-spacing: 2px;
57
- }
58
- }
59
-
60
- h3 {
61
- font-size: 24px;
62
- }
63
-
64
- h4 {
65
- font-size: 18px;
66
- letter-spacing: 0.1px;
67
- }
68
-
69
- h5 {
70
- font-size: 16px;
71
- }
72
-
73
- h6 {
74
- font-size: 14px;
75
- }
76
- }
77
-
78
- @mixin typography-inline() {
79
- b, strong {
80
- font-family: $font-source-sans;
81
- font-weight: 600;
82
- }
83
-
84
- i, em {
85
- font-family: $font-source-sans;
86
- font-weight: 400;
87
- font-style: italic;
88
- }
89
-
90
- a {
91
- display: inline-flex;
92
- align-items: center;
93
- color: $blue;
94
- text-decoration: underline;
95
-
96
- &:visited {
97
- color: #5214CC;
98
-
99
- &:hover {
100
- color: #3F0F9E;
101
- }
102
- }
103
-
104
- &:hover {
105
- color: $blue-dark;
106
- }
107
- }
108
-
109
- code {
110
- padding: 0.125em 0.25em;
111
- color: $gray80;
112
- background-color: $gray30;
113
- font-family: $font-roboto-mono;
114
- font-weight: 400;
115
- white-space: pre-wrap;
116
- word-wrap: normal;
117
- }
118
- }
119
-
120
- @mixin typography-block() {
121
- ol, ul {
122
- padding: 0;
123
- }
124
-
125
- li {
126
- margin-left: 1.25em;
127
- line-height: 1.5;
128
- }
129
-
130
- pre {
131
- padding: 1.25em;
132
- font-family: monospace;
133
- white-space: pre-wrap;
134
- word-wrap: normal;
135
- }
136
-
137
- img {
138
- max-width: 100%;
139
- }
140
-
141
- figure {
142
- margin: 0;
143
-
144
- figcaption {
145
- font-size: 0.9em;
146
- opacity: 0.9;
147
- text-align: center;
148
- }
149
- }
150
-
151
- p {
152
- margin: 0.5em 0;
153
- line-height: 1.5;
154
- }
155
- }
156
-
157
- @mixin typography-12() {
158
- font-size: 12px;
159
- }
160
-
161
- @mixin typography-14() {
162
- font-size: 14px;
163
- }
164
-
165
- @mixin typography-16() {
166
- font-size: 16px;
167
- }
168
-
169
- @mixin typography-promo() {
170
- @include typography-header();
171
- @include typography-block();
172
- @include typography-inline();
173
- color: $gray80;
174
- font-family: $font-source-sans;
175
- }
1
+ @use 'colors' as *;
2
+ @use 'fonts' as *;
3
+
4
+ @mixin overflow-ellipsis() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ }
8
+
9
+ @mixin typography-header() {
10
+ :global(.hero-header), h1, h2, h3, h4, h5, h6 {
11
+ margin: 0;
12
+ }
13
+
14
+ :global(.hero-header) {
15
+ font-family: $font-museo-slab;
16
+ font-weight: 700;
17
+ margin: 30px 0;
18
+ font-size: 66px;
19
+ line-height: 72px;
20
+ }
21
+
22
+ :global(.hero-header), :global(.promo-header) {
23
+ color: $gray90;
24
+ text-align: center;
25
+ }
26
+
27
+ :global(.promo-header), h1, h2, h3 {
28
+ font-family: $font-museo-sans;
29
+ font-weight: 500;
30
+ }
31
+
32
+ :global(.promo-header) {
33
+ text-transform: uppercase;
34
+ }
35
+
36
+ h4, h5, h6 {
37
+ font-family: $font-source-sans;
38
+ font-weight: 600;
39
+ }
40
+
41
+ h1, h2, h3, h4, h5, h6 {
42
+ margin-bottom: 0.5em;
43
+ margin-top: 1.2em;
44
+ line-height: 1.35em;
45
+ }
46
+
47
+ h1 {
48
+ font-size: 36px;
49
+ }
50
+
51
+ h2 {
52
+ font-size: 30px;
53
+ letter-spacing: 0.1px;
54
+
55
+ &:global(.promo-header) {
56
+ letter-spacing: 2px;
57
+ }
58
+ }
59
+
60
+ h3 {
61
+ font-size: 24px;
62
+ }
63
+
64
+ h4 {
65
+ font-size: 18px;
66
+ letter-spacing: 0.1px;
67
+ }
68
+
69
+ h5 {
70
+ font-size: 16px;
71
+ }
72
+
73
+ h6 {
74
+ font-size: 14px;
75
+ }
76
+ }
77
+
78
+ @mixin typography-inline() {
79
+ b, strong {
80
+ font-family: $font-source-sans;
81
+ font-weight: 600;
82
+ }
83
+
84
+ i, em {
85
+ font-family: $font-source-sans;
86
+ font-weight: 400;
87
+ font-style: italic;
88
+ }
89
+
90
+ a {
91
+ display: inline-flex;
92
+ align-items: center;
93
+ color: $blue;
94
+ text-decoration: underline;
95
+
96
+ &:visited {
97
+ color: #5214CC;
98
+
99
+ &:hover {
100
+ color: #3F0F9E;
101
+ }
102
+ }
103
+
104
+ &:hover {
105
+ color: $blue-dark;
106
+ }
107
+ }
108
+
109
+ code {
110
+ padding: 0.125em 0.25em;
111
+ color: $gray80;
112
+ background-color: $gray30;
113
+ font-family: $font-roboto-mono;
114
+ font-weight: 400;
115
+ white-space: pre-wrap;
116
+ word-wrap: normal;
117
+ }
118
+ }
119
+
120
+ @mixin typography-block() {
121
+ ol, ul {
122
+ padding: 0;
123
+ }
124
+
125
+ li {
126
+ margin-left: 1.25em;
127
+ line-height: 1.5;
128
+ }
129
+
130
+ pre {
131
+ padding: 1.25em;
132
+ font-family: monospace;
133
+ white-space: pre-wrap;
134
+ word-wrap: normal;
135
+ }
136
+
137
+ img {
138
+ max-width: 100%;
139
+ }
140
+
141
+ figure {
142
+ margin: 0;
143
+
144
+ figcaption {
145
+ font-size: 0.9em;
146
+ opacity: 0.9;
147
+ text-align: center;
148
+ }
149
+ }
150
+
151
+ p {
152
+ margin: 0.5em 0;
153
+ line-height: 1.5;
154
+ }
155
+ }
156
+
157
+ @mixin typography-12() {
158
+ font-size: 12px;
159
+ }
160
+
161
+ @mixin typography-14() {
162
+ font-size: 14px;
163
+ }
164
+
165
+ @mixin typography-16() {
166
+ font-size: 16px;
167
+ }
168
+
169
+ @mixin typography-promo() {
170
+ @include typography-header();
171
+ @include typography-block();
172
+ @include typography-inline();
173
+ color: $gray80;
174
+ font-family: $font-source-sans;
175
+ }
package/scss/typography.scss CHANGED
@@ -1,2 +1,2 @@
1
- // this file is deprecated, please use 'epam-assets/scss/loveship/typography' directly instead.
2
- @forward './loveship/typography';
1
+ // this file is deprecated, please use 'epam-assets/scss/loveship/typography' directly instead.
2
+ @forward './loveship/typography';