@progressiveui/styles 11.3.0 → 11.3.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.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progressiveui/styles",
|
|
3
3
|
"description": "Styles for the Progressive UI Design System",
|
|
4
|
-
"version": "11.3.
|
|
4
|
+
"version": "11.3.1",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Robert Gühne <polyxo.de>",
|
|
7
7
|
"homepage": "https://www.polyxo.de",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@carbon/feature-flags": "^0.6.0",
|
|
28
28
|
"@carbon/grid": "^10.39.0",
|
|
29
29
|
"@carbon/motion": "^10.22.0",
|
|
30
|
-
"@progressiveui/themes-core": "^0.5.
|
|
30
|
+
"@progressiveui/themes-core": "^0.5.1",
|
|
31
31
|
"@un/layout": "^10.26.15",
|
|
32
32
|
"@un/themes": "^10.40.14"
|
|
33
33
|
},
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"@carbon/test-utils": "^10.3.0",
|
|
36
36
|
"css": "^3.0.0"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "b662910f37603a3687908e5030f94459b6342e23"
|
|
39
39
|
}
|
|
@@ -42,7 +42,9 @@ $main-navigation-menu-width: calcRem(300px);
|
|
|
42
42
|
color: $action-default-link-default;
|
|
43
43
|
background: $background-main;
|
|
44
44
|
height: $main-navigation-height;
|
|
45
|
-
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
|
|
45
|
+
// box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
|
|
46
|
+
color: $text-inverse-default;
|
|
47
|
+
background: $brand-main;
|
|
46
48
|
@include reset;
|
|
47
49
|
@media print {
|
|
48
50
|
display: none;
|
|
@@ -73,7 +75,7 @@ $main-navigation-menu-width: calcRem(300px);
|
|
|
73
75
|
// justify-content: center; // TODO: Check if needed
|
|
74
76
|
|
|
75
77
|
> a {
|
|
76
|
-
color: $
|
|
78
|
+
color: $text-inverse-default; // TODO change to $link_on_color token
|
|
77
79
|
@include type-style("body-short-02");
|
|
78
80
|
text-decoration: none;
|
|
79
81
|
&.active {
|
|
@@ -82,11 +84,11 @@ $main-navigation-menu-width: calcRem(300px);
|
|
|
82
84
|
&:hover,
|
|
83
85
|
&:visited,
|
|
84
86
|
&:active {
|
|
85
|
-
color: $
|
|
87
|
+
color: $text-inverse-default;
|
|
86
88
|
text-decoration: underline;
|
|
87
89
|
}
|
|
88
90
|
&:focus {
|
|
89
|
-
color: $
|
|
91
|
+
color: $text-inverse-default;
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
94
|
}
|
|
@@ -129,17 +131,17 @@ $main-navigation-menu-width: calcRem(300px);
|
|
|
129
131
|
|
|
130
132
|
.#{$prefix}--main-navigation__logo {
|
|
131
133
|
a {
|
|
132
|
-
color: $
|
|
134
|
+
color: $text-inverse-default;
|
|
133
135
|
text-decoration: none;
|
|
134
136
|
text-transform: uppercase;
|
|
135
137
|
&:hover,
|
|
136
138
|
&:visited,
|
|
137
139
|
&:active {
|
|
138
|
-
color: $
|
|
140
|
+
color: $text-inverse-default;
|
|
139
141
|
text-decoration: underline;
|
|
140
142
|
}
|
|
141
143
|
&:focus {
|
|
142
|
-
color: $text-
|
|
144
|
+
color: $text-inverse-default;
|
|
143
145
|
}
|
|
144
146
|
}
|
|
145
147
|
}
|
|
@@ -287,7 +289,8 @@ $main-navigation-menu-width: calcRem(300px);
|
|
|
287
289
|
TODO - convert raw color hex into color token in figma
|
|
288
290
|
rgba(desaturate(#0b77c2, 40%), 0.15) 0 32px 78px; */
|
|
289
291
|
.#{$prefix}--theme-dark & {
|
|
290
|
-
box-shadow:
|
|
292
|
+
box-shadow:
|
|
293
|
+
var(--modal-background-01) 0 3px 12px,
|
|
291
294
|
//TODO - create token for this color
|
|
292
295
|
var(--modal-background-01) 0 32px 78px;
|
|
293
296
|
}
|