@statsbygg/layout 0.1.20 → 0.1.22
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/dist/Breadcrumbs.module.css +31 -0
- package/dist/GlobalFooter.module.css +14 -7
- package/dist/GlobalHeader.module.css +7 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.js +23824 -80
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,37 @@
|
|
|
2
2
|
--dsc-breadcrumbs-color: var(--ds-color-text-default);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
.breadcrumbs li:has(.backLink) {
|
|
6
|
+
display: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.breadcrumbs li:has(.backLink)::after {
|
|
10
|
+
display: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media (max-width: 768px) {
|
|
14
|
+
.breadcrumbs li:has(.backLink) {
|
|
15
|
+
display: revert;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.breadcrumbs li:has(.link),
|
|
19
|
+
.breadcrumbs li:has(.currentLink) {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.backLink {
|
|
25
|
+
text-decoration: underline;
|
|
26
|
+
text-underline-offset: 2px;
|
|
27
|
+
color: var(--ds-color-text-default);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.backLink {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
gap: 4px;
|
|
34
|
+
}
|
|
35
|
+
|
|
5
36
|
.link {
|
|
6
37
|
text-decoration: underline;
|
|
7
38
|
text-underline-offset: 2px;
|
|
@@ -83,8 +83,11 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.footerSection a {
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
font-weight: 500;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.footerLeft .footerSection a:hover {
|
|
90
|
+
text-decoration: underline;
|
|
88
91
|
}
|
|
89
92
|
|
|
90
93
|
.externalLink {
|
|
@@ -107,6 +110,10 @@
|
|
|
107
110
|
gap: var(--ds-size-1);
|
|
108
111
|
}
|
|
109
112
|
|
|
113
|
+
.socialLinks a:hover {
|
|
114
|
+
text-decoration: underline;
|
|
115
|
+
}
|
|
116
|
+
|
|
110
117
|
.socialIcon {
|
|
111
118
|
width: 24px;
|
|
112
119
|
height: 24px;
|
|
@@ -150,18 +157,18 @@
|
|
|
150
157
|
|
|
151
158
|
.contactSection p,
|
|
152
159
|
.contactSection a {
|
|
153
|
-
font-size:
|
|
160
|
+
font-size: 1rem;
|
|
154
161
|
line-height: 1.6;
|
|
155
162
|
text-decoration: none;
|
|
156
163
|
margin: 0;
|
|
157
164
|
}
|
|
158
165
|
|
|
159
|
-
.contactSection
|
|
160
|
-
|
|
166
|
+
.contactSection a {
|
|
167
|
+
text-decoration: underline;
|
|
161
168
|
}
|
|
162
169
|
|
|
163
|
-
.contactSection
|
|
164
|
-
|
|
170
|
+
.contactSection p {
|
|
171
|
+
margin-bottom: var(--ds-spacing-2);
|
|
165
172
|
}
|
|
166
173
|
|
|
167
174
|
.logoSection {
|
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
.whiteBackground,
|
|
12
|
+
.whiteBackground .topBarFixedWrapper,
|
|
13
|
+
.whiteBackground .headerContainer {
|
|
14
|
+
background-color: white;
|
|
15
|
+
}
|
|
16
|
+
|
|
11
17
|
.topBarFixedWrapper {
|
|
12
18
|
position: relative;
|
|
13
19
|
left: 0;
|
|
@@ -15,6 +21,7 @@
|
|
|
15
21
|
background: var(--ds-color-background-tinted);
|
|
16
22
|
}
|
|
17
23
|
|
|
24
|
+
|
|
18
25
|
.topBarFixed {
|
|
19
26
|
position: fixed;
|
|
20
27
|
top: 0;
|
package/dist/index.d.ts
CHANGED
|
@@ -24,9 +24,10 @@ type GlobalHeaderProps = {
|
|
|
24
24
|
routes: RouteNode;
|
|
25
25
|
appBasePath?: string;
|
|
26
26
|
pathname?: string;
|
|
27
|
+
isWhiteBackground?: boolean;
|
|
27
28
|
};
|
|
28
29
|
|
|
29
|
-
declare function GlobalHeader({ className, routes, appBasePath, pathname }: GlobalHeaderProps & {
|
|
30
|
+
declare function GlobalHeader({ className, routes, appBasePath, pathname, isWhiteBackground }: GlobalHeaderProps & {
|
|
30
31
|
pathname?: string;
|
|
31
32
|
}): react_jsx_runtime.JSX.Element;
|
|
32
33
|
|
|
@@ -35,9 +36,10 @@ type RootLayoutProps = {
|
|
|
35
36
|
routes: RouteNode;
|
|
36
37
|
appBasePath?: string;
|
|
37
38
|
className?: string;
|
|
39
|
+
isWhiteBackground?: boolean;
|
|
38
40
|
};
|
|
39
41
|
|
|
40
|
-
declare function RootLayout({ children, routes, appBasePath, className }: RootLayoutProps): react_jsx_runtime.JSX.Element;
|
|
42
|
+
declare function RootLayout({ children, routes, appBasePath, className, isWhiteBackground }: RootLayoutProps): react_jsx_runtime.JSX.Element;
|
|
41
43
|
|
|
42
44
|
interface GlobalFooterProps {
|
|
43
45
|
className?: string;
|