@navikt/ds-css 8.10.1 → 8.10.2

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/component/dialog.css +1 -1
  3. package/dist/component/dialog.min.css +1 -1
  4. package/dist/components.css +1 -1
  5. package/dist/components.min.css +1 -1
  6. package/dist/global/tokens.css +1 -1
  7. package/dist/global/tokens.min.css +1 -1
  8. package/dist/index.css +2 -2
  9. package/dist/index.min.css +1 -1
  10. package/package.json +2 -2
  11. package/src/data-table.css +23 -3
  12. package/src/dialog.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "8.10.1",
3
+ "version": "8.10.2",
4
4
  "description": "CSS for Nav Designsystem",
5
5
  "author": "Aksel | Nav designsystem team",
6
6
  "keywords": [
@@ -30,7 +30,7 @@
30
30
  "css:get-version": "node config/get-version.js"
31
31
  },
32
32
  "devDependencies": {
33
- "@navikt/ds-tokens": "^8.10.1",
33
+ "@navikt/ds-tokens": "^8.10.2",
34
34
  "browserslist": "^4.25.0",
35
35
  "esbuild": "^0.27.4",
36
36
  "fast-glob": "3.3.3",
package/src/data-table.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable csstools/value-no-unknown-custom-properties */
1
2
  /* stylelint-disable no-duplicate-selectors */
2
3
 
3
4
  .aksel-data-table__border-wrapper {
@@ -153,6 +154,14 @@
153
154
  scroll-margin: var(--ax-space-0);
154
155
  padding: 0;
155
156
 
157
+ &[data-nested="true"] {
158
+ position: relative;
159
+
160
+ & > div {
161
+ margin-inline-start: calc(32px + 8px + calc(var(--__axc-data-table-nested-depth) * var(--ax-space-16)));
162
+ }
163
+ }
164
+
156
165
  .aksel-data-table__thead & {
157
166
  background-color: var(--ax-bg-neutral-soft);
158
167
  }
@@ -220,9 +229,11 @@
220
229
  }
221
230
  }
222
231
 
232
+ --__axc-data-table-pi-cell: var(--ax-space-16);
233
+
223
234
  &:not([data-selectable="true"]) > div {
224
235
  padding-block: var(--__axc-data-table-density);
225
- padding-inline: var(--ax-space-16);
236
+ padding-inline: var(--__axc-data-table-pi-cell);
226
237
 
227
238
  .aksel-data-table[data-truncate-content="true"] & {
228
239
  text-overflow: ellipsis;
@@ -241,11 +252,11 @@
241
252
  position: relative;
242
253
  font-weight: var(--ax-font-weight-bold);
243
254
 
244
- &:has(.aksel-data-table__th-sort-button):hover {
255
+ &:has(.aksel-data-table__th-sort-button:hover) {
245
256
  background-color: var(--ax-bg-neutral-moderate-hover);
246
257
  }
247
258
 
248
- &:has(.aksel-data-table__th-sort-button):active {
259
+ &:has(.aksel-data-table__th-sort-button:active) {
249
260
  background-color: var(--ax-bg-neutral-moderate-pressed);
250
261
  }
251
262
 
@@ -573,3 +584,12 @@ html[data-dragging-cursor="true"] *::before,
573
584
  html[data-dragging-cursor="true"] *::after {
574
585
  cursor: grabbing !important;
575
586
  }
587
+
588
+ /* TODO: alignment not optimal when resizing column with nesting */
589
+ .aksel-data-table__nested-toggle {
590
+ position: absolute;
591
+ inset-block: 0;
592
+ left: calc(var(--__axc-data-table-pi-cell) + var(--__axc-data-table-nested-depth) * var(--ax-space-16));
593
+ display: flex;
594
+ align-items: center;
595
+ }
package/src/dialog.css CHANGED
@@ -96,7 +96,7 @@
96
96
  transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - 0.02 * var(--__axc-nested-level)));
97
97
  }
98
98
 
99
- @media (max-width: 768px) or (max-height: 479px) {
99
+ @media (max-width: 480px) or (max-height: 479px) {
100
100
  --__axc-dialog-transform: translateY(35%);
101
101
 
102
102
  max-height: calc(100dvh - max(16px, 10dvh));