@agorapulse/ui-theme 17.1.0 → 17.1.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.
|
Binary file
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
// Color palettes from the Material Design spec.
|
|
3
|
-
// See https://www.google.com/design/spec/style/color.html
|
|
4
|
-
//
|
|
5
|
-
// Contrast colors are hard-coded because it is too difficult (probably impossible) to
|
|
6
|
-
// calculate them. These contrast colors are pulled from the public Material Design spec swatches.
|
|
7
|
-
// While the contrast colors in the spec are not prescriptive, we use them for convenience.
|
|
8
|
-
|
|
9
|
-
// NOTE
|
|
10
|
-
// Just the palette we created with the colors arthur gave us
|
|
11
|
-
// http://mcg.mbitson.com/#!?mcgpalette0=%233f51b5
|
|
12
|
-
// so we can use them like this:
|
|
13
|
-
// mat-state($ap-orange, 500) = #ff4d00,
|
|
14
|
-
// mat.get-contrast-color-from-palette($ap-orange, 500) = $white-87-opacity
|
|
15
1
|
|
|
16
2
|
$black-87-opacity: rgba(black, 0.87);
|
|
17
3
|
$white-87-opacity: rgba(white, 0.87);
|
|
@@ -235,7 +221,7 @@ $color-silver: #ced0da;
|
|
|
235
221
|
$color-pale-grey: #dfe3e9;
|
|
236
222
|
$color-grey-white: #f5f7f8;
|
|
237
223
|
$color-queued: #8c50cf;
|
|
238
|
-
$color-approve: #f4bd49;
|
|
224
|
+
$color-approve: #f4bd49;
|
|
239
225
|
$color-alice-blue: #f3f9ff;
|
|
240
226
|
|
|
241
227
|
// Colors of 2021 Agorapulse Website
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
&.invalid {
|
|
39
|
+
&.ng-invalid.ng-dirty.ng-touched {
|
|
40
40
|
.ng-select-container {
|
|
41
41
|
border-color: var(--comp-input-border-error-color);
|
|
42
42
|
}
|
|
@@ -303,10 +303,11 @@
|
|
|
303
303
|
&:not(.multiple) {
|
|
304
304
|
background-color: var(--ref-color-electric-blue-10);
|
|
305
305
|
color: var(--ref-color-electric-blue-150);
|
|
306
|
-
ap-symbol:not(.option-selected) {
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
306
|
+
ap-symbol:not(.option-selected) .svg {
|
|
307
|
+
color: var(--ref-color-electric-blue-150);
|
|
308
|
+
}
|
|
309
|
+
ap-avatar ap-symbol:not(.option-selected) .svg {
|
|
310
|
+
color: inherit;
|
|
310
311
|
}
|
|
311
312
|
.label {
|
|
312
313
|
color: var(--ref-color-electric-blue-150);
|
|
@@ -546,6 +547,7 @@
|
|
|
546
547
|
}
|
|
547
548
|
|
|
548
549
|
.ng-dropdown-header {
|
|
550
|
+
margin-bottom: var(--ref-spacing-xxs);
|
|
549
551
|
padding: 0 var(--comp-select-search-bar-padding-horizontal) var(--comp-select-search-bar-margin-bottom)
|
|
550
552
|
var(--comp-select-search-bar-padding-horizontal);
|
|
551
553
|
border-bottom: 1px solid var(--comp-select-search-bar-border-bottom-color);
|
package/package.json
CHANGED
|
Binary file
|