@navikt/ds-css 8.11.0 → 8.11.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/component/datagridpreview.css +9 -28
- package/dist/component/datagridpreview.min.css +1 -1
- package/dist/components.css +9 -28
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +10 -29
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/data-grid-preview.css +9 -36
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-css",
|
|
3
|
-
"version": "8.11.
|
|
3
|
+
"version": "8.11.1",
|
|
4
4
|
"description": "CSS for Nav Designsystem",
|
|
5
5
|
"author": "Aksel | Nav designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"css:get-version": "node config/get-version.js"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@navikt/ds-tokens": "^8.11.
|
|
35
|
+
"@navikt/ds-tokens": "^8.11.1",
|
|
36
36
|
"browserslist": "^4.25.0",
|
|
37
37
|
"esbuild": "^0.28.0",
|
|
38
38
|
"fast-glob": "3.3.3",
|
|
@@ -68,16 +68,23 @@
|
|
|
68
68
|
|
|
69
69
|
.aksel-data-table__thead {
|
|
70
70
|
background-color: var(--ax-bg-raised);
|
|
71
|
+
position: relative; /* Shadow ends up behind loading/empty-state without, consider after-element instead like with sticky */
|
|
72
|
+
box-shadow: 0 1px 0 0 var(--ax-border-neutral-subtle);
|
|
71
73
|
|
|
72
74
|
.aksel-data-table[data-loading="true"] &::after {
|
|
73
75
|
content: "";
|
|
74
76
|
position: absolute;
|
|
75
77
|
block-size: 2px;
|
|
76
|
-
inset-block-end: -2px;
|
|
77
78
|
background-color: var(--ax-bg-strong);
|
|
78
79
|
animation: animateDataTableLoading 1s linear infinite;
|
|
79
80
|
z-index: 11;
|
|
80
81
|
}
|
|
82
|
+
|
|
83
|
+
&[data-sticky="true"] {
|
|
84
|
+
position: sticky;
|
|
85
|
+
top: 0;
|
|
86
|
+
z-index: 3;
|
|
87
|
+
}
|
|
81
88
|
}
|
|
82
89
|
|
|
83
90
|
.aksel-data-table__tbody {
|
|
@@ -85,12 +92,7 @@
|
|
|
85
92
|
position: relative;
|
|
86
93
|
|
|
87
94
|
&[inert] {
|
|
88
|
-
transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
89
95
|
opacity: var(--ax-opacity-disabled);
|
|
90
|
-
|
|
91
|
-
@starting-style {
|
|
92
|
-
opacity: 0.001;
|
|
93
|
-
}
|
|
94
96
|
}
|
|
95
97
|
|
|
96
98
|
&[inert]::after {
|
|
@@ -98,15 +100,8 @@
|
|
|
98
100
|
position: absolute;
|
|
99
101
|
inset: 0;
|
|
100
102
|
background-color: var(--ax-bg-overlay);
|
|
101
|
-
|
|
102
|
-
z-index: 10;
|
|
103
|
+
z-index: 2;
|
|
103
104
|
opacity: 0.2;
|
|
104
|
-
|
|
105
|
-
/* iOS 26+: Ensure the backdrop covers the entire visible viewport. */
|
|
106
|
-
|
|
107
|
-
@starting-style {
|
|
108
|
-
opacity: 0.001;
|
|
109
|
-
}
|
|
110
105
|
}
|
|
111
106
|
}
|
|
112
107
|
|
|
@@ -114,23 +109,6 @@
|
|
|
114
109
|
&[data-selected="true"] {
|
|
115
110
|
background-color: var(--ax-bg-softA);
|
|
116
111
|
}
|
|
117
|
-
|
|
118
|
-
.aksel-data-table__thead &[data-sticky="true"] {
|
|
119
|
-
position: sticky;
|
|
120
|
-
top: 0;
|
|
121
|
-
z-index: 3;
|
|
122
|
-
box-shadow: 1px 1px 0 0 var(--ax-border-neutral-subtle);
|
|
123
|
-
|
|
124
|
-
/* This breaks filler-cells ⬇️. Trying box-shadow instead ⬆️ */
|
|
125
|
-
/* &::after {
|
|
126
|
-
content: "";
|
|
127
|
-
position: absolute;
|
|
128
|
-
inset-inline: 0;
|
|
129
|
-
bottom: -1px;
|
|
130
|
-
pointer-events: none;
|
|
131
|
-
border-bottom: 1px solid var(--ax-border-neutral-subtle);
|
|
132
|
-
} */
|
|
133
|
-
}
|
|
134
112
|
}
|
|
135
113
|
|
|
136
114
|
/* BORDER STYLING START */
|
|
@@ -158,11 +136,6 @@
|
|
|
158
136
|
border-bottom: 1px solid var(--ax-border-neutral-subtle);
|
|
159
137
|
}
|
|
160
138
|
|
|
161
|
-
.aksel-data-table__thead {
|
|
162
|
-
position: relative; /* Shadow ends up behind loading/empty-state without, consider after-element instead like with sticky */
|
|
163
|
-
box-shadow: 0 1px 0 0 var(--ax-border-neutral-subtle);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
139
|
@keyframes scroll-shadow-fade-start {
|
|
167
140
|
0% {
|
|
168
141
|
opacity: 0;
|