@progressio_resources/gravity-design-system 2.0.7 → 2.0.9

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 (48) hide show
  1. package/esm2022/lib/components/gravity-button/gravity-button.component.mjs +2 -2
  2. package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs +40 -13
  3. package/esm2022/lib/components/gravity-calendar/gravity-month-picker/gravity-month-picker.component.mjs +136 -0
  4. package/esm2022/lib/components/gravity-checkbox/gravity-checkbox.component.mjs +3 -3
  5. package/esm2022/lib/components/gravity-dialog/gravity-dialog.component.mjs +1 -1
  6. package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +3 -3
  7. package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +8 -3
  8. package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +1 -1
  9. package/esm2022/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +1 -1
  10. package/esm2022/lib/components/gravity-text-field/gravity-text-field.component.mjs +3 -3
  11. package/esm2022/lib/gravity-design-system.module.mjs +4 -1
  12. package/fesm2022/progressio_resources-gravity-design-system.mjs +190 -24
  13. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  14. package/lib/components/gravity-button/gravity-button.component.d.ts +1 -1
  15. package/lib/components/gravity-calendar/gravity-calendar.component.d.ts +13 -2
  16. package/lib/components/gravity-calendar/gravity-month-picker/gravity-month-picker.component.d.ts +40 -0
  17. package/lib/components/gravity-icon/gravity-icon.component.d.ts +2 -1
  18. package/lib/components/gravity-text-field/gravity-text-field.component.d.ts +1 -1
  19. package/lib/gravity-design-system.module.d.ts +15 -14
  20. package/package.json +1 -1
  21. package/src/lib/assets/icons/calendar.svg +4 -13
  22. package/src/lib/assets/icons/copy.svg +4 -7
  23. package/src/lib/assets/icons/download.svg +4 -6
  24. package/src/lib/assets/icons/eye_closed.svg +4 -7
  25. package/src/lib/assets/icons/eye_open.svg +10 -4
  26. package/src/lib/assets/icons/forgot_password.svg +10 -6
  27. package/src/lib/assets/icons/lock.svg +4 -5
  28. package/src/lib/assets/icons/log_out.svg +5 -0
  29. package/src/lib/assets/icons/mail.svg +4 -5
  30. package/src/lib/assets/icons/my_profile.svg +8 -0
  31. package/src/lib/assets/icons/search.svg +4 -7
  32. package/src/lib/assets/icons/settings.svg +7 -11
  33. package/src/lib/assets/icons/show_less.svg +7 -5
  34. package/src/lib/assets/icons/show_more.svg +7 -5
  35. package/src/lib/assets/icons/success.svg +5 -0
  36. package/src/lib/assets/icons/unlock.svg +5 -0
  37. package/src/lib/assets/icons/unsuccess.svg +5 -0
  38. package/src/lib/assets/icons/update.svg +12 -0
  39. package/src/lib/assets/json/icons.json +17 -17
  40. package/src/lib/styles/foundations/spacing/_spacing.scss +8 -8
  41. package/src/lib/assets/icons/check.svg +0 -3
  42. package/src/lib/assets/icons/edit.svg +0 -8
  43. package/src/lib/assets/icons/logout.svg +0 -9
  44. package/src/lib/assets/icons/notifications/error.svg +0 -6
  45. package/src/lib/assets/icons/notifications/success.svg +0 -3
  46. package/src/lib/assets/icons/user.svg +0 -6
  47. package/src/lib/assets/icons/x.svg +0 -6
  48. /package/src/lib/assets/icons/{notifications/warning.svg → warning.svg} +0 -0
package/src/lib/assets/icons/update.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_692_1878)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M12.4682 29.7191L2.36148 31.7339L2.35065 31.7231C1.92818 31.7989 1.48405 31.6689 1.19157 31.3765C0.888257 31.0731 0.747434 30.6182 0.844926 30.2174L2.85978 20.1106C2.91394 19.8506 3.0331 19.6231 3.20642 19.4498L22.25 0.373723C22.7592 -0.124574 23.5933 -0.124574 24.0916 0.373723L32.1835 8.46563C32.6818 8.97476 32.6818 9.80887 32.1835 10.3072L13.129 29.3724C12.9557 29.5458 12.7174 29.6757 12.4682 29.7191ZM29.4212 9.37556L23.16 3.11436L20.9718 5.30253L27.233 11.5637L29.4212 9.37556ZM25.424 13.3944L19.1628 7.13323L5.93622 20.3598L12.1974 26.621L25.424 13.3944ZM9.55429 27.6284L4.8963 22.9704L3.73721 28.7875L9.55429 27.6284ZM1.2999 32.4055H33.7C34.415 32.4055 34.9999 32.9905 34.9999 33.7054C34.9999 34.4204 34.415 35.0053 33.7 35.0053H1.2999C0.584957 35.0053 0 34.4204 0 33.7054C0 32.9905 0.584957 32.4055 1.2999 32.4055Z"
5
+ fill="var(--icon-color, #888)"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_692_1878">
9
+ <rect width="35" height="35.0054" fill="white"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
package/src/lib/assets/json/icons.json CHANGED
@@ -16,10 +16,6 @@
16
16
  "iconName": "calendar",
