@gravitee/ui-particles-angular 7.51.1-angular14-986c921 → 7.51.1-angular14-fecfca6

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 (2) hide show
  1. package/package.json +7 -7
  2. package/src/scss/theme/color/gio-palettes.stories.scss +36 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravitee/ui-particles-angular",
3
- "version": "7.51.1-angular14-986c921",
3
+ "version": "7.51.1-angular14-fecfca6",
4
4
  "description": "Gravitee.io - UI Particles Angular",
5
5
  "repository": {
6
6
  "type": "git",
@@ -15,12 +15,12 @@
15
15
  "tslib": "2.3.1"
16
16
  },
17
17
  "peerDependencies": {
18
- "@angular/animations": "^13.3.0 || ^14.0.0",
19
- "@angular/cdk": "^13.3.0 || ^14.0.0",
20
- "@angular/common": "^13.3.0 || ^14.0.0",
21
- "@angular/core": "^13.3.0 || ^14.0.0",
22
- "@angular/forms": "^13.3.0 || ^14.0.0",
23
- "@angular/material": "^13.3.0 || ^14.0.0",
18
+ "@angular/animations": "^14.0.0",
19
+ "@angular/cdk": "^14.0.0",
20
+ "@angular/common": "^14.0.0",
21
+ "@angular/core": "^14.0.0",
22
+ "@angular/forms": "^14.0.0",
23
+ "@angular/material": "^14.0.0",
24
24
  "@ngx-formly/core": "^6.2.2",
25
25
  "@ngx-formly/material": "^6.2.2",
26
26
  "asciidoctor": "^2.2.6 || ^3.0.0",
package/src/scss/theme/color/gio-palettes.stories.scss CHANGED
@@ -27,12 +27,15 @@ $palettes: (
27
27
  );
28
28
 
29
29
  /* stylelint-disable selector-pseudo-class-no-unknown */
30
- :export {
30
+ :root {
31
31
  @each $paletteName, $palette in $palettes {
32
32
  @each $colorName in $colorNames {
33
33
  @if map.has-key($palette, $colorName) {
34
- #{$paletteName}__#{$colorName}: mat.get-color-from-palette($palette, $colorName);
35
- #{$paletteName}__#{$colorName}-contrast: mat.get-color-from-palette($palette, #{$colorName}-contrast);
34
+ $color: mat.get-color-from-palette($palette, $colorName);
35
+ $color-contrast: mat.get-color-from-palette($palette, #{$colorName}-contrast);
36
+
37
+ --gp--#{$paletteName}__#{$colorName}: #{$color};
38
+ --gp--#{$paletteName}__#{$colorName}-contrast: #{$color-contrast};
36
39
  }
37
40
  }
38
41
  }
@@ -40,32 +43,50 @@ $palettes: (
40
43
  // Special palettes
41
44
 
42
45
  @each $colorName in (patch, post, put, get, delete, option, trace, head) {
43
- method__#{$colorName}: mat.get-color-from-palette(gio.$mat-method-palette, $colorName);
44
- method__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-method-palette, #{$colorName}-contrast);
46
+ $color: mat.get-color-from-palette(gio.$mat-method-palette, $colorName);
47
+ $color-contrast: mat.get-color-from-palette(gio.$mat-method-palette, #{$colorName}-contrast);
48
+
49
+ --gp--method__#{$colorName}: #{$color};
50
+ --gp--method__#{$colorName}-contrast: #{$color-contrast};
45
51
  }
46
52
 
47
53
  @each $colorName in (white, black, disabled) {
48
- basic__#{$colorName}: mat.get-color-from-palette(gio.$mat-basic-palette, $colorName);
49
- basic__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-basic-palette, #{$colorName}-contrast);
54
+ $color: mat.get-color-from-palette(gio.$mat-basic-palette, $colorName);
55
+ $color-contrast: mat.get-color-from-palette(gio.$mat-basic-palette, #{$colorName}-contrast);
56
+
57
+ --gp--basic__#{$colorName}: #{$color};
58
+ --gp--basic__#{$colorName}-contrast: #{$color-contrast};
50
59
  }
51
60
 
52
61
  @each $colorName in (lighter80, lighter70, lighter60, lighter50, lighter40, lighter30, lighter20, lighter10, default) {
53
- space__#{$colorName}: mat.get-color-from-palette(gio.$mat-space-palette, $colorName);
54
- space__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-space-palette, #{$colorName}-contrast);
62
+ $color: mat.get-color-from-palette(gio.$mat-space-palette, $colorName);
63
+ $color-contrast: mat.get-color-from-palette(gio.$mat-space-palette, #{$colorName}-contrast);
64
+
65
+ --gp--space__#{$colorName}: #{$color};
66
+ --gp--space__#{$colorName}-contrast: #{$color-contrast};
55
67
  }
56
68
 
57
69
  @each $colorName in (darker80, darker70, darker60, darker50, darker40, darker30, darker20, darker10, default) {
58
- dove__#{$colorName}: mat.get-color-from-palette(gio.$mat-dove-palette, $colorName);
59
- dove__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-dove-palette, #{$colorName}-contrast);
70
+ $color: mat.get-color-from-palette(gio.$mat-dove-palette, $colorName);
71
+ $color-contrast: mat.get-color-from-palette(gio.$mat-dove-palette, #{$colorName}-contrast);
72
+
73
+ --gp--dove__#{$colorName}: #{$color};
74
+ --gp--dove__#{$colorName}-contrast: #{$color-contrast};
60
75
  }
61
76
 
62
77
  @each $colorName in (lighter80, lighter60, lighter40, lighter20, default) {
63
- cyan__#{$colorName}: mat.get-color-from-palette(gio.$mat-cyan-palette, $colorName);
64
- cyan__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-cyan-palette, #{$colorName}-contrast);
78
+ $color: mat.get-color-from-palette(gio.$mat-cyan-palette, $colorName);
79
+ $color-contrast: mat.get-color-from-palette(gio.$mat-cyan-palette, #{$colorName}-contrast);
80
+
81
+ --gp--cyan__#{$colorName}: #{$color};
82
+ --gp--cyan__#{$colorName}-contrast: #{$color-contrast};
65
83
  }
66
84
 
67
85
  @each $colorName in (lighter80, lighter60, lighter40, lighter20, default) {
68
- blue__#{$colorName}: mat.get-color-from-palette(gio.$mat-blue-palette, $colorName);
69
- blue__#{$colorName}-contrast: mat.get-color-from-palette(gio.$mat-blue-palette, #{$colorName}-contrast);
86
+ $color: mat.get-color-from-palette(gio.$mat-blue-palette, $colorName);
87
+ $color-contrast: mat.get-color-from-palette(gio.$mat-blue-palette, #{$colorName}-contrast);
88
+
89
+ --gp--blue__#{$colorName}: #{$color};
90
+ --gp--blue__#{$colorName}-contrast: #{$color-contrast};
70
91
  }
71
92
  }