@igo2/core 16.0.0-rc.2 → 16.0.0-rc.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 (36) hide show
  1. package/_index.scss +8 -8
  2. package/esm2022/lib/compression/compressedData.interface.mjs +1 -1
  3. package/esm2022/lib/config/version.mjs +3 -3
  4. package/esm2022/lib/gesture/gesture.provider.mjs +1 -1
  5. package/esm2022/lib/network/network.interfaces.mjs +1 -1
  6. package/esm2022/lib/regex/regex.interface.mjs +1 -1
  7. package/fesm2022/igo2-core.mjs +2 -2
  8. package/fesm2022/igo2-core.mjs.map +1 -1
  9. package/lib/message/message.theming.scss +26 -26
  10. package/locale/en.core.json +28 -28
  11. package/locale/fr.core.json +28 -28
  12. package/package.json +2 -2
  13. package/packages.import.scss +4 -4
  14. package/style/all-style.scss +3 -3
  15. package/style/layout.scss +163 -163
  16. package/style/partial/core-utils.scss +5 -5
  17. package/style/partial/core.variables.scss +5 -5
  18. package/theming/material-theme-override.scss +39 -39
  19. package/theming/prebuilt-themes/blue-theme.scss +34 -34
  20. package/theming/prebuilt-themes/bluedark-theme.scss +67 -67
  21. package/theming/prebuilt-themes/bluedq-theme.scss +66 -66
  22. package/theming/prebuilt-themes/bluegrey-theme.scss +25 -25
  23. package/theming/prebuilt-themes/dark-theme.scss +25 -25
  24. package/theming/prebuilt-themes/deeppurple-theme.scss +25 -25
  25. package/theming/prebuilt-themes/indigo-theme.scss +25 -25
  26. package/theming/prebuilt-themes/orange-theme.scss +25 -25
  27. package/theming/prebuilt-themes/qcca/base/_index.scss +4 -4
  28. package/theming/prebuilt-themes/qcca/base/breakpoints.scss +57 -57
  29. package/theming/prebuilt-themes/qcca/base/typography/_index.scss +2 -2
  30. package/theming/prebuilt-themes/qcca/base/typography/typography.utils.scss +18 -18
  31. package/theming/prebuilt-themes/qcca/components/_index.theme.scss +5 -5
  32. package/theming/prebuilt-themes/qcca/components/button.scss +24 -24
  33. package/theming/prebuilt-themes/qcca/components/dialog.scss +36 -36
  34. package/theming/prebuilt-themes/qcca/components/search-bar.scss +41 -41
  35. package/theming/prebuilt-themes/qcca/components/search-bar.theme.scss +29 -29
  36. package/theming/prebuilt-themes/teal-theme.scss +25 -25
