@eui/styles 17.0.0-next.5 → 17.0.0-next.7

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 (20) hide show
  1. package/dist/styles/eui-legacy-icons-font.css +2 -0
  2. package/dist/styles/eui-legacy-icons-font.css.map +1 -0
  3. package/dist/styles/eui-showcase-all.css +1 -3
  4. package/dist/styles/eui-showcase-all.css.map +1 -1
  5. package/dist/styles/eui.css +1 -3
  6. package/dist/styles/eui.css.map +1 -1
  7. package/package.json +1 -1
  8. package/src/styles/03-assets/_module-legacy-icons-font.scss +1 -0
  9. package/src/styles/03-assets/_module.scss +0 -1
  10. package/src/styles/05-material/{_module-cdk.scss → _material-cdk.scss} +0 -2
  11. package/src/styles/05-material/_material.scss +156 -0
  12. package/src/styles/05-material/_module cdk.scss +2 -0
  13. package/src/styles/05-material/_module.scss +1 -25
  14. package/src/styles/eui-legacy-icons-font.scss +7 -0
  15. package/src/styles/eui-showcase-all-dev.scss +1 -9
  16. package/src/styles/eui-showcase-all.scss +1 -9
  17. package/src/styles/eui.scss +0 -3
  18. package/src/styles/05-material/compiled/_full.scss +0 -528
  19. package/src/styles/05-material/compiled/_sources.scss +0 -384
  20. package/src/styles/eui-material.scss +0 -7
package/package.json CHANGED
@@ -14,6 +14,6 @@
14
14
  "npm": "Please use yarn instead of NPM to install dependencies"
15
15
  },
16
16
  "license": "EUPL-1.1",
17
- "version": "17.0.0-next.5",
17
+ "version": "17.0.0-next.7",
18
18
  "tag": "next"
19
19
  }
package/src/styles/03-assets/_module-legacy-icons-font.scss ADDED
@@ -0,0 +1 @@
1
+ @import '@eui/styles-base/src/styles/05-assets/module-icons-font';
package/src/styles/03-assets/_module.scss CHANGED
@@ -1,2 +1 @@
1
1
  @import '@eui/styles-base/src/styles/05-assets/module-icons-svg';
2
- @import '@eui/styles-base/src/styles/05-assets/module-icons-font';
package/src/styles/05-material/{_module-cdk.scss → _material-cdk.scss} RENAMED
@@ -106,5 +106,3 @@
106
106
  width: 100%;
107
107
  overflow-y: scroll;
108
108
  }
