@navikt/ds-css 1.0.0-rc.2 → 1.0.0-rc.3
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 -32
- package/alert.css +1 -1
- package/baseline/baseline.css +4 -0
- package/button.css +42 -16
- package/dist/index.css +78 -79
- package/package.json +3 -3
- package/read-more.css +21 -32
- package/table.css +1 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-css",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.3",
|
|
4
4
|
"description": "Css for NAV Designsystem components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@navikt/ds-tokens": "^1.0.0-rc.
|
|
23
|
+
"@navikt/ds-tokens": "^1.0.0-rc.3",
|
|
24
24
|
"normalize.css": "^8.0.1",
|
|
25
25
|
"postcss": "^8.3.6",
|
|
26
26
|
"postcss-cli": "^8.3.1",
|
|
27
27
|
"postcss-combine-duplicated-selectors": "10.0.3",
|
|
28
28
|
"postcss-import": "^14.0.2"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "5f1ca61501702ef012555e1eeb765a64eb40d175"
|
|
31
31
|
}
|
package/read-more.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.navds-read-
|
|
1
|
+
.navds-read-more__button {
|
|
2
2
|
cursor: pointer;
|
|
3
3
|
margin: 0;
|
|
4
4
|
border: none;
|
|
5
5
|
background: none;
|
|
6
6
|
display: flex;
|
|
7
|
-
align-items:
|
|
8
|
-
gap:
|
|
7
|
+
align-items: flex-start;
|
|
8
|
+
gap: 0.125rem;
|
|
9
9
|
color: var(--navds-semantic-color-link);
|
|
10
10
|
border-radius: var(--navds-border-radius-small);
|
|
11
11
|
padding: var(--navds-spacing-1) var(--navds-spacing-1) var(--navds-spacing-1)
|
|
@@ -13,54 +13,43 @@
|
|
|
13
13
|
text-align: start;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.navds-read-more--small {
|
|
16
|
+
.navds-read-more--small .navds-read-more__button {
|
|
17
17
|
padding: 2px var(--navds-spacing-1) 2px 2px;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.navds-read-
|
|
20
|
+
.navds-read-more__button:hover {
|
|
21
21
|
background-color: rgba(38 38 38 / 0.06);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.navds-read-
|
|
24
|
+
.navds-read-more__button:active {
|
|
25
25
|
background-color: rgba(38 38 38 / 0.1);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.navds-read-
|
|
28
|
+
.navds-read-more__button:focus {
|
|
29
29
|
outline: none;
|
|
30
30
|
box-shadow: var(--navds-shadow-focus);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.navds-read-more + .ReactCollapse--collapse {
|
|
34
|
-
transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
35
|
-
padding-top: var(--navds-spacing-2);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.navds-read-more:not(.navds-read-more--open) + .ReactCollapse--collapse {
|
|
39
|
-
padding: 0;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
33
|
.navds-read-more__content {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
padding:
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.navds-read-more__content::before {
|
|
50
|
-
content: "";
|
|
51
|
-
display: block;
|
|
52
|
-
width: 2px;
|
|
53
|
-
background-color: rgba(38 38 38 / 0.36);
|
|
54
|
-
margin: 0 7px;
|
|
55
|
-
flex-shrink: 0;
|
|
34
|
+
margin-top: var(--navds-spacing-1);
|
|
35
|
+
border-left: 2px solid rgba(38 38 38 / 0.36);
|
|
36
|
+
margin-left: 11px;
|
|
37
|
+
padding-left: 11px;
|
|
56
38
|
}
|
|
57
39
|
|
|
58
40
|
.navds-read-more__expand-icon {
|
|
59
41
|
font-size: 1.25rem;
|
|
42
|
+
height: 1.5rem;
|
|
60
43
|
flex-shrink: 0;
|
|
61
44
|
}
|
|
62
45
|
|
|
63
|
-
.navds-read-more--
|
|
46
|
+
.navds-read-more--small .navds-read-more__expand-icon {
|
|
47
|
+
height: 1.25rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.navds-read-more--open
|
|
51
|
+
> .navds-read-more__button
|
|
52
|
+
> .navds-read-more__expand-icon {
|
|
64
53
|
transform: rotate(-180deg);
|
|
65
54
|
}
|
|
66
55
|
|
|
@@ -68,11 +57,11 @@
|
|
|
68
57
|
display: none;
|
|
69
58
|
}
|
|
70
59
|
|
|
71
|
-
.navds-read-
|
|
60
|
+
.navds-read-more__button:hover
|
|
72
61
|
> .navds-read-more__expand-icon.navds-read-more__expand-icon--filled {
|
|
73
62
|
display: inherit;
|
|
74
63
|
}
|
|
75
64
|
|
|
76
|
-
.navds-read-
|
|
65
|
+
.navds-read-more__button:hover > .navds-read-more__expand-icon {
|
|
77
66
|
display: none;
|
|
78
67
|
}
|
package/table.css
CHANGED
|
@@ -224,8 +224,7 @@
|
|
|
224
224
|
display: none;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.navds-table__expanded-row-collapse {
|
|
228
|
-
transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
227
|
+
.navds-table__expanded-row-collapse:not([style*="height: 0px;"]) {
|
|
229
228
|
border-bottom: 1px solid var(--navds-table-cell-color-border);
|
|
230
229
|
}
|
|
231
230
|
|