@progressio_resources/gravity-design-system 4.0.0 → 4.0.1

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 (4) hide show
  1. package/fesm2022/progressio_resources-gravity-design-system.mjs +274 -274
  2. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.sass +38 -26
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": "4.0.0",
4
+ "version": "4.0.1",
5
5
  "license": "SEE LICENSE IN LIBRARY-LICENSE",
6
6
  "peerDependencies": {
7
7
  "@angular/common": "^21.1.4",
package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.sass CHANGED
@@ -35,85 +35,97 @@
35
35
  top: 100%
36
36
  left: 50%
37
37
  margin-left: -5px
38
- border-width: 5px
39
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
38
+ border: 8px solid transparent
39
+ border-top-color: var(--bg-tooltip-primary)
40
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
40
41
 
41
42
  :host.tooltip-top-left::after
42
43
  top: 100%
43
44
  left: 10%
44
45
  margin-left: -5px
45
- border-width: 5px
46
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
46
+ border: 8px solid transparent
47
+ border-top-color: var(--bg-tooltip-primary)
48
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
47
49
 
48
50
  :host.tooltip-top-right::after
49
51
  top: 100%
50
52
  left: 90%
51
53
  margin-left: -5px
52
- border-width: 5px
53
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
54
+ border: 8px solid transparent
55
+ border-top-color: var(--bg-tooltip-primary)
56
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
54
57
 
55
58
  :host.tooltip-bottom::after
56
59
  bottom: 100%
57
60
  left: 50%
58
61
  margin-left: -5px
59
- border-width: 5px
60
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
62
+ border: 8px solid transparent
63
+ border-bottom-color: var(--bg-tooltip-primary)
64
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
61
65
 
62
66
  :host.tooltip-bottom-left::after
63
67
  bottom: 100%
64
68
  left: 10%
65
69
  margin-left: -5px
66
- border-width: 5px
67
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
70
+ border: 8px solid transparent
71
+ border-bottom-color: var(--bg-tooltip-primary)
72
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
68
73
 
69
74
  :host.tooltip-bottom-right::after
70
75
  bottom: 100%
71
76
  left: 90%
72
77
  margin-left: -5px
73
- border-width: 5px
74
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
78
+ border: 8px solid transparent
79
+ border-bottom-color: var(--bg-tooltip-primary)
80
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
75
81
 
76
82
  :host.tooltip-left::after
77
83
  top: 50%
78
84
  left: 100%
79
85
  margin-top: -5px
80
- border-width: 5px
81
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
86
+ border: 8px solid transparent
87
+ border-left-color: var(--bg-tooltip-primary)
88
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
82
89
 
83
90
  :host.tooltip-left-top::after
84
91
  top: 10%
85
92
  left: 100%
86
93
  margin-top: -5px
87
- border-width: 5px
88
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
94
+ border: 8px solid transparent
95
+ border-left-color: var(--bg-tooltip-primary)
96
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
89
97
 
90
98
  :host.tooltip-left-bottom::after
91
- top: 90%
99
+ top: 80%
92
100
  left: 100%
93
101
  margin-top: -5px
94
- border-width: 5px
95
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
102
+ border: 8px solid transparent
103
+ border-left-color: var(--bg-tooltip-primary)
104
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
96
105
 
97
106
  :host.tooltip-right::after
98
107
  top: 50%
99
108
  right: 100%
100
109
  margin-top: -5px
101
- border-width: 5px
102
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
110
+ border: 8px solid transparent
111
+ border-right-color: var(--bg-tooltip-primary)
112
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
103
113
 
104
114
  :host.tooltip-right-top::after
105
115
  top: 10%
106
116
  right: 100%
107
117
  margin-top: -5px
108
- border-width: 5px
109
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
118
+ border: 8px solid transparent
119
+ border-right-color: var(--bg-tooltip-primary)
120
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
110
121
 
111
122
  :host.tooltip-right-bottom::after
112
- top: 90%
123
+ top: 80%
113
124
  right: 100%
114
125
  margin-top: -5px
115
- border-width: 5px
116
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
126
+ border: 8px solid transparent
127
+ border-right-color: var(--bg-tooltip-primary)
128
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
117
129
 
118
130
  // ==========================
119
131
  // LIGHT THEME