109
-
110
- @import './overrides/module';
package/src/styles/05-material/_material.scss ADDED
@@ -0,0 +1,156 @@
1
+ // Material colors : generated with : http://mcg.mbitson.com
2
+
3
+ // PRIMARY
4
+ $palette-primary-50: #e0e9f2;
5
+ $palette-primary-100: #b3c7df;
6
+ $palette-primary-200: #80a2ca;
7
+ $palette-primary-300: #4d7cb4;
8
+ $palette-primary-400: #2660a4;
9
+ $palette-primary-500: #004494; // ECL BASE rgb(0, 68, 148)
10
+ $palette-primary-600: #003e8c;
11
+ $palette-primary-700: #003581;
12
+ $palette-primary-800: #002d77;
13
+ $palette-primary-900: #001f65;
14
+ $palette-primary-A100: #95abff;
15
+ $palette-primary-A200: #6283ff;
16
+ $palette-primary-A400: #2f5bff;
17
+ $palette-primary-A700: #1547ff;
18
+
19
+ // ACCENT
20
+ $palette-accent-50: #fffae3;
21
+ $palette-accent-100: #fff3b9;
22
+ $palette-accent-200: #ffeb8b;
23
+ $palette-accent-300: #ffe25d;
24
+ $palette-accent-400: #ffdc3a;
25
+ $palette-accent-500: #ffd617; // ECL BASE rgb(255, 214, 23)
26
+ $palette-accent-600: #ffd114;
27
+ $palette-accent-700: #fc1;
28
+ $palette-accent-800: #ffc60d;
29
+ $palette-accent-900: #ffbc07;
30
+ $palette-accent-A100: #fff;
31
+ $palette-accent-A200: #fffcf4;
32
+ $palette-accent-A400: #ffecc1;
33
+ $palette-accent-A700: #ffe5a7;
34
+
35
+ $private-eui-color: #999;
36
+ $private-eui-color-white: #fff;
37
+
38
+ $mat-eui-primary: (
39
+ 50: $palette-primary-50,
40
+ 100: $palette-primary-100,
41
+ 200: $palette-primary-200,
42
+ 300: $palette-primary-300,
43
+ 400: $palette-primary-400,
44
+ 500: $palette-primary-500,
45
+ 600: $palette-primary-600,
46
+ 700: $palette-primary-700,
47
+ 800: $palette-primary-800,
48
+ 900: $palette-primary-900,
49
+ A100: $palette-primary-A100,
50
+ A200: $palette-primary-A200,
51
+ A400: $palette-primary-A400,
52
+ A700: $palette-primary-A700,
53
+ contrast: (
54
+ 50: $private-eui-color,
55
+ 100: $private-eui-color,
56
+ 200: $private-eui-color,
57
+ 300: $private-eui-color,
58
+ 400: $private-eui-color,
59
+ 500: $private-eui-color-white,
60
+ 600: $private-eui-color-white,
61
+ 700: $private-eui-color-white,
62
+ 800: $private-eui-color-white,
63
+ 900: $private-eui-color-white,
64
+ A100: $private-eui-color,
65
+ A200: $private-eui-color-white,
66
+ A400: $private-eui-color-white,
67
+ A700: $private-eui-color-white,
68
+ )
69
+ );
70
+
71
+ $mat-eui-danger: (
72
+ 50: $palette-danger-50,
73
+ 100: $palette-danger-100,
74
+ 200: $palette-danger-200,
75
+ 300: $palette-danger-300,
76
+ 400: $palette-danger-400,
77
+ 500: $palette-danger-500,
78
+ 600: $palette-danger-600,
79
+ 700: $palette-danger-700,
80
+ 800: $palette-danger-800,
81
+ 900: $palette-danger-900,
82
+ A100: $palette-danger-A100,
83
+ A200: $palette-danger-A200,
84
+ A400: $palette-danger-A400,
85
+ A700: $palette-danger-A700,
86
+ contrast: (
87
+ 50: $private-eui-color,
88
+ 100: $private-eui-color,
89
+ 200: $private-eui-color,
90
+ 300: $private-eui-color,
91
+ 400: $private-eui-color,
92
+ 500: $private-eui-color-white,
93
+ 600: $private-eui-color-white,
94
+ 700: $private-eui-color-white,
95
+ 800: $private-eui-color-white,
96
+ 900: $private-eui-color-white,
97
+ A100: $private-eui-color,
98
+ A200: $private-eui-color,
99
+ A400: $private-eui-color,
100
+ A700: $private-eui-color,
101
+ )
102
+ );
103
+
104
+ $mat-eui-accent: (
105
+ 50: $palette-accent-50,
106
+ 100: $palette-accent-100,
107
+ 200: $palette-accent-200,
108
+ 300: $palette-accent-300,
109
+ 400: $palette-accent-400,
110
+ 500: $palette-accent-500,
111
+ 600: $palette-accent-600,
112
+ 700: $palette-accent-700,
113
+ 800: $palette-accent-800,
114
+ 900: $palette-accent-900,
115
+ A100: $palette-accent-A100,
116
+ A200: $palette-accent-A200,
117
+ A400: $palette-accent-A400,
118
+ A700: $palette-accent-A700,
119
+ contrast: (
120
+ 50: $private-eui-color,
121
+ 100: $private-eui-color,
122
+ 200: $private-eui-color,
123
+ 300: $private-eui-color,
124
+ 400: $private-eui-color,
125
+ 500: $private-eui-color,
126
+ 600: $private-eui-color,
127
+ 700: $private-eui-color,
128
+ 800: $private-eui-color,
129
+ 900: $private-eui-color,
130
+ A100: $private-eui-color,
131
+ A200: $private-eui-color,
132
+ A400: $private-eui-color,
133
+ A700: $private-eui-color,
134
+ )
135
+ );
136
+
137
+ @use '@angular/material' as mat;
138
+
139
+ @include mat.core();
140
+
141
+ // define palettes
142
+ $eui-t-color-primary: mat.define-palette($mat-eui-primary, 500, 300, 900); // $palette-name, $default: 500, $lighter: 100, $darker: 700
143
+ $eui-t-color-accent: mat.define-palette($mat-eui-accent, A200, A100, A400);
144
+ $eui-t-color-warn: mat.define-palette($mat-eui-danger, 500, A700, 900); // The warn palette is optional (default: $mat-red)
145
+
146
+ // define theme
147
+ $eui-theme: mat.define-light-theme((
148
+ color: (
149
+ primary: $eui-t-color-primary,
150
+ accent: $eui-t-color-accent,
151
+ warn: $eui-t-color-warn,
152
+ )
153
+ ));
154
+
155
+ @include mat.datepicker-theme($eui-theme);
156
+ @include mat.autocomplete-theme($eui-theme);
package/src/styles/05-material/_module cdk.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import 'material-cdk';
2
+ @import 'overrides/module';
package/src/styles/05-material/_module.scss CHANGED
@@ -1,26 +1,2 @@
1
- // @use '@angular/material' as mat;
2
-
3
- // @include mat.core();
4
-
5
- // // define palettes
6
- // $eui-t-color-primary: mat.define-palette($mat-eui-primary, 500, 300, 900); // $palette-name, $default: 500, $lighter: 100, $darker: 700
7
- // $eui-t-color-accent: mat.define-palette($mat-eui-accent, A200, A100, A400);
8
- // $eui-t-color-warn: mat.define-palette($mat-eui-danger, 500, A700, 900); // The warn palette is optional (default: $mat-red)
9
-
10
- // // define theme
11
- // $eui-theme: mat.define-light-theme((
12
- // color: (
13
- // primary: $eui-t-color-primary,
14
- // accent: $eui-t-color-accent,
15
- // warn: $eui-t-color-warn,
16
- // )
17
- // ));
18
-
19
- // // Apply theme
20
- // @include mat.core-theme($eui-theme);
21
- // @include mat.datepicker-theme($eui-theme);
22
- // @include mat.autocomplete-theme($eui-theme);
23
-
24
- // TODO v17 - check either alternatives or excludes to specific global css
25
- @import 'compiled/full';
1
+ @import 'material';
26
2
  @import 'overrides/module';