17
17
  "iconPath": "/assets/gravity/icons/calendar.svg"
18
18
  },
19
- {
20
- "iconName": "check",
21
- "iconPath": "/assets/gravity/icons/check.svg"
22
- },
23
19
  {
24
20
  "iconName": "clip",
25
21
  "iconPath": "/assets/gravity/icons/clip.svg"
@@ -32,10 +28,6 @@
32
28
  "iconName": "download",
33
29
  "iconPath": "/assets/gravity/icons/download.svg"
34
30
  },
35
- {
36
- "iconName": "edit",
37
- "iconPath": "/assets/gravity/icons/edit.svg"
38
- },
39
31
  {
40
32
  "iconName": "eye_closed",
41
33
  "iconPath": "/assets/gravity/icons/eye_closed.svg"
@@ -53,24 +45,28 @@
53
45
  "iconPath": "/assets/gravity/icons/lock.svg"
54
46
  },
55
47
  {
56
- "iconName": "logout",
57
- "iconPath": "/assets/gravity/icons/logout.svg"
48
+ "iconName": "log_out",
49
+ "iconPath": "/assets/gravity/icons/log_out.svg"
58
50
  },
59
51
  {
60
52
  "iconName": "mail",
61
53
  "iconPath": "/assets/gravity/icons/mail.svg"
62
54
  },
55
+ {
56
+ "iconName": "my_profile",
57
+ "iconPath": "/assets/gravity/icons/my_profile.svg"
58
+ },
63
59
  {
64
60
  "iconName": "notification_error",
65
- "iconPath": "/assets/gravity/icons/notifications/error.svg"
61
+ "iconPath": "/assets/gravity/icons/unsuccess.svg"
66
62
  },
67
63
  {
68
64
  "iconName": "notification_success",
69
- "iconPath": "/assets/gravity/icons/notifications/success.svg"
65
+ "iconPath": "/assets/gravity/icons/success.svg"
70
66
  },
71
67
  {
72
68
  "iconName": "notification_warning",
73
- "iconPath": "/assets/gravity/icons/notifications/warning.svg"
69
+ "iconPath": "/assets/gravity/icons/warning.svg"
74
70
  },
75
71
  {
76
72
  "iconName": "search",
@@ -88,17 +84,21 @@
88
84
  "iconName": "show_more",
89
85
  "iconPath": "/assets/gravity/icons/show_more.svg"
90
86
  },
87
+ {
88
+ "iconName": "success",
89
+ "iconPath": "/assets/gravity/icons/success.svg"
90
+ },
91
91
  {
92
92
  "iconName": "uncheck",
93
93
  "iconPath": "/assets/gravity/icons/uncheck.svg"
94
94
  },
95
95
  {
96
- "iconName": "user",
97
- "iconPath": "/assets/gravity/icons/user.svg"
96
+ "iconName": "unsuccess",
97
+ "iconPath": "/assets/gravity/icons/unsuccess.svg"
98
98
  },
99
99
  {
100
- "iconName": "x",
101
- "iconPath": "/assets/gravity/icons/x.svg"
100
+ "iconName": "update",
101
+ "iconPath": "/assets/gravity/icons/update.svg"
102
102
  }
103
103
  ],
