@epam/assets 6.4.1 → 6.4.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 (76) 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_electric_dark.css.map +1 -1
  9. package/css/theme/theme_fresh_4px.css.map +1 -1
  10. package/css/theme/theme_loveship.css.map +1 -1
  11. package/css/theme/theme_loveship_dark.css.map +1 -1
  12. package/css/theme/theme_promo.css.map +1 -1
  13. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  14. package/icons/common/radio-point-10.svg +13 -13
  15. package/icons/editor-dropdown-outline.svg +1 -0
  16. package/icons/editor-radio-fill.svg +1 -0
  17. package/icons/legacy/btn_cross.svg +22 -22
  18. package/icons/legacy/btn_tick.svg +22 -22
  19. package/icons/legacy/calendar-30.svg +12 -12
  20. package/icons/legacy/calendar-36.svg +14 -14
  21. package/icons/legacy/excel.svg +12 -12
  22. package/icons/legacy/filter-24.svg +11 -11
  23. package/icons/legacy/filter.svg +12 -12
  24. package/icons/legacy/folding-arrow.svg +14 -14
  25. package/icons/legacy/gear.svg +14 -14
  26. package/icons/legacy/help-24.svg +11 -11
  27. package/icons/legacy/help.svg +21 -21
  28. package/icons/legacy/label_info.svg +14 -14
  29. package/icons/legacy/lens.svg +17 -17
  30. package/icons/legacy/modal-close-cross.svg +22 -22
  31. package/icons/legacy/more.svg +20 -20
  32. package/icons/legacy/pencil.svg +12 -12
  33. package/icons/legacy/plus.svg +12 -12
  34. package/icons/legacy/sliders.svg +12 -12
  35. package/icons/legacy/sort-24.svg +15 -15
  36. package/icons/legacy/sort-desc-24.svg +15 -15
  37. package/icons/legacy/sort.svg +4 -4
  38. package/icons/legacy/trash.svg +12 -12
  39. package/icons/loaders/circle_loader_30.svg +69 -69
  40. package/icons/loaders/dots_loader_30.svg +39 -39
  41. package/icons/navigation-forward-outline.svg +1 -0
  42. package/icons/templates/generic-24.svg +40 -40
  43. package/icons/templates/generic-30.svg +43 -43
  44. package/icons/templates/generic.svg +40 -40
  45. package/icons/templates/tall.svg +69 -69
  46. package/package.json +2 -2
  47. package/scss/electric/font-faces.scss +138 -138
  48. package/scss/font-faces.scss +3 -3
  49. package/scss/fonts.scss +2 -2
  50. package/scss/index.scss +4 -4
  51. package/scss/loveship/colors.scss +100 -100
  52. package/scss/loveship/font-faces.scss +186 -186
  53. package/scss/loveship/fonts.scss +23 -23
  54. package/scss/loveship/typography.scss +160 -160
  55. package/scss/loveship-colors.scss +2 -2
  56. package/scss/promo/colors.scss +100 -100
  57. package/scss/promo/font-faces.scss +168 -168
  58. package/scss/promo/fonts.scss +17 -17
  59. package/scss/promo/typography.scss +175 -175
  60. package/scss/typography.scss +2 -2
  61. package/theme/no-fonts/theme_electric.scss +7 -7
  62. package/theme/no-fonts/theme_loveship.scss +8 -8
  63. package/theme/no-fonts/theme_loveship_dark.scss +8 -8
  64. package/theme/no-fonts/theme_promo.scss +8 -8
  65. package/theme/theme_electric.scss +8 -8
  66. package/theme/theme_fresh_4px.scss +7 -7
  67. package/theme/theme_loveship.scss +8 -8
  68. package/theme/theme_loveship_dark.scss +8 -8
  69. package/theme/theme_promo.scss +9 -9
  70. package/theme/theme_vanilla_thunder.scss +488 -488
  71. package/theme/variables/6px_grid_eduverse.scss +69 -69
  72. package/theme/variables/tokens/_color_classes.scss +103 -103
  73. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -282
  74. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -282
  75. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -282
  76. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -282
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';
package/theme/no-fonts/theme_electric.scss CHANGED
@@ -1,7 +1,7 @@
1
- @use '../variables/6px_grid' as *;
2
- @use '../variables/electric' as *;
3
-
4
- .uui-theme-electric {
5
- @include electric-variables();
6
- @include uui-6px-grid();
7
- }
1
+ @use '../variables/6px_grid' as *;
2
+ @use '../variables/electric' as *;
3
+
4
+ .uui-theme-electric {
5
+ @include electric-variables();
6
+ @include uui-6px-grid();
7
+ }
package/theme/no-fonts/theme_loveship.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use '../variables/6px_grid' as *;
2
- @use '../variables/loveship' as *;
3
-
4
-
5
- .uui-theme-loveship {
6
- @include loveship-variables();
7
- @include uui-6px-grid();
8
- }
1
+ @use '../variables/6px_grid' as *;
2
+ @use '../variables/loveship' as *;
3
+
4
+
5
+ .uui-theme-loveship {
6
+ @include loveship-variables();
7
+ @include uui-6px-grid();
8
+ }
package/theme/no-fonts/theme_loveship_dark.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use '../variables/6px_grid' as *;
2
- @use '../variables/loveship_dark' as *;
3
-
4
-
5
- .uui-theme-loveship_dark {
6
- @include loveship_dark_variables();
7
- @include uui-6px-grid();
8
- }
1
+ @use '../variables/6px_grid' as *;
2
+ @use '../variables/loveship_dark' as *;
3
+
4
+
5
+ .uui-theme-loveship_dark {
6
+ @include loveship_dark_variables();
7
+ @include uui-6px-grid();
8
+ }
package/theme/no-fonts/theme_promo.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use '../variables/6px_grid' as *;
2
- @use '../variables/promo' as *;
3
-
4
- .uui-theme-promo {
5
- @include promo_variables();
6
- @include uui-6px-grid();
7
- }
8
-
1
+ @use '../variables/6px_grid' as *;
2
+ @use '../variables/promo' as *;
3
+
4
+ .uui-theme-promo {
5
+ @include promo_variables();
6
+ @include uui-6px-grid();
7
+ }
8
+
package/theme/theme_electric.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use 'variables/6px_grid' as *;
2
- @use 'variables/electric' as *;
3
- @use '../scss/electric/font-faces';
4
-
5
- .uui-theme-electric {
6
- @include electric-variables();
7
- @include uui-6px-grid();
8
- }
1
+ @use 'variables/6px_grid' as *;
2
+ @use 'variables/electric' as *;
3
+ @use '../scss/electric/font-faces';
4
+
5
+ .uui-theme-electric {
6
+ @include electric-variables();
7
+ @include uui-6px-grid();
8
+ }
package/theme/theme_fresh_4px.scss CHANGED
@@ -1,7 +1,7 @@
1
- @use 'variables/4px_grid' as *;
2
- @use 'variables/fresh_4px' as *;
3
-
4
- .uui-theme-fresh_4px {
5
- @include fresh-variables();
6
- @include uui-4px-grid();
7
- }
1
+ @use 'variables/4px_grid' as *;
2
+ @use 'variables/fresh_4px' as *;
3
+
4
+ .uui-theme-fresh_4px {
5
+ @include fresh-variables();
6
+ @include uui-4px-grid();
7
+ }
package/theme/theme_loveship.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use '../scss/loveship/font-faces';
2
- @use 'variables/6px_grid' as *;
3
- @use 'variables/loveship' as *;
4
-
5
- .uui-theme-loveship {
6
- @include loveship-variables();
7
- @include uui-6px-grid();
8
- }
1
+ @use '../scss/loveship/font-faces';
2
+ @use 'variables/6px_grid' as *;
3
+ @use 'variables/loveship' as *;
4
+
5
+ .uui-theme-loveship {
6
+ @include loveship-variables();
7
+ @include uui-6px-grid();
8
+ }
package/theme/theme_loveship_dark.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use '../scss/loveship/font-faces';
2
- @use 'variables/6px_grid' as *;
3
- @use 'variables/loveship_dark' as *;
4
-
5
- .uui-theme-loveship_dark {
6
- @include loveship_dark_variables();
7
- @include uui-6px-grid();
8
- }
1
+ @use '../scss/loveship/font-faces';
2
+ @use 'variables/6px_grid' as *;
3
+ @use 'variables/loveship_dark' as *;
4
+
5
+ .uui-theme-loveship_dark {
6
+ @include loveship_dark_variables();
7
+ @include uui-6px-grid();
8
+ }
package/theme/theme_promo.scss CHANGED
@@ -1,9 +1,9 @@
1
- @use '../scss/promo/font-faces';
2
- @use 'variables/6px_grid' as *;
3
- @use 'variables/promo' as *;
4
-
5
- .uui-theme-promo {
6
- @include promo_variables();
7
- @include uui-6px-grid();
8
- }
9
-
1
+ @use '../scss/promo/font-faces';
2
+ @use 'variables/6px_grid' as *;
3
+ @use 'variables/promo' as *;
4
+
5
+ .uui-theme-promo {
6
+ @include promo_variables();
7
+ @include uui-6px-grid();
8
+ }
9
+