package/src/styles/eui-legacy-icons-font.scss ADDED
@@ -0,0 +1,7 @@
1
+ $eui-assets-path: '@eui/styles-base/dist/assets';
2
+
3
+ // BASE
4
+ @import '_base';
5
+
6
+ // LEGACY ICONS FONT
7
+ @import '03-assets/module-legacy-icons-font';
package/src/styles/eui-showcase-all-dev.scss CHANGED
@@ -9,14 +9,11 @@
9
9
 
10
10
  // ASSETS
11
11
  @import '03-assets/module';
12
- // ICON FONT legacy export
13
- // @import '03-assets/module-legacy-icons-font'; // v17 removed
12
+ @import '03-assets/module-legacy-icons-font';
14
13
 
15
14
  // BOOTSTRAP ONLY
16
15
  @import '04-vendors/module-bootstrap-grid';
17
16
  @import '04-vendors/module-bootstrap-utilities';
18
- // // VENDORS and overrides
19
- // @import '04-vendors/module-legacy'; // v17 removed
20
17
 
21
18
  // MATERIAL
22
19
  @import '05-material/module';
@@ -27,9 +24,6 @@
27
24
  // COMPONENTS
28
25
  @import '07-elements/module';
29
26
 
30
- // COMPONENTS
31
- // @import '07-elements/module-legacy'; // v17 removed
32
-
33
27
  // THEMES
34
28
  @import '08-themes/module-compact';
35
29
 
@@ -43,8 +37,6 @@
43
37
 
44
38
  // UTILITIES
45
39
  @import '99-utilities/module';
46
- // // UTILITIES
47
- // @import '99-utilities/module-legacy'; // v17 removed
48
40
 
49
41
  // showcase only styling
50
42
  @import '999-showcase/module';
package/src/styles/eui-showcase-all.scss CHANGED
@@ -11,14 +11,11 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
11
11
 
12
12
  // ASSETS
13
13
  @import '03-assets/module';
14
- // ICON FONT legacy export
15
- // @import '03-assets/module-legacy-icons-font'; // v17 removed
14
+ @import '03-assets/module-legacy-icons-font';
16
15
 
17
16
  // BOOTSTRAP ONLY
18
17
  @import '04-vendors/module-bootstrap-grid';
19
18
  @import '04-vendors/module-bootstrap-utilities';
20
- // // VENDORS and overrides
21
- // @import '04-vendors/module-legacy'; // v17 removed
22
19
 
23
20
  // MATERIAL
24
21
  @import '05-material/module';
@@ -29,9 +26,6 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
29
26
  // COMPONENTS
30
27
  @import '07-elements/module';
31
28
 
32
- // COMPONENTS
33
- // @import '07-elements/module-legacy'; // v17 removed
34
-
35
29
  // THEMES
36
30
  @import '08-themes/module-compact';
37
31
 
@@ -45,8 +39,6 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
45
39
 
46
40
  // UTILITIES
47
41
  @import '99-utilities/module';
48
- // // UTILITIES
49
- // @import '99-utilities/module-legacy'; // v17 removed
50
42
 
51
43
  // showcase only styling
52
44
  @import '999-showcase/module';
package/src/styles/eui.scss CHANGED
@@ -18,9 +18,6 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
18
18
  // MATERIAL - 22kb
19
19
  @import '05-material/module';
20
20
 
21
- // MATERIAL-CDK only - 5kb
22
- // @import '05-material/module-cdk';
23
-
24
21
  // SHARED and overrides - 1kb
25
22
  @import '06-shared/module';
26
23