@igo2/core 17.0.0-next.4 → 17.0.0-next.5

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 (114) hide show
  1. package/esm2022/activity/activity.interceptor.mjs +1 -1
  2. package/esm2022/activity/activity.module.mjs +1 -1
  3. package/esm2022/activity/activity.service.mjs +1 -1
  4. package/esm2022/activity/public_api.mjs +1 -1
  5. package/esm2022/analytics/analytics.interface.mjs +1 -1
  6. package/esm2022/analytics/analytics.service.mjs +1 -1
  7. package/esm2022/analytics/public_api.mjs +1 -1
  8. package/esm2022/config/config-deprecated.mjs +1 -1
  9. package/esm2022/config/config.interface.mjs +1 -1
  10. package/esm2022/config/config.module.mjs +1 -1
  11. package/esm2022/config/config.provider.mjs +1 -1
  12. package/esm2022/config/config.service.mjs +1 -1
  13. package/esm2022/config/public_api.mjs +1 -1
  14. package/esm2022/config/version.mjs +3 -3
  15. package/esm2022/environment/environment.interface.mjs +1 -1
  16. package/esm2022/environment/public_api.mjs +1 -1
  17. package/esm2022/gesture/gesture.module.mjs +1 -1
  18. package/esm2022/gesture/gesture.provider.mjs +1 -1
  19. package/esm2022/gesture/public_api.mjs +1 -1
  20. package/esm2022/language/language.module.mjs +1 -1
  21. package/esm2022/language/public_api.mjs +1 -1
  22. package/esm2022/language/shared/index.mjs +1 -1
  23. package/esm2022/language/shared/language-mock.provider.mjs +1 -1
  24. package/esm2022/language/shared/language.interface.mjs +1 -1
  25. package/esm2022/language/shared/language.loader.mjs +1 -1
  26. package/esm2022/language/shared/language.provider.mjs +1 -1
  27. package/esm2022/language/shared/language.service.mjs +1 -1
  28. package/esm2022/language/shared/missing-translation.guard.mjs +2 -2
  29. package/esm2022/lib/core.module.mjs +1 -1
  30. package/esm2022/media/media.enum.mjs +1 -1
  31. package/esm2022/media/media.service.mjs +1 -1
  32. package/esm2022/media/public_api.mjs +1 -1
  33. package/esm2022/message/message.module.mjs +1 -1
  34. package/esm2022/message/public_api.mjs +1 -1
  35. package/esm2022/message/shared/index.mjs +1 -1
  36. package/esm2022/message/shared/message.enum.mjs +1 -1
  37. package/esm2022/message/shared/message.interface.mjs +1 -1
  38. package/esm2022/message/shared/message.service.mjs +1 -1
  39. package/esm2022/monitoring/__mocks__/index.mjs +1 -1
  40. package/esm2022/monitoring/__mocks__/monitoring-mock.mjs +1 -1
  41. package/esm2022/monitoring/monitoring.provider.mjs +1 -1
  42. package/esm2022/monitoring/public_api.mjs +1 -1
  43. package/esm2022/monitoring/sentry/index.mjs +1 -1
  44. package/esm2022/monitoring/sentry/sentry.interface.mjs +1 -1
  45. package/esm2022/monitoring/sentry/sentry.mjs +1 -1
  46. package/esm2022/monitoring/sentry/sentry.provider.mjs +1 -1
  47. package/esm2022/monitoring/sentry/sentry.utils.mjs +1 -1
  48. package/esm2022/monitoring/shared/any-monitoring.interface.mjs +1 -1
  49. package/esm2022/monitoring/shared/index.mjs +1 -1
  50. package/esm2022/monitoring/shared/monitoring.interface.mjs +1 -1
  51. package/esm2022/network/network.interfaces.mjs +1 -1
  52. package/esm2022/network/network.service.mjs +1 -1
  53. package/esm2022/network/public_api.mjs +1 -1
  54. package/esm2022/public_api.mjs +1 -1
  55. package/esm2022/regex/public_api.mjs +1 -1
  56. package/esm2022/regex/regex.interface.mjs +1 -1
  57. package/esm2022/regex/regex.service.mjs +1 -1
  58. package/esm2022/request/error.interceptor.mjs +1 -1
  59. package/esm2022/request/error.module.mjs +1 -1
  60. package/esm2022/request/logging.interceptor.mjs +2 -2
  61. package/esm2022/request/logging.module.mjs +1 -1
  62. package/esm2022/request/public_api.mjs +1 -1
  63. package/esm2022/route/public_api.mjs +1 -1
  64. package/esm2022/route/route.interface.mjs +1 -1
  65. package/esm2022/route/route.service.mjs +1 -1
  66. package/esm2022/storage/public_api.mjs +1 -1
  67. package/esm2022/storage/storage.interface.mjs +1 -1
  68. package/esm2022/storage/storage.mjs +1 -1
  69. package/esm2022/storage/storage.service.mjs +1 -1
  70. package/esm2022/user/public_api.mjs +1 -1
  71. package/esm2022/user/user.interface.mjs +1 -1
  72. package/fesm2022/igo2-core-activity.mjs.map +1 -1
  73. package/fesm2022/igo2-core-analytics.mjs.map +1 -1
  74. package/fesm2022/igo2-core-config.mjs +2 -2
  75. package/fesm2022/igo2-core-config.mjs.map +1 -1
  76. package/fesm2022/igo2-core-gesture.mjs.map +1 -1
  77. package/fesm2022/igo2-core-language.mjs +1 -1
  78. package/fesm2022/igo2-core-language.mjs.map +1 -1
  79. package/fesm2022/igo2-core-media.mjs.map +1 -1
  80. package/fesm2022/igo2-core-message.mjs.map +1 -1
  81. package/fesm2022/igo2-core-monitoring.mjs.map +1 -1
  82. package/fesm2022/igo2-core-network.mjs.map +1 -1
  83. package/fesm2022/igo2-core-regex.mjs.map +1 -1
  84. package/fesm2022/igo2-core-request.mjs +1 -1
  85. package/fesm2022/igo2-core-request.mjs.map +1 -1
  86. package/fesm2022/igo2-core-route.mjs.map +1 -1
  87. package/fesm2022/igo2-core-storage.mjs.map +1 -1
  88. package/fesm2022/igo2-core.mjs.map +1 -1
  89. package/locale/en.core.json +28 -28
  90. package/locale/fr.core.json +28 -28
  91. package/message/src/message.theming.scss +26 -26
  92. package/package.json +2 -2
  93. package/src/core-theme.scss +5 -5
  94. package/src/index.scss +6 -6
  95. package/src/packages.import.scss +5 -5
  96. package/src/style/all-style.scss +3 -3
  97. package/src/style/layout.scss +163 -163
  98. package/src/style/partial/core-utils.scss +5 -5
  99. package/src/style/partial/core.variables.scss +5 -5
  100. package/src/style/partial/media.scss +80 -80
  101. package/src/style/style.scss +19 -19
  102. package/src/theming/all-theme.scss +15 -15
  103. package/src/theming/material-theme-override.scss +39 -39
  104. package/src/theming/prebuilt-themes/blue-theme.scss +27 -27
  105. package/src/theming/prebuilt-themes/bluedark-theme.scss +60 -60
  106. package/src/theming/prebuilt-themes/bluedq-theme.scss +60 -60
  107. package/src/theming/prebuilt-themes/bluegrey-theme.scss +26 -26
  108. package/src/theming/prebuilt-themes/dark-theme.scss +26 -26
  109. package/src/theming/prebuilt-themes/deeppurple-theme.scss +26 -26
  110. package/src/theming/prebuilt-themes/indigo-theme.scss +26 -26
  111. package/src/theming/prebuilt-themes/orange-theme.scss +26 -26
  112. package/src/theming/prebuilt-themes/teal-theme.scss +26 -26
  113. package/src/theming/typography.scss +28 -28
  114. package/src/theming/utils/_foreground.scss +22 -22
