@progressio_resources/gravity-design-system 2.4.0 → 2.4.2
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.
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": "2.4.
|
|
4
|
+
"version": "2.4.2",
|
|
5
5
|
"license": "SEE LICENSE IN LIBRARY-LICENSE",
|
|
6
6
|
"peerDependencies": {
|
|
7
7
|
"@angular/common": "^16.2.12",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"@popperjs/core": "^2.11.8",
|
|
13
13
|
"angular-svg-icon": "^16.1.0",
|
|
14
14
|
"angular-svg-icon-preloader": "^6.0.0",
|
|
15
|
-
"ngx-bootstrap": "^
|
|
15
|
+
"ngx-bootstrap": "^11.0.2",
|
|
16
16
|
"ngx-pretty-checkbox": "^16.0.0",
|
|
17
17
|
"pretty-checkbox": "^3.0.3"
|
|
18
18
|
},
|
|
@@ -7,6 +7,10 @@ $datepicker-min-width: 15rem;
|
|
|
7
7
|
|
|
8
8
|
bs-datepicker-container {
|
|
9
9
|
z-index: 1;
|
|
10
|
+
|
|
11
|
+
.bs-datepicker-container {
|
|
12
|
+
padding: 0;
|
|
13
|
+
}
|
|
10
14
|
}
|
|
11
15
|
|
|
12
16
|
.gravity-datepicker-dialog {
|
|
@@ -65,11 +69,13 @@ bs-datepicker-container {
|
|
|
65
69
|
.current {
|
|
66
70
|
@extend .hr-label, .md-regular;
|
|
67
71
|
|
|
72
|
+
align-items: center;
|
|
68
73
|
background-color: var(--bg-calendar-nav-primary);
|
|
69
74
|
border: none;
|
|
70
75
|
border-radius: $border-radius-rounded;
|
|
71
76
|
color: var(--on-bg-calendar-nav-primary);
|
|
72
77
|
cursor: pointer;
|
|
78
|
+
display: flex;
|
|
73
79
|
height: 2rem;
|
|
74
80
|
outline: none;
|
|
75
81
|
padding-inline: map-get($spacing-values, sm);
|
|
@@ -88,8 +94,7 @@ bs-datepicker-container {
|
|
|
88
94
|
}
|
|
89
95
|
|
|
90
96
|
.bs-datepicker-body {
|
|
91
|
-
|
|
92
|
-
|
|
97
|
+
min-height: fit-content;
|
|
93
98
|
min-width: $datepicker-min-width;
|
|
94
99
|
padding: 0.625rem;
|
|
95
100
|
|
|
@@ -105,8 +110,10 @@ bs-datepicker-container {
|
|
|
105
110
|
text-align: center;
|
|
106
111
|
|
|
107
112
|
span {
|
|
108
|
-
|
|
113
|
+
align-items: center;
|
|
114
|
+
display: flex;
|
|
109
115
|
height: 2rem;
|
|
116
|
+
justify-content: center;
|
|
110
117
|
line-height: 2rem;
|
|
111
118
|
}
|
|
112
119
|
}
|
|
@@ -115,55 +122,72 @@ bs-datepicker-container {
|
|
|
115
122
|
|
|
116
123
|
bs-days-calendar-view .bs-datepicker-body table {
|
|
117
124
|
th {
|
|
125
|
+
@extend .hr-label, .sm-regular;
|
|
126
|
+
|
|
127
|
+
color: var(--on-bg-calender-primary);
|
|
118
128
|
font-style: italic;
|
|
119
129
|
height: 2rem;
|
|
120
130
|
width: 2rem;
|
|
121
131
|
}
|
|
122
132
|
|
|
123
133
|
td {
|
|
124
|
-
|
|
134
|
+
span {
|
|
135
|
+
@extend .hr-label, .sm-regular;
|
|
125
136
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
137
|
+
&.is-highlighted:not(.disabled):not(.selected) {
|
|
138
|
+
background-color: var(--bg-number-calendar-hover-primary);
|
|
139
|
+
color: var(--number-calendar-hover-primary);
|
|
140
|
+
}
|
|
130
141
|
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
142
|
+
&.selected {
|
|
143
|
+
background-color: var(--bg-number-calendar-pressed-primary);
|
|
144
|
+
color: var(--number-calendar-pressed-primary);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
&.is-other-month {
|
|
148
|
+
color: var(--number-calendar-disabled-primary);
|
|
135
149
|
|
|
136
|
-
|
|
137
|
-
|
|
150
|
+
&.is-active-other-month {
|
|
151
|
+
background-color: transparent;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
&.disabled {
|
|
156
|
+
color: var(--number-calendar-disabled-primary);
|
|
157
|
+
}
|
|
138
158
|
}
|
|
139
159
|
|
|
140
160
|
&:has(span.disabled) {
|
|
141
|
-
color: var(--number-calendar-disabled-primary);
|
|
142
161
|
cursor: not-allowed;
|
|
143
162
|
}
|
|
144
|
-
|
|
145
|
-
span {
|
|
146
|
-
width: 2rem;
|
|
147
|
-
}
|
|
148
163
|
}
|
|
149
164
|
}
|
|
150
165
|
|
|
151
166
|
bs-month-calendar-view,
|
|
152
167
|
bs-years-calendar-view {
|
|
153
168
|
.bs-datepicker-body table td {
|
|
154
|
-
|
|
169
|
+
&.disabled {
|
|
170
|
+
cursor: not-allowed;
|
|
171
|
+
|
|
172
|
+
span {
|
|
173
|
+
color: var(--number-calendar-disabled-primary);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
&.is-highlighted:not(.disabled):not(.selected) span:not(.selected) {
|
|
155
178
|
background-color: var(--bg-number-calendar-hover-primary);
|
|
156
179
|
color: var(--number-calendar-hover-primary);
|
|
157
180
|
}
|
|
158
181
|
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
182
|
+
span {
|
|
183
|
+
@extend .hr-label, .sm-regular;
|
|
184
|
+
border-radius: $border-radius-rounded;
|
|
185
|
+
margin: 0 !important;
|
|
163
186
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
187
|
+
&.selected {
|
|
188
|
+
background-color: var(--bg-number-calendar-pressed-primary) !important;
|
|
189
|
+
color: var(--number-calendar-pressed-primary) !important;
|
|
190
|
+
}
|
|
167
191
|
}
|
|
168
192
|
}
|
|
169
193
|
}
|