@navikt/ds-css 0.18.25 → 0.18.28
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/accordion.css +16 -28
- package/alert.css +3 -3
- package/baseline/baseline.css +4 -0
- package/dist/index.css +23 -31
- package/package.json +3 -3
package/accordion.css
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--navds-accordion-color-text: var(
|
|
3
|
-
--navds-accordion-color-background: var(
|
|
4
|
-
--navds-semantic-color-component-background-light
|
|
5
|
-
);
|
|
6
|
-
--navds-accordion-color-text-hover: var(--navds-semantic-color-link);
|
|
7
|
-
--navds-accordion-color-border: var(--navds-semantic-color-border-muted);
|
|
8
|
-
--navds-accordion-color-border-hover: var(
|
|
2
|
+
--navds-accordion-color-text-hover: var(
|
|
9
3
|
--navds-semantic-color-interaction-primary
|
|
10
4
|
);
|
|
11
|
-
--navds-accordion-color-
|
|
12
|
-
--navds-accordion-color-
|
|
5
|
+
--navds-accordion-color-border: var(--navds-semantic-color-border);
|
|
6
|
+
--navds-accordion-color-border-hover: var(
|
|
13
7
|
--navds-semantic-color-interaction-primary
|
|
14
8
|
);
|
|
15
9
|
--navds-accordion-color-background-open: var(
|
|
@@ -21,10 +15,6 @@
|
|
|
21
15
|
transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
22
16
|
}
|
|
23
17
|
|
|
24
|
-
.navds-accordion {
|
|
25
|
-
background: var(--navds-accordion-color-background);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
18
|
.navds-accordion__item:focus-within {
|
|
29
19
|
position: relative;
|
|
30
20
|
}
|
|
@@ -33,9 +23,9 @@
|
|
|
33
23
|
width: 100%;
|
|
34
24
|
display: flex;
|
|
35
25
|
justify-content: space-between;
|
|
36
|
-
align-items:
|
|
37
|
-
gap: var(--navds-spacing-
|
|
38
|
-
padding: var(--navds-spacing-
|
|
26
|
+
align-items: flex-start;
|
|
27
|
+
gap: var(--navds-spacing-2);
|
|
28
|
+
padding: 14px var(--navds-spacing-3) var(--navds-spacing-3);
|
|
39
29
|
margin: 0;
|
|
40
30
|
text-align: left;
|
|
41
31
|
background: transparent;
|
|
@@ -54,20 +44,18 @@
|
|
|
54
44
|
border-color: var(--navds-accordion-color-border-hover);
|
|
55
45
|
}
|
|
56
46
|
|
|
57
|
-
.navds-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
border-color: transparent;
|
|
47
|
+
.navds-accordion__header-content {
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
text-overflow: ellipsis;
|
|
61
50
|
}
|
|
62
51
|
|
|
63
|
-
.navds-accordion__item--open > .navds-accordion__header
|
|
64
|
-
|
|
65
|
-
color: var(--navds-accordion-color-
|
|
52
|
+
.navds-accordion__item--open > .navds-accordion__header {
|
|
53
|
+
background-color: var(--navds-accordion-color-background-open);
|
|
54
|
+
border-color: var(--navds-accordion-color-background-open);
|
|
66
55
|
}
|
|
67
56
|
|
|
68
57
|
.navds-accordion__content {
|
|
69
|
-
|
|
70
|
-
padding: var(--navds-spacing-5) var(--navds-spacing-3) var(--navds-spacing-10);
|
|
58
|
+
padding: var(--navds-spacing-3) var(--navds-spacing-3) 18px;
|
|
71
59
|
border-bottom: 2px solid var(--navds-accordion-color-border);
|
|
72
60
|
}
|
|
73
61
|
|
|
@@ -79,12 +67,12 @@
|
|
|
79
67
|
}
|
|
80
68
|
|
|
81
69
|
.navds-accordion__expand-icon {
|
|
82
|
-
|
|
83
|
-
height: 1.
|
|
70
|
+
font-size: 1.5rem;
|
|
71
|
+
height: 1.75rem;
|
|
84
72
|
flex-shrink: 0;
|
|
85
73
|
}
|
|
86
74
|
|
|
87
|
-
.navds-accordion__expand-icon
|
|
75
|
+
.navds-accordion__item--open .navds-accordion__expand-icon {
|
|
88
76
|
transform: rotateZ(180deg);
|
|
89
77
|
}
|
|
90
78
|
|
package/alert.css
CHANGED
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.navds-alert--small {
|
|
36
|
-
padding: var(--navds-spacing-2);
|
|
37
|
-
gap: var(--navds-spacing-
|
|
36
|
+
padding: var(--navds-spacing-2) var(--navds-spacing-4);
|
|
37
|
+
gap: var(--navds-spacing-3);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.navds-alert--full-width {
|
|
@@ -80,6 +80,6 @@
|
|
|
80
80
|
|
|
81
81
|
.navds-alert--inline {
|
|
82
82
|
background-color: transparent;
|
|
83
|
-
border
|
|
83
|
+
border: none;
|
|
84
84
|
padding: 0;
|
|
85
85
|
}
|
package/baseline/baseline.css
CHANGED