package/src/theming/prebuilt-themes/blue-theme.scss CHANGED
@@ -1,27 +1,27 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../all-theme';
4
- @use '../typography';
5
-
6
- $primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
7
- $accent: mat.define-palette(mat.$blue-palette, 200);
8
- $warn: mat.define-palette(mat.$red-palette);
9
- $typography: typography.$igo-typography;
10
-
11
- $theme: mat.define-light-theme(
12
- (
13
- color: (
14
- primary: $primary,
15
- accent: $accent,
16
- warn: $warn
17
- ),
18
- typography: $typography,
19
- density: 0
20
- )
21
- );
22
-
23
- @include mat.core();
24
- @include mat.typography-hierarchy($typography);
25
- @include mat.all-component-themes($theme);
26
-
27
- @include all-theme.all-component-themes($theme);
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../all-theme';
4
+ @use '../typography';
5
+
6
+ $primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
7
+ $accent: mat.define-palette(mat.$blue-palette, 200);
8
+ $warn: mat.define-palette(mat.$red-palette);
9
+ $typography: typography.$igo-typography;
10
+
11
+ $theme: mat.define-light-theme(
12
+ (
13
+ color: (
14
+ primary: $primary,
15
+ accent: $accent,
16
+ warn: $warn
17
+ ),
18
+ typography: $typography,
19
+ density: 0
20
+ )
21
+ );
22
+
23
+ @include mat.core();
24
+ @include mat.typography-hierarchy($typography);
25
+ @include mat.all-component-themes($theme);
26
+
27
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/bluedark-theme.scss CHANGED
@@ -1,60 +1,60 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../all-theme';
4
- @use '../typography';
5
-
6
- $bluedark-palette: (
7
- 50: #e3eaec,
8
- 100: #b9cad0,
9
- 200: #8ba7b1,
10
- 300: #5c8391,
11
- 400: #39697a,
12
- 500: #164e62,
13
- 600: #13475a,
14
- 700: #103d50,
15
- 800: #0c3546,
16
- 900: #062534,
17
- A100: #6dc6ff,
18
- A200: #3ab2ff,
19
- A400: #079eff,
20
- A700: #0090ec,
21
- contrast: (
22
- 50: #000000,
23
- 100: #000000,
24
- 200: #000000,
25
- 300: #ffffff,
26
- 400: #ffffff,
27
- 500: #ffffff,
28
- 600: #ffffff,
29
- 700: #ffffff,
30
- 800: #ffffff,
31
- 900: #ffffff,
32
- A100: #000000,
33
- A200: #000000,
34
- A400: #ffffff,
35
- A700: #ffffff
36
- )
37
- );
38
-
39
- $primary: mat.define-palette($bluedark-palette, 500);
40
- $accent: mat.define-palette($bluedark-palette, 200);
41
- $warn: mat.define-palette(mat.$red-palette);
42
- $typography: typography.$igo-typography;
43
-
44
- $theme: mat.define-light-theme(
45
- (
46
- color: (
47
- primary: $primary,
48
- accent: $accent,
49
- warn: $warn
50
- ),
51
- typography: $typography,
52
- density: 0
53
- )
54
- );
55
-
56
- @include mat.core();
57
- @include mat.typography-hierarchy($typography);
58
- @include mat.all-component-themes($theme);
59
-
60
- @include all-theme.all-component-themes($theme);
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../all-theme';
4
+ @use '../typography';
5
+
6
+ $bluedark-palette: (
7
+ 50: #e3eaec,
8
+ 100: #b9cad0,
9
+ 200: #8ba7b1,
10
+ 300: #5c8391,
11
+ 400: #39697a,
12
+ 500: #164e62,
13
+ 600: #13475a,
14
+ 700: #103d50,
15
+ 800: #0c3546,
16
+ 900: #062534,
17
+ A100: #6dc6ff,
18
+ A200: #3ab2ff,
19
+ A400: #079eff,
20
+ A700: #0090ec,
21
+ contrast: (
22
+ 50: #000000,
23
+ 100: #000000,
24
+ 200: #000000,
25
+ 300: #ffffff,
26
+ 400: #ffffff,
27
+ 500: #ffffff,
28
+ 600: #ffffff,
29
+ 700: #ffffff,
30
+ 800: #ffffff,
31
+ 900: #ffffff,
32
+ A100: #000000,
33
+ A200: #000000,
34
+ A400: #ffffff,
35
+ A700: #ffffff
36
+ )
37
+ );
38
+
39
+ $primary: mat.define-palette($bluedark-palette, 500);
40
+ $accent: mat.define-palette($bluedark-palette, 200);
41
+ $warn: mat.define-palette(mat.$red-palette);
42
+ $typography: typography.$igo-typography;
43
+
44
+ $theme: mat.define-light-theme(
45
+ (
46
+ color: (
47
+ primary: $primary,
48
+ accent: $accent,
49
+ warn: $warn
50
+ ),
51
+ typography: $typography,
52
+ density: 0
53
+ )
54
+ );
55
+
56
+ @include mat.core();
57
+ @include mat.typography-hierarchy($typography);
58
+ @include mat.all-component-themes($theme);
59
+
60
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/bluedq-theme.scss CHANGED
@@ -1,60 +1,60 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../all-theme';
4
- @use '../typography';
5
-
6
- $dq-palette: (
7
- 50: #e1f5fd,
8
- 100: #b4e5fb,
9
- 200: #82d4f8,
10
- 300: #53c3f4,
11
- 400: #31b6f2,
12
- 500: #0d81df,
13
- 600: #149be1,
14
- 700: #1088cd,
15
- 800: #0f77b9,
16
- 900: #095797,
17
- A100: #6dc6ff,
18
- A200: #3ab2ff,
19
- A400: #079eff,
20
- A700: #0090ec,
21
- contrast: (
22
- 50: #000000,
23
- 100: #000000,
24
- 200: #000000,
25
- 300: #000000,
26
- 400: #000000,
27
- 500: #000000,
28
- 600: #ffffff,
29
- 700: #ffffff,
30
- 800: #ffffff,
31
- 900: #ffffff,
32
- A100: #000000,
33
- A200: #000000,
34
- A400: #ffffff,
35
- A700: #ffffff
36
- )
37
- );
38
-
39
- $primary: mat.define-palette($dq-palette, 900);
40
- $accent: mat.define-palette($dq-palette, 500);
41
- $warn: mat.define-palette(mat.$red-palette);
42
- $typography: typography.$igo-typography;
43
-
44
- $theme: mat.define-light-theme(
45
- (
46
- color: (
47
- primary: $primary,
48
- accent: $accent,
49
- warn: $warn
50
- ),
51
- typography: $typography,
52
- density: 0
53
- )
54
- );
55
-
56
- @include mat.core();
57
- @include mat.typography-hierarchy($typography);
58
- @include mat.all-component-themes($theme);
59
-
60
- @include all-theme.all-component-themes($theme);
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../all-theme';
4
+ @use '../typography';
5
+
6
+ $dq-palette: (
7
+ 50: #e1f5fd,
8
+ 100: #b4e5fb,
9
+ 200: #82d4f8,
10
+ 300: #53c3f4,
11
+ 400: #31b6f2,
12
+ 500: #0d81df,
13
+ 600: #149be1,
14
+ 700: #1088cd,
15
+ 800: #0f77b9,
16
+ 900: #095797,
17
+ A100: #6dc6ff,
18
+ A200: #3ab2ff,
19
+ A400: #079eff,
20
+ A700: #0090ec,
21
+ contrast: (
22
+ 50: #000000,
23
+ 100: #000000,
24
+ 200: #000000,
25
+ 300: #000000,
26
+ 400: #000000,
27
+ 500: #000000,
28
+ 600: #ffffff,
29
+ 700: #ffffff,
30
+ 800: #ffffff,
31
+ 900: #ffffff,
32
+ A100: #000000,
33
+ A200: #000000,
34
+ A400: #ffffff,
35
+ A700: #ffffff
36
+ )
37
+ );
38
+
39
+ $primary: mat.define-palette($dq-palette, 900);
40
+ $accent: mat.define-palette($dq-palette, 500);
41
+ $warn: mat.define-palette(mat.$red-palette);
42
+ $typography: typography.$igo-typography;
43
+
44
+ $theme: mat.define-light-theme(
45
+ (
46
+ color: (
47
+ primary: $primary,
48
+ accent: $accent,
49
+ warn: $warn
50
+ ),
51
+ typography: $typography,
52
+ density: 0
53
+ )
54
+ );
55
+
56
+ @include mat.core();
57
+ @include mat.typography-hierarchy($typography);
58
+ @include mat.all-component-themes($theme);
59
+
60
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/bluegrey-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$blue-grey-palette);
6
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
- $warn: mat.define-palette(mat.$deep-orange-palette);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-light-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$blue-grey-palette);
6
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
+ $warn: mat.define-palette(mat.$deep-orange-palette);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-light-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/dark-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$blue-grey-palette);
6
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
- $warn: mat.define-palette(mat.$deep-orange-palette);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-dark-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$blue-grey-palette);
6
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
+ $warn: mat.define-palette(mat.$deep-orange-palette);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-dark-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/deeppurple-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$deep-purple-palette);
6
- $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
7
- $warn: mat.define-palette(mat.$red-palette);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-light-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$deep-purple-palette);
6
+ $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
7
+ $warn: mat.define-palette(mat.$red-palette);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-light-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/indigo-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$indigo-palette);
6
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
- $warn: mat.define-palette(mat.$red-palette);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-light-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$indigo-palette);
6
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
7
+ $warn: mat.define-palette(mat.$red-palette);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-light-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/orange-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$orange-palette, 800);
6
- $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
7
- $warn: mat.define-palette(mat.$red-palette, 600);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-light-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$orange-palette, 800);
6
+ $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
7
+ $warn: mat.define-palette(mat.$red-palette, 600);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-light-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/prebuilt-themes/teal-theme.scss CHANGED
@@ -1,26 +1,26 @@
1
- @use '@angular/material' as mat;
2
- @use '../all-theme';
3
- @use '../typography';
4
-
5
- $primary: mat.define-palette(mat.$teal-palette, 600, 400, 900);
6
- $accent: mat.define-palette(mat.$teal-palette, 400);
7
- $warn: mat.define-palette(mat.$red-palette);
8
- $typography: typography.$igo-typography;
9
-
10
- $theme: mat.define-light-theme(
11
- (
12
- color: (
13
- primary: $primary,
14
- accent: $accent,
15
- warn: $warn
16
- ),
17
- typography: $typography,
18
- density: 0
19
- )
20
- );
21
-
22
- @include mat.core();
23
- @include mat.typography-hierarchy($typography);
24
- @include mat.all-component-themes($theme);
25
-
26
- @include all-theme.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../all-theme';
3
+ @use '../typography';
4
+
5
+ $primary: mat.define-palette(mat.$teal-palette, 600, 400, 900);
6
+ $accent: mat.define-palette(mat.$teal-palette, 400);
7
+ $warn: mat.define-palette(mat.$red-palette);
8
+ $typography: typography.$igo-typography;
9
+
10
+ $theme: mat.define-light-theme(
11
+ (
12
+ color: (
13
+ primary: $primary,
14
+ accent: $accent,
15
+ warn: $warn
16
+ ),
17
+ typography: $typography,
18
+ density: 0
19
+ )
20
+ );
21
+
22
+ @include mat.core();
23
+ @include mat.typography-hierarchy($typography);
24
+ @include mat.all-component-themes($theme);
25
+
26
+ @include all-theme.all-component-themes($theme);
package/src/theming/typography.scss CHANGED
@@ -1,28 +1,28 @@
1
- @use '@angular/material' as mat;
2
-
3
- $igo-typography: mat.define-typography-config(
4
- $headline-1: mat.define-typography-level(110px, 110px, 500),
5
- $headline-2: mat.define-typography-level(54px, 54px, 500),
6
- $headline-3: mat.define-typography-level(43px, 46px, 500),
7
- $headline-4: mat.define-typography-level(32px, 38px, 500),
8
- // h1
9
- $headline-5: mat.define-typography-level(24px, 32px, 400),
10
- // h2
11
- $headline-6: mat.define-typography-level(20px, 30px, 400),
12
- // h3
13
- $subtitle-1: mat.define-typography-level(16px, 26px, 500),
14
- // h4
15
- $subtitle-2: mat.define-typography-level(12px, 22px, 500),
16
- $body-1: mat.define-typography-level(14px, 22px, 400),
17
- $body-2: mat.define-typography-level(12px, 18px, 400),
18
- $caption: mat.define-typography-level(12px, 18px, 400),
19
- $button: mat.define-typography-level(13px, 13px, 500)
20
- );
21
-
22
- // WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
23
- // https://github.com/angular/components/issues/26351
24
- h4 {
25
- font-size: 14px !important;
26
- line-height: 22px !important;
27
- font-weight: 500 !important;
28
- }
1
+ @use '@angular/material' as mat;
2
+
3
+ $igo-typography: mat.define-typography-config(
4
+ $headline-1: mat.define-typography-level(110px, 110px, 500),
5
+ $headline-2: mat.define-typography-level(54px, 54px, 500),
6
+ $headline-3: mat.define-typography-level(43px, 46px, 500),
7
+ $headline-4: mat.define-typography-level(32px, 38px, 500),
8
+ // h1
9
+ $headline-5: mat.define-typography-level(24px, 32px, 400),
10
+ // h2
11
+ $headline-6: mat.define-typography-level(20px, 30px, 400),
12
+ // h3
13
+ $subtitle-1: mat.define-typography-level(16px, 26px, 500),
14
+ // h4
15
+ $subtitle-2: mat.define-typography-level(12px, 22px, 500),
16
+ $body-1: mat.define-typography-level(14px, 22px, 400),
17
+ $body-2: mat.define-typography-level(12px, 18px, 400),
18
+ $caption: mat.define-typography-level(12px, 18px, 400),
19
+ $button: mat.define-typography-level(13px, 13px, 500)
20
+ );
21
+
22
+ // WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
23
+ // https://github.com/angular/components/issues/26351
24
+ h4 {
25
+ font-size: 14px !important;
26
+ line-height: 22px !important;
27
+ font-weight: 500 !important;
28
+ }