@progressio_resources/gravity-design-system 1.1.13 → 1.1.15

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 (37) hide show
  1. package/esm2020/lib/components/gravity-attach-file/gravity-attach-file.component.mjs +2 -2
  2. package/esm2020/lib/components/gravity-button/gravity-button.component.mjs +2 -2
  3. package/esm2020/lib/components/gravity-calendar/gravity-calendar.component.mjs +35 -23
  4. package/esm2020/lib/components/gravity-checkbox/gravity-checkbox.component.mjs +2 -2
  5. package/esm2020/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +3 -3
  6. package/esm2020/lib/components/gravity-icon/gravity-icon.component.mjs +3 -3
  7. package/esm2020/lib/components/gravity-notification/gravity-notification.component.mjs +3 -3
  8. package/esm2020/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +3 -3
  9. package/esm2020/lib/components/gravity-radio-button/gravity-radio-button.component.mjs +2 -2
  10. package/esm2020/lib/components/gravity-switch/gravity-switch.component.mjs +2 -2
  11. package/esm2020/lib/components/gravity-text-field/gravity-text-field.component.mjs +4 -3
  12. package/fesm2015/progressio_resources-gravity-design-system.mjs +55 -42
  13. package/fesm2015/progressio_resources-gravity-design-system.mjs.map +1 -1
  14. package/fesm2020/progressio_resources-gravity-design-system.mjs +55 -42
  15. package/fesm2020/progressio_resources-gravity-design-system.mjs.map +1 -1
  16. package/lib/components/gravity-calendar/gravity-calendar.component.d.ts +15 -23
  17. package/package.json +1 -1
  18. package/src/lib/assets/icons/lock.svg +2 -2
  19. package/src/lib/assets/json/icons.json +3 -11
  20. package/src/lib/styles/_responsive.scss +1 -1
  21. package/src/lib/styles/components/_card_highlight.scss +3 -3
  22. package/src/lib/styles/components/_datepicker.scss +3 -3
  23. package/src/lib/styles/{fundamentals → foundations}/colors/primitives/_hero.primitives.scss +26 -24
  24. package/src/lib/styles/{fundamentals → foundations}/colors/themes/_hero.theme.scss +348 -347
  25. package/src/lib/styles/{fundamentals → foundations}/colors/tokens/_hero.tokens.scss +372 -371
  26. package/src/lib/styles/foundations/elevation/_hero.elevation.scss +22 -0
  27. package/src/lib/styles/foundations/grids/_grids.scss +158 -0
  28. package/src/lib/styles/gravity-design-system.scss +14 -7
  29. package/src/lib/styles/overwrite/bootstrap/_modal.scss +1 -1
  30. package/src/lib/styles/themes/_hero.scss +4 -0
  31. package/src/lib/assets/icons/radio-off.svg +0 -3
  32. package/src/lib/assets/icons/radio-on.svg +0 -3
  33. package/src/lib/styles/fundamentals/grids/grids.scss +0 -6
  34. /package/src/lib/styles/{fundamentals → foundations}/border-radius/_hero.border-radius.scss +0 -0
  35. /package/src/lib/styles/{fundamentals/breakpoints/breakpoints.scss → foundations/breakpoints/_breakpoints.scss} +0 -0
  36. /package/src/lib/styles/{fundamentals/spacing/spacing.scss → foundations/spacing/_spacing.scss} +0 -0
  37. /package/src/lib/styles/{fundamentals → foundations}/typography/_hero.typography.scss +0 -0
@@ -2,30 +2,22 @@ import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/
2
2
  import { NgbDate, NgbDateStruct } from "@ng-bootstrap/ng-bootstrap";
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class GravityCalendarComponent implements OnChanges, AfterViewInit {
5
- private datePicker;
6
- private datepickerInput;
7
5
  calendarResponse: EventEmitter<Date>;
8
- data: {
9
- currentLang?: string;
10
- cypressTag?: string;
11
- dates?: {
12
- customDate?: 'today' | Date;
13
- defaultDays?: number;
14
- maxDate?: 'today' | Date;
15
- minDate?: Date;
16
- };
17
- icon?: {
18
- names: string[];
19
- placement?: 'left' | 'right';
20
- };
21
- label: string;
22
- required?: boolean;
23
- state?: 'readonly' | 'disabled' | 'enabled';
24
- supportText?: {
25
- content: string;
26
- type: 'neutro' | 'negative' | 'positive';
27
- };
6
+ currentLang: string;
7
+ cypressTag: string;
8
+ dates: {
9
+ customDate?: 'today' | Date;
10
+ defaultDays?: number;
11
+ maxDate?: 'today' | Date;
12
+ minDate?: Date;
28
13
  };
14
+ label: string;
15
+ required: boolean;
16
+ state: 'readonly' | 'disabled' | 'enabled';
17
+ supportTextContent: string;
18
+ supportTextType: 'neutro' | 'negative' | 'positive';
19
+ private datePicker;
20
+ private datepickerInput;
29
21
  calendarOpened: boolean;
30
22
  focusInput: boolean;
31
23
  maxDate: NgbDateStruct;
@@ -44,5 +36,5 @@ export declare class GravityCalendarComponent implements OnChanges, AfterViewIni
44
36
  private static formatDateToNgbDateStruct;
45
37
  private static convertNgbDateToDate;
46
38
  static ɵfac: i0.ɵɵFactoryDeclaration<GravityCalendarComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<GravityCalendarComponent, "gravity-calendar", never, { "data": "data"; }, { "calendarResponse": "response"; }, never, never, false, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<GravityCalendarComponent, "gravity-calendar", never, { "currentLang": "currentLang"; "cypressTag": "cypressTag"; "dates": "dates"; "label": "label"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; }, { "calendarResponse": "response"; }, never, never, false, never>;
48
40
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progressio_resources/gravity-design-system",
3
3
  "description": "Gravity Design System",
4
- "version": "1.1.13",
4
+ "version": "1.1.15",
5
5
  "license": "SEE LICENSE IN LIBRARY-LICENSE",
6
6
  "peerDependencies": {
7
7
  "@angular/common": "^15.1.0",
@@ -1,6 +1,6 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17.678" viewBox="0 0 14 17.678">
2
2
  <g transform="translate(1 0.734)">
3
- <path d="M10,8.5H2A2.066,2.066,0,0,1,0,6.377V0H12V6.377A2.066,2.066,0,0,1,10,8.5Z" transform="translate(0 7.44)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
4
- <path d="M0,5.846A5.681,5.681,0,0,1,5.5,0,5.681,5.681,0,0,1,11,5.846" transform="translate(0.5 0.266)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
3
+ <path d="M10,8.5H2A2.066,2.066,0,0,1,0,6.377V0H12V6.377A2.066,2.066,0,0,1,10,8.5Z" transform="translate(0 7.44)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.667"/>
4
+ <path d="M0,5.846A5.681,5.681,0,0,1,5.5,0,5.681,5.681,0,0,1,11,5.846" transform="translate(0.5 0.266)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.667"/>
5
5
  </g>
6
6
  </svg>
@@ -61,25 +61,17 @@
61
61
  "iconPath": "/assets/gravity/icons/mail.svg"
62
62
  },
63
63
  {
64
- "iconName": "notification-error",
64
+ "iconName": "notification_error",
65
65
  "iconPath": "/assets/gravity/icons/notifications/error.svg"
66
66
  },
67
67
  {
68
- "iconName": "notification-success",
68
+ "iconName": "notification_success",
69
69
  "iconPath": "/assets/gravity/icons/notifications/success.svg"
70
70
  },
71
71
  {
72
- "iconName": "notification-warning",
72
+ "iconName": "notification_warning",
73
73
  "iconPath": "/assets/gravity/icons/notifications/warning.svg"
74
74
  },
75
- {
76
- "iconName": "radio-on",
77
- "iconPath": "/assets/gravity/icons/radio-on.svg"
78
- },
79
- {
80
- "iconName": "radio-off",
81
- "iconPath": "/assets/gravity/icons/radio-off.svg"
82
- },
83
75
  {
84
76
  "iconName": "search",
85
77
  "iconPath": "/assets/gravity/icons/search.svg"
@@ -1,4 +1,4 @@
1
- @import "./fundamentals/breakpoints/breakpoints";
1
+ @import "foundations/breakpoints/breakpoints";
2
2
 
3
3
  .hide-xl {
4
4
  @media (max-width: map-get($breakpoints, xl)) {
@@ -1,6 +1,6 @@
1
- @import "../fundamentals/typography/hero.typography";
2
- @import "../fundamentals/border-radius/hero.border-radius";
3
- @import "src/lib/styles/shared";
1
+ @import "../foundations/typography/hero.typography";
2
+ @import "../foundations/border-radius/hero.border-radius";
3
+ @import "../shared";
4
4
 
5
5
  .gravity-card-highlight {
6
6
  @extend .hr-body-text, .md-regular;
@@ -1,6 +1,6 @@
1
- @import "../fundamentals/typography/hero.typography";
2
- @import "../fundamentals/border-radius/hero.border-radius";
3
- @import "src/lib/styles/shared";
1
+ @import "../foundations/typography/hero.typography";
2
+ @import "../foundations/border-radius/hero.border-radius";
3
+ @import "../shared";
4
4
 
5
5
  ngb-datepicker.gravity-datepicker-dialog {
6
6
  background-color: var(--bg-calender-primary);
@@ -8,13 +8,7 @@ $b600: #a3bcdc;
8
8
  $b700: #cbe2ff;
9
9
  $b800: #e7f1ff;
10
10
 
11
- $g100: #004327;
12
- $g200: #055936;
13
- $g300: #20662e;
14
- $g400: #a5d7c2;
15
- $g500: #ccfae7;
16
- $g600: #e8fff5;
17
-
11
+ $n0: #0f131b;
18
12
  $n100: #151c29;
19
13
  $n200: #1e283a;
20
14
  $n300: #21304a;
@@ -25,11 +19,12 @@ $n700: #d6dce5;
25
19
  $n800: #f4f6f9;
26
20
  $n900: #ffffff;
27
21
 
28
- $o100: #3c2000;
29
- $o200: #542503;
30
- $o300: #ff9d57;
31
- $o400: #ffb27b;
32
- $o500: #ffd2b2;
22
+ $g100: #004327;
23
+ $g200: #055936;
24
+ $g300: #20662e;
25
+ $g400: #a5d7c2;
26
+ $g500: #ccfae7;
27
+ $g600: #e8fff5;
33
28
 
34
29
  $r100: #310101;
35
30
  $r200: #7c1111;
@@ -39,6 +34,12 @@ $r500: #f19999;
39
34
  $r600: #ffc3c3;
40
35
  $r700: #ffdede;
41
36
 
37
+ $o100: #3c2000;
38
+ $o200: #542503;
39
+ $o300: #ff9d57;
40
+ $o400: #ffb27b;
41
+ $o500: #ffd2b2;
42
+
42
43
  //This class must be only for gallery implementation
43
44
  .hero-primitives {
44
45
  --b100: #04163f;
@@ -50,13 +51,7 @@ $r700: #ffdede;
50
51
  --b700: #cbe2ff;
51
52
  --b800: #e7f1ff;
52
53
 
53
- --g100: #004327;
54
- --g200: #055936;
55
- --g300: #20662e;
56
- --g400: #a5d7c2;
57
- --g500: #ccfae7;
58
- --g600: #e8fff5;
59
-
54
+ --n0: #0f131b;
60
55
  --n100: #151c29;
61
56
  --n200: #1e283a;
62
57
  --n300: #21304a;
@@ -67,11 +62,12 @@ $r700: #ffdede;
67
62
  --n800: #f4f6f9;
68
63
  --n900: #ffffff;
69
64
 
70
- --o100: #3c2000;
71
- --o200: #542503;
72
- --o300: #ff9d57;
73
- --o400: #ffb27b;
74
- --o500: #ffd2b2;
65
+ --g100: #004327;
66
+ --g200: #055936;
67
+ --g300: #20662e;
68
+ --g400: #a5d7c2;
69
+ --g500: #ccfae7;
70
+ --g600: #e8fff5;
75
71
 
76
72
  --r100: #310101;
77
73
  --r200: #7c1111;
@@ -80,4 +76,10 @@ $r700: #ffdede;
80
76
  --r500: #f19999;
81
77
  --r600: #ffc3c3;
82
78
  --r700: #ffdede;
79
+
80
+ --o100: #3c2000;
81
+ --o200: #542503;
82
+ --o300: #ff9d57;
83
+ --o400: #ffb27b;
84
+ --o500: #ffd2b2;
83
85
  }