@arbeidstilsynet/design-css 0.7.0 → 0.8.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/dist/digdir/alert.css +1 -1
- package/dist/digdir/avatar-stack.css +1 -1
- package/dist/digdir/avatar.css +1 -1
- package/dist/digdir/badge.css +1 -1
- package/dist/digdir/base.css +1 -1
- package/dist/digdir/breadcrumbs.css +1 -1
- package/dist/digdir/button.css +1 -1
- package/dist/digdir/card.css +1 -1
- package/dist/digdir/chip.css +1 -1
- package/dist/digdir/combobox.css +1 -1
- package/dist/digdir/details.css +1 -1
- package/dist/digdir/dialog.css +1 -1
- package/dist/digdir/divider.css +1 -1
- package/dist/digdir/dropdown.css +1 -1
- package/dist/digdir/error-summary.css +1 -1
- package/dist/digdir/field.css +2 -2
- package/dist/digdir/fieldset.css +1 -1
- package/dist/digdir/input.css +1 -1
- package/dist/digdir/link.css +1 -1
- package/dist/digdir/pagination.css +1 -1
- package/dist/digdir/popover.css +1 -1
- package/dist/digdir/search.css +1 -1
- package/dist/digdir/skeleton.css +1 -1
- package/dist/digdir/skip-link.css +1 -1
- package/dist/digdir/skiplink.css +1 -1
- package/dist/digdir/spinner.css +1 -1
- package/dist/digdir/suggestion.css +1 -1
- package/dist/digdir/table.css +1 -1
- package/dist/digdir/tabs.css +1 -1
- package/dist/digdir/tag.css +1 -1
- package/dist/digdir/toggle-group.css +1 -1
- package/dist/digdir/togglegroup.css +1 -1
- package/dist/digdir/tooltip.css +1 -1
- package/dist/digdir/validation-message.css +1 -1
- package/dist/src/header.css +36 -23
- package/dist/src/index.css +83 -59
- package/dist/src/lightdarkimage.css +44 -0
- package/package.json +3 -3
- package/dist/src/lightdarklogo.css +0 -40
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/* Default behavior - follows system preference */
|
|
2
|
+
.at-lightdarkimage-light {
|
|
3
|
+
display: revert;
|
|
4
|
+
}
|
|
5
|
+
.at-lightdarkimage-dark {
|
|
6
|
+
display: none;
|
|
7
|
+
}
|
|
8
|
+
@media (prefers-color-scheme: dark) {
|
|
9
|
+
.at-lightdarkimage-light {
|
|
10
|
+
display: none;
|
|
11
|
+
}
|
|
12
|
+
.at-lightdarkimage-dark {
|
|
13
|
+
display: revert;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
/* Explicit light mode */
|
|
17
|
+
[data-color-scheme="light"] .at-lightdarkimage-light {
|
|
18
|
+
display: revert;
|
|
19
|
+
}
|
|
20
|
+
[data-color-scheme="light"] .at-lightdarkimage-dark {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
/* Explicit dark mode */
|
|
24
|
+
[data-color-scheme="dark"] .at-lightdarkimage-light {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
[data-color-scheme="dark"] .at-lightdarkimage-dark {
|
|
28
|
+
display: revert;
|
|
29
|
+
}
|
|
30
|
+
/* Auto mode - follows system preference */
|
|
31
|
+
[data-color-scheme="auto"] .at-lightdarkimage-light {
|
|
32
|
+
display: revert;
|
|
33
|
+
}
|
|
34
|
+
[data-color-scheme="auto"] .at-lightdarkimage-dark {
|
|
35
|
+
display: none;
|
|
36
|
+
}
|
|
37
|
+
@media (prefers-color-scheme: dark) {
|
|
38
|
+
[data-color-scheme="auto"] .at-lightdarkimage-light {
|
|
39
|
+
display: none;
|
|
40
|
+
}
|
|
41
|
+
[data-color-scheme="auto"] .at-lightdarkimage-dark {
|
|
42
|
+
display: revert;
|
|
43
|
+
}
|
|
44
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arbeidstilsynet/design-css",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"description": "CSS for Designsystemet",
|
|
5
5
|
"author": "Arbeidstilsynet",
|
|
6
6
|
"repository": {
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
"dist"
|
|
26
26
|
],
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@digdir/designsystemet-css": "1.11.
|
|
28
|
+
"@digdir/designsystemet-css": "1.11.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@types/node": "24.10.
|
|
31
|
+
"@types/node": "24.10.12",
|
|
32
32
|
"autoprefixer": "10.4.24",
|
|
33
33
|
"cssnano": "7.1.2",
|
|
34
34
|
"del-cli": "7.0.0",
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
.at-logo-wrapper > .at-logo {
|
|
2
|
-
display: flex;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.at-logo-dark {
|
|
6
|
-
display: none;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
[data-color-scheme="light"] .at-logo-light {
|
|
10
|
-
display: flex;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-color-scheme="light"] .at-logo-dark {
|
|
14
|
-
display: none;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
[data-color-scheme="dark"] .at-logo-light {
|
|
18
|
-
display: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-color-scheme="dark"] .at-logo-dark {
|
|
22
|
-
display: flex;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
[data-color-scheme="auto"] .at-logo-light {
|
|
26
|
-
display: flex;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
[data-color-scheme="auto"] .at-logo-dark {
|
|
30
|
-
display: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@media (prefers-color-scheme: dark) {
|
|
34
|
-
[data-color-scheme="auto"] .at-logo-light {
|
|
35
|
-
display: none;
|
|
36
|
-
}
|
|
37
|
-
[data-color-scheme="auto"] .at-logo-dark {
|
|
38
|
-
display: flex;
|
|
39
|
-
}
|
|
40
|
-
}
|