104
104
  "customIcons": [
package/src/lib/styles/foundations/spacing/_spacing.scss CHANGED
@@ -3,14 +3,14 @@ $spacing-sizes: xs, sm, md, lg, xl, xxl, xxxl, xxxxl;
3
3
  $spacing-types: '', -top, -bottom, -left, -right, -block, -inline;
4
4
 
5
5
  $spacing-values: (
6
- xs: 8px,
7
- sm: 16px,
8
- md: 24px,
9
- lg: 32px,
10
- xl: 48px,
11
- xxl: 64px,
12
- xxxl: 96px,
13
- xxxxl: 192px
6
+ xs: 0.5rem,
7
+ sm: 1rem,
8
+ md: 1.5rem,
9
+ lg: 2rem,
10
+ xl: 3rem,
11
+ xxl: 4rem,
12
+ xxxl: 6rem,
13
+ xxxxl: 12rem
14
14
  );
15
15
 
16
16
  @each $scss-type in $scss-types {
package/src/lib/assets/icons/check.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="17.641" height="13.755" viewBox="0 0 17.641 13.755">
2
- <path d="M5.251,12.755a.731.731,0,0,1-.531-.233L.219,7.738a.834.834,0,0,1,0-1.127.72.72,0,0,1,1.061,0L5.249,10.83l9.97-10.6a.72.72,0,0,1,1.061,0,.834.834,0,0,1,0,1.127L5.779,12.522a.725.725,0,0,1-.531.233Z" transform="translate(0.571 0.5)" fill="var(--icon-color, #888)" stroke="var(--icon-color, #888)" stroke-miterlimit="10" stroke-width="1"/>
3
- </svg>
package/src/lib/assets/icons/edit.svg DELETED
@@ -1,8 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
2
- <g transform="translate(1.29 2.499)">
3
- <path d="M10,15.833,15.833,10l2.5,2.5L12.5,18.333Z" transform="translate(-1.29 -2.499)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
4
- <path d="M15,10.833l-1.25-6.25L1.667,1.667,4.583,13.75,10.833,15Z" transform="translate(-1.29 -2.499)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
5
- <path d="M1.667,1.667,7.988,7.988" transform="translate(-1.29 -2.499)" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
6
- <circle cx="1.667" cy="1.667" r="1.667" transform="translate(6.21 5.001)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
7
- </g>
8
- </svg>
package/src/lib/assets/icons/logout.svg DELETED
@@ -1,9 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
2
- <g transform="translate(0.312 0.312)">
3
- <g transform="translate(2.422 2.422)">
4
- <path d="M7.344,17.033H4.115A1.615,1.615,0,0,1,2.5,15.417V4.115A1.615,1.615,0,0,1,4.115,2.5H7.344" transform="translate(-2.5 -2.5)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
5
- <path d="M13.333,13.907,17.37,9.87,13.333,5.833" transform="translate(-2.838 -2.604)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
6
- <line x1="9.688" transform="translate(4.844 7.266)" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/>
7
- </g>
8
- </g>
9
- </svg>
package/src/lib/assets/icons/notifications/error.svg DELETED
@@ -1,6 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="13.58" height="17.487" viewBox="0 0 13.58 17.487">
2
- <g transform="translate(1.413 1.664)">
3
- <path d="M0,0,10.754,10.016" transform="translate(0 2.071)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-width="2"/>
4
- <path d="M0,0,12.766,7.058" transform="matrix(0.259, -0.966, 0.966, 0.259, 0.338, 12.331)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-width="2"/>
5
- </g>
6
- </svg>
package/src/lib/assets/icons/notifications/success.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20">
2
- <path d="M17.132,5,7.645,14.487,3.333,10.175" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"/>
3
- </svg>
package/src/lib/assets/icons/user.svg DELETED
@@ -1,6 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="18.598" height="20.672" viewBox="0 0 18.598 20.672">
2
- <g transform="translate(-5 -3.5)">
3
- <path d="M22.6,28.724V26.649A4.149,4.149,0,0,0,18.448,22.5h-8.3A4.149,4.149,0,0,0,6,26.649v2.075" transform="translate(0 -5.552)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4
- <path d="M20.3,8.649A4.149,4.149,0,1,1,16.149,4.5,4.149,4.149,0,0,1,20.3,8.649Z" transform="translate(-1.851)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
5
- </g>
6
- </svg>
package/src/lib/assets/icons/x.svg DELETED
@@ -1,6 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="19.166" height="24.645" viewBox="0 0 19.166 24.645">
2
- <g transform="translate(2.12 2.497)">
3
- <path d="M0,0,14.926,13.9" transform="translate(0 2.875)" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-width="3"/>
4
- <path d="M0,0,17.72,9.8" transform="matrix(0.259, -0.966, 0.966, 0.259, 0.469, 17.116)" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-width="3"/>
5
- </g>
6
- </svg>