package/theming/prebuilt-themes/bluedark-theme.scss CHANGED
@@ -1,67 +1,67 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../../index' as igo;
4
-
5
- $bluedark-palette: (
6
- 50: #e3eaec,
7
- 100: #b9cad0,
8
- 200: #8ba7b1,
9
- 300: #5c8391,
10
- 400: #39697a,
11
- 500: #164e62,
12
- 600: #13475a,
13
- 700: #103d50,
14
- 800: #0c3546,
15
- 900: #062534,
16
- A100: #6dc6ff,
17
- A200: #3ab2ff,
18
- A400: #079eff,
19
- A700: #0090ec,
20
- contrast: (
21
- 50: #000000,
22
- 100: #000000,
23
- 200: #000000,
24
- 300: #ffffff,
25
- 400: #ffffff,
26
- 500: #ffffff,
27
- 600: #ffffff,
28
- 700: #ffffff,
29
- 800: #ffffff,
30
- 900: #ffffff,
31
- A100: #000000,
32
- A200: #000000,
33
- A400: #ffffff,
34
- A700: #ffffff
35
- )
36
- );
37
-
38
- $primary: mat.define-palette($bluedark-palette, 500);
39
- $accent: mat.define-palette($bluedark-palette, 200);
40
- $warn: mat.define-palette(mat.$red-palette);
41
- $typography: igo.$igo-typography;
42
-
43
- $theme: mat.define-light-theme(
44
- (
45
- color: (
46
- primary: $primary,
47
- accent: $accent,
48
- warn: $warn
49
- ),
50
- typography: $typography,
51
- density: 0
52
- )
53
- );
54
-
55
- $foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
56
- $theme: map.merge(
57
- $theme,
58
- (
59
- foreground: $foreground
60
- )
61
- );
62
-
63
- @include mat.core();
64
- @include mat.typography-hierarchy($typography);
65
- @include mat.all-component-themes($theme);
66
-
67
- @include igo.all-component-themes($theme);
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../../index' as igo;
4
+
5
+ $bluedark-palette: (
6
+ 50: #e3eaec,
7
+ 100: #b9cad0,
8
+ 200: #8ba7b1,
9
+ 300: #5c8391,
10
+ 400: #39697a,
11
+ 500: #164e62,
12
+ 600: #13475a,
13
+ 700: #103d50,
14
+ 800: #0c3546,
15
+ 900: #062534,
16
+ A100: #6dc6ff,
17
+ A200: #3ab2ff,
18
+ A400: #079eff,
19
+ A700: #0090ec,
20
+ contrast: (
21
+ 50: #000000,
22
+ 100: #000000,
23
+ 200: #000000,
24
+ 300: #ffffff,
25
+ 400: #ffffff,
26
+ 500: #ffffff,
27
+ 600: #ffffff,
28
+ 700: #ffffff,
29
+ 800: #ffffff,
30
+ 900: #ffffff,
31
+ A100: #000000,
32
+ A200: #000000,
33
+ A400: #ffffff,
34
+ A700: #ffffff
35
+ )
36
+ );
37
+
38
+ $primary: mat.define-palette($bluedark-palette, 500);
39
+ $accent: mat.define-palette($bluedark-palette, 200);
40
+ $warn: mat.define-palette(mat.$red-palette);
41
+ $typography: igo.$igo-typography;
42
+
43
+ $theme: mat.define-light-theme(
44
+ (
45
+ color: (
46
+ primary: $primary,
47
+ accent: $accent,
48
+ warn: $warn
49
+ ),
50
+ typography: $typography,
51
+ density: 0
52
+ )
53
+ );
54
+
55
+ $foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
56
+ $theme: map.merge(
57
+ $theme,
58
+ (
59
+ foreground: $foreground
60
+ )
61
+ );
62
+
63
+ @include mat.core();
64
+ @include mat.typography-hierarchy($typography);
65
+ @include mat.all-component-themes($theme);
66
+
67
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/bluedq-theme.scss CHANGED
@@ -1,66 +1,66 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../../index' as igo;
4
-
5
- $dq-palette: (
6
- 50: #e1f5fd,
7
- 100: #b4e5fb,
8
- 200: #82d4f8,
9
- 300: #53c3f4,
10
- 400: #31b6f2,
11
- 500: #0d81df,
12
- 600: #149be1,
13
- 700: #1088cd,
14
- 800: #0f77b9,
15
- 900: #095797,
16
- A100: #6dc6ff,
17
- A200: #3ab2ff,
18
- A400: #079eff,
19
- A700: #0090ec,
20
- contrast: (
21
- 50: #000000,
22
- 100: #000000,
23
- 200: #000000,
24
- 300: #000000,
25
- 400: #000000,
26
- 500: #000000,
27
- 600: #ffffff,
28
- 700: #ffffff,
29
- 800: #ffffff,
30
- 900: #ffffff,
31
- A100: #000000,
32
- A200: #000000,
33
- A400: #ffffff,
34
- A700: #ffffff
35
- )
36
- );
37
-
38
- $primary: mat.define-palette($dq-palette, 900);
39
- $accent: mat.define-palette($dq-palette, 500);
40
- $warn: mat.define-palette(mat.$red-palette);
41
- $typography: igo.$igo-typography;
42
-
43
- $theme: mat.define-light-theme(
44
- (
45
- color: (
46
- primary: $primary,
47
- accent: $accent,
48
- warn: $warn
49
- ),
50
- typography: $typography,
51
- density: 0
52
- )
53
- );
54
-
55
- $theme: map.merge(
56
- $theme,
57
- (
58
- foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
59
- )
60
- );
61
-
62
- @include mat.core();
63
- @include mat.typography-hierarchy($typography);
64
- @include mat.all-component-themes($theme);
65
-
66
- @include igo.all-component-themes($theme);
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../../index' as igo;
4
+
5
+ $dq-palette: (
6
+ 50: #e1f5fd,
7
+ 100: #b4e5fb,
8
+ 200: #82d4f8,
9
+ 300: #53c3f4,
10
+ 400: #31b6f2,
11
+ 500: #0d81df,
12
+ 600: #149be1,
13
+ 700: #1088cd,
14
+ 800: #0f77b9,
15
+ 900: #095797,
16
+ A100: #6dc6ff,
17
+ A200: #3ab2ff,
18
+ A400: #079eff,
19
+ A700: #0090ec,
20
+ contrast: (
21
+ 50: #000000,
22
+ 100: #000000,
23
+ 200: #000000,
24
+ 300: #000000,
25
+ 400: #000000,
26
+ 500: #000000,
27
+ 600: #ffffff,
28
+ 700: #ffffff,
29
+ 800: #ffffff,
30
+ 900: #ffffff,
31
+ A100: #000000,
32
+ A200: #000000,
33
+ A400: #ffffff,
34
+ A700: #ffffff
35
+ )
36
+ );
37
+
38
+ $primary: mat.define-palette($dq-palette, 900);
39
+ $accent: mat.define-palette($dq-palette, 500);
40
+ $warn: mat.define-palette(mat.$red-palette);
41
+ $typography: igo.$igo-typography;
42
+
43
+ $theme: mat.define-light-theme(
44
+ (
45
+ color: (
46
+ primary: $primary,
47
+ accent: $accent,
48
+ warn: $warn
49
+ ),
50
+ typography: $typography,
51
+ density: 0
52
+ )
53
+ );
54
+
55
+ $theme: map.merge(
56
+ $theme,
57
+ (
58
+ foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
59
+ )
60
+ );
61
+
62
+ @include mat.core();
63
+ @include mat.typography-hierarchy($typography);
64
+ @include mat.all-component-themes($theme);
65
+
66
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/bluegrey-theme.scss CHANGED
@@ -1,25 +1,25 @@
1
- @use '@angular/material' as mat;
2
- @use '../../index' as igo;
3
-
4
- $primary: mat.define-palette(mat.$blue-grey-palette);
5
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
- $warn: mat.define-palette(mat.$deep-orange-palette);
7
- $typography: igo.$igo-typography;
8
-
9
- $theme: mat.define-light-theme(
10
- (
11
- color: (
12
- primary: $primary,
13
- accent: $accent,
14
- warn: $warn
15
- ),
16
- typography: $typography,
17
- density: 0
18
- )
19
- );
20
-
21
- @include mat.core();
22
- @include mat.typography-hierarchy($typography);
23
- @include mat.all-component-themes($theme);
24
-
25
- @include igo.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../../index' as igo;
3
+
4
+ $primary: mat.define-palette(mat.$blue-grey-palette);
5
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
+ $warn: mat.define-palette(mat.$deep-orange-palette);
7
+ $typography: igo.$igo-typography;
8
+
9
+ $theme: mat.define-light-theme(
10
+ (
11
+ color: (
12
+ primary: $primary,
13
+ accent: $accent,
14
+ warn: $warn
15
+ ),
16
+ typography: $typography,
17
+ density: 0
18
+ )
19
+ );
20
+
21
+ @include mat.core();
22
+ @include mat.typography-hierarchy($typography);
23
+ @include mat.all-component-themes($theme);
24
+
25
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/dark-theme.scss CHANGED
@@ -1,25 +1,25 @@
1
- @use '@angular/material' as mat;
2
- @use '../../index' as igo;
3
-
4
- $primary: mat.define-palette(mat.$blue-grey-palette);
5
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
- $warn: mat.define-palette(mat.$deep-orange-palette);
7
- $typography: igo.$igo-typography;
8
-
9
- $theme: mat.define-dark-theme(
10
- (
11
- color: (
12
- primary: $primary,
13
- accent: $accent,
14
- warn: $warn
15
- ),
16
- typography: $typography,
17
- density: 0
18
- )
19
- );
20
-
21
- @include mat.core();
22
- @include mat.typography-hierarchy($typography);
23
- @include mat.all-component-themes($theme);
24
-
25
- @include igo.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../../index' as igo;
3
+
4
+ $primary: mat.define-palette(mat.$blue-grey-palette);
5
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
+ $warn: mat.define-palette(mat.$deep-orange-palette);
7
+ $typography: igo.$igo-typography;
8
+
9
+ $theme: mat.define-dark-theme(
10
+ (
11
+ color: (
12
+ primary: $primary,
13
+ accent: $accent,
14
+ warn: $warn
15
+ ),
16
+ typography: $typography,
17
+ density: 0
18
+ )
19
+ );
20
+
21
+ @include mat.core();
22
+ @include mat.typography-hierarchy($typography);
23
+ @include mat.all-component-themes($theme);
24
+
25
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/deeppurple-theme.scss CHANGED
@@ -1,25 +1,25 @@
1
- @use '@angular/material' as mat;
2
- @use '../../index' as igo;
3
-
4
- $primary: mat.define-palette(mat.$deep-purple-palette);
5
- $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
6
- $warn: mat.define-palette(mat.$red-palette);
7
- $typography: igo.$igo-typography;
8
-
9
- $theme: mat.define-light-theme(
10
- (
11
- color: (
12
- primary: $primary,
13
- accent: $accent,
14
- warn: $warn
15
- ),
16
- typography: $typography,
17
- density: 0
18
- )
19
- );
20
-
21
- @include mat.core();
22
- @include mat.typography-hierarchy($typography);
23
- @include mat.all-component-themes($theme);
24
-
25
- @include igo.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../../index' as igo;
3
+
4
+ $primary: mat.define-palette(mat.$deep-purple-palette);
5
+ $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
6
+ $warn: mat.define-palette(mat.$red-palette);
7
+ $typography: igo.$igo-typography;
8
+
9
+ $theme: mat.define-light-theme(
10
+ (
11
+ color: (
12
+ primary: $primary,
13
+ accent: $accent,
14
+ warn: $warn
15
+ ),
16
+ typography: $typography,
17
+ density: 0
18
+ )
19
+ );
20
+
21
+ @include mat.core();
22
+ @include mat.typography-hierarchy($typography);
23
+ @include mat.all-component-themes($theme);
24
+
25
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/indigo-theme.scss CHANGED
@@ -1,25 +1,25 @@
1
- @use '@angular/material' as mat;
2
- @use '../../index' as igo;
3
-
4
- $primary: mat.define-palette(mat.$indigo-palette);
5
- $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
- $warn: mat.define-palette(mat.$red-palette);
7
- $typography: igo.$igo-typography;
8
-
9
- $theme: mat.define-light-theme(
10
- (
11
- color: (
12
- primary: $primary,
13
- accent: $accent,
14
- warn: $warn
15
- ),
16
- typography: $typography,
17
- density: 0
18
- )
19
- );
20
-
21
- @include mat.core();
22
- @include mat.typography-hierarchy($typography);
23
- @include mat.all-component-themes($theme);
24
-
25
- @include igo.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../../index' as igo;
3
+
4
+ $primary: mat.define-palette(mat.$indigo-palette);
5
+ $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
6
+ $warn: mat.define-palette(mat.$red-palette);
7
+ $typography: igo.$igo-typography;
8
+
9
+ $theme: mat.define-light-theme(
10
+ (
11
+ color: (
12
+ primary: $primary,
13
+ accent: $accent,
14
+ warn: $warn
15
+ ),
16
+ typography: $typography,
17
+ density: 0
18
+ )
19
+ );
20
+
21
+ @include mat.core();
22
+ @include mat.typography-hierarchy($typography);
23
+ @include mat.all-component-themes($theme);
24
+
25
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/orange-theme.scss CHANGED
@@ -1,25 +1,25 @@
1
- @use '@angular/material' as mat;
2
- @use '../../index' as igo;
3
-
4
- $primary: mat.define-palette(mat.$orange-palette, 800);
5
- $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
6
- $warn: mat.define-palette(mat.$red-palette, 600);
7
- $typography: igo.$igo-typography;
8
-
9
- $theme: mat.define-light-theme(
10
- (
11
- color: (
12
- primary: $primary,
13
- accent: $accent,
14
- warn: $warn
15
- ),
16
- typography: $typography,
17
- density: 0
18
- )
19
- );
20
-
21
- @include mat.core();
22
- @include mat.typography-hierarchy($typography);
23
- @include mat.all-component-themes($theme);
24
-
25
- @include igo.all-component-themes($theme);
1
+ @use '@angular/material' as mat;
2
+ @use '../../index' as igo;
3
+
4
+ $primary: mat.define-palette(mat.$orange-palette, 800);
5
+ $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
6
+ $warn: mat.define-palette(mat.$red-palette, 600);
7
+ $typography: igo.$igo-typography;
8
+
9
+ $theme: mat.define-light-theme(
10
+ (
11
+ color: (
12
+ primary: $primary,
13
+ accent: $accent,
14
+ warn: $warn
15
+ ),
16
+ typography: $typography,
17
+ density: 0
18
+ )
19
+ );
20
+
21
+ @include mat.core();
22
+ @include mat.typography-hierarchy($typography);
23
+ @include mat.all-component-themes($theme);
24
+
25
+ @include igo.all-component-themes($theme);
package/theming/prebuilt-themes/qcca/base/_index.scss CHANGED
@@ -1,4 +1,4 @@
1
- @forward './breakpoints';
2
- @forward './colors' as colors-*;
3
- @forward './palette';
4
- @forward './typography';
1
+ @forward './breakpoints';
2
+ @forward './colors' as colors-*;
3
+ @forward './palette';
4
+ @forward './typography';
package/theming/prebuilt-themes/qcca/base/breakpoints.scss CHANGED
@@ -1,57 +1,57 @@
1
- @use 'sass:map';
2
-
3
- // There is no standard for breakpoints for the Quebec.ca theme
4
- // This is the Material breakpoint design by devices
5
- $device-breakpoints: (
6
- mobile: (
7
- max: 599px
8
- ),
9
- tablet: (
10
- min: 600px,
11
- max: 1239px
12
- ),
13
- laptop: (
14
- min: 1240px,
15
- max: 1439px
16
- ),
17
- desktop: (
18
- min: 1440px
19
- )
20
- );
21
-
22
- // Source: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_breakpoints.scss
23
- @function breakpoint-min($name, $breakpoints: $device-breakpoints) {
24
- $min: map.get($breakpoints, $name, min);
25
- @return if($min != 0, $min, null);
26
- }
27
-
28
- @function breakpoint-max($name, $breakpoints: $device-breakpoints) {
29
- $max: map.get($breakpoints, $name, max);
30
- @return if($max and $max > 0, $max, null);
31
- }
32
-
33
- // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
34
- // Makes the @content apply to the given breakpoint and wider.
35
- @mixin media-breakpoint-up($name, $breakpoints: $device-breakpoints) {
36
- $min: breakpoint-min($name, $breakpoints);
37
- @if $min {
38
- @media (min-width: $min) {
39
- @content;
40
- }
41
- } @else {
42
- @content;
43
- }
44
- }
45
-
46
- // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
47
- // Makes the @content apply to the given breakpoint and narrower.
48
- @mixin media-breakpoint-down($name, $breakpoints: $device-breakpoints) {
49
- $max: breakpoint-max($name, $breakpoints);
50
- @if $max {
51
- @media (max-width: $max) {
52
- @content;
53
- }
54
- } @else {
55
- @content;
56
- }
57
- }
1
+ @use 'sass:map';
2
+
3
+ // There is no standard for breakpoints for the Quebec.ca theme
4
+ // This is the Material breakpoint design by devices
5
+ $device-breakpoints: (
6
+ mobile: (
7
+ max: 599px
8
+ ),
9
+ tablet: (
10
+ min: 600px,
11
+ max: 1239px
12
+ ),
13
+ laptop: (
14
+ min: 1240px,
15
+ max: 1439px
16
+ ),
17
+ desktop: (
18
+ min: 1440px
19
+ )
20
+ );
21
+
22
+ // Source: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_breakpoints.scss
23
+ @function breakpoint-min($name, $breakpoints: $device-breakpoints) {
24
+ $min: map.get($breakpoints, $name, min);
25
+ @return if($min != 0, $min, null);
26
+ }
27
+
28
+ @function breakpoint-max($name, $breakpoints: $device-breakpoints) {
29
+ $max: map.get($breakpoints, $name, max);
30
+ @return if($max and $max > 0, $max, null);
31
+ }
32
+
33
+ // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
34
+ // Makes the @content apply to the given breakpoint and wider.
35
+ @mixin media-breakpoint-up($name, $breakpoints: $device-breakpoints) {
36
+ $min: breakpoint-min($name, $breakpoints);
37
+ @if $min {
38
+ @media (min-width: $min) {
39
+ @content;
40
+ }
41
+ } @else {
42
+ @content;
43
+ }
44
+ }
45
+
46
+ // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
47
+ // Makes the @content apply to the given breakpoint and narrower.
48
+ @mixin media-breakpoint-down($name, $breakpoints: $device-breakpoints) {
49
+ $max: breakpoint-max($name, $breakpoints);
50
+ @if $max {
51
+ @media (max-width: $max) {
52
+ @content;
53
+ }
54
+ } @else {
55
+ @content;
56
+ }
57
+ }
package/theming/prebuilt-themes/qcca/base/typography/_index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @forward './typography' as typo-*;
2
- @forward './typography.utils';
1
+ @forward './typography' as typo-*;
2
+ @forward './typography.utils';