@navikt/ds-css 6.10.1 → 6.12.0

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 (30) hide show
  1. package/CHANGELOG.md +21 -1
  2. package/alert.css +5 -1
  3. package/button.css +2 -5
  4. package/copybutton.css +6 -4
  5. package/dist/component/alert.css +5 -1
  6. package/dist/component/alert.min.css +1 -1
  7. package/dist/component/button.css +2 -5
  8. package/dist/component/button.min.css +1 -1
  9. package/dist/component/copybutton.css +6 -4
  10. package/dist/component/copybutton.min.css +1 -1
  11. package/dist/component/index.css +795 -71
  12. package/dist/component/index.min.css +4 -4
  13. package/dist/component/list.css +7 -15
  14. package/dist/component/list.min.css +1 -1
  15. package/dist/component/pagination.css +4 -0
  16. package/dist/component/pagination.min.css +1 -1
  17. package/dist/component/primitives.css +805 -49
  18. package/dist/component/primitives.min.css +1 -1
  19. package/dist/components.css +829 -74
  20. package/dist/components.min.css +3 -3
  21. package/dist/global/tokens.css +2 -1
  22. package/dist/global/tokens.min.css +1 -1
  23. package/dist/index.css +795 -71
  24. package/dist/index.min.css +4 -4
  25. package/list.css +7 -15
  26. package/package.json +2 -2
  27. package/pagination.css +4 -0
  28. package/primitives/base.css +777 -0
  29. package/primitives/box.css +27 -49
  30. package/primitives/index.css +1 -0
package/dist/component/list.css CHANGED
@@ -15,15 +15,7 @@
15
15
  }
16
16
 
17
17
  .navds-list li {
18
- margin-block-end: var(--a-spacing-4);
19
- }
20
-
21
- .navds-list--small li {
22
- margin-block-end: var(--a-spacing-3);
23
- }
24
-
25
- .navds-list--nested li {
26
- margin-block-end: var(--a-spacing-3);
18
+ margin-block-end: var(--a-spacing-2);
27
19
  }
28
20
 
29
21
  .navds-list:last-child > ul > li:last-child,
@@ -50,25 +42,25 @@
50
42
  .navds-list .navds-list__item-marker--bullet {
51
43
  display: flex;
52
44
  align-items: center;
53
- height: var(--a-font-line-height-large);
45
+ height: var(--a-font-line-height-xlarge);
54
46
  grid-column: 1 / 2;
55
47
  color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
56
48
  }
57
49
 
58
50
  .navds-list--small .navds-list__item-marker--bullet {
59
- height: var(--a-font-line-height-medium);
51
+ height: var(--a-font-line-height-large);
60
52
  }
61
53
 
62
54
  .navds-list__item-marker--icon {
63
55
  color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
64
56
  display: flex;
65
57
  align-items: center;
66
- height: var(--a-font-line-height-large);
58
+ height: var(--a-font-line-height-xlarge);
67
59
  padding-block-end: 1px;
68
60
  }
69
61
 
70
62
  .navds-list--small .navds-list__item-marker--icon {
71
- height: var(--a-font-line-height-medium);
63
+ height: var(--a-font-line-height-large);
72
64
  }
73
65
 
74
66
  .navds-list__item-marker--icon svg {
@@ -93,10 +85,10 @@
93
85
  font-weight: var(--a-font-weight-bold);
94
86
  font-size: var(--a-font-size-large);
95
87
  color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
96
- line-height: var(--a-font-line-height-large);
88
+ line-height: var(--a-font-line-height-xlarge);
97
89
  }
98
90
 
99
91
  .navds-list--small ol li::marker {
100
92
  font-size: var(--a-font-size-small);
101
- line-height: var(--a-font-line-height-medium);
93
+ line-height: var(--a-font-line-height-large);
102
94
  }
package/dist/component/list.min.css CHANGED
@@ -1 +1 @@
1
- .navds-list ol,.navds-list ul{margin-block:var(--a-spacing-4);padding:0}.navds-list--nested ol,.navds-list--nested ul{margin-block:var(--a-spacing-2)}.navds-list--small ol,.navds-list--small ul{margin-block:var(--a-spacing-3)}.navds-list li{margin-block-end:var(--a-spacing-4)}.navds-list--nested li,.navds-list--small li{margin-block-end:var(--a-spacing-3)}.navds-list:last-child>ol>li:last-child,.navds-list:last-child>ul>li:last-child{margin-bottom:0}.navds-list ul .navds-list__item{display:grid;gap:var(--a-spacing-3);grid-template-columns:auto 1fr;padding-left:0}.navds-list ul .navds-list__item::marker{content:none}.navds-list ol .navds-list__item-marker--icon{display:flex;grid-column:1/2}.navds-list .navds-list__item-marker--bullet{align-items:center;color:var(--ac-list-marker-ul-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;grid-column:1/2;height:var(--a-font-line-height-large)}.navds-list--small .navds-list__item-marker--bullet{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon{align-items:center;color:var(--ac-list-marker-icon-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;height:var(--a-font-line-height-large);padding-block-end:1px}.navds-list--small .navds-list__item-marker--icon{height:var(--a-font-line-height-medium)}.navds-list__item-marker--icon svg{flex-shrink:0}.navds-list ul .navds-list__item-content{grid-column:2/3}.navds-list ol{list-style:decimal;padding-left:var(--a-spacing-2)}.navds-list ol li{margin-left:var(--a-spacing-2);padding-left:var(--a-spacing-1)}.navds-list ol li::marker{color:var(--ac-list-marker-ol-color,var(--ac-list-marker-color,var(--a-icon-default)));font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);line-height:var(--a-font-line-height-large)}.navds-list--small ol li::marker{font-size:var(--a-font-size-small);line-height:var(--a-font-line-height-medium)}
1
+ .navds-list ol,.navds-list ul{margin-block:var(--a-spacing-4);padding:0}.navds-list--nested ol,.navds-list--nested ul{margin-block:var(--a-spacing-2)}.navds-list--small ol,.navds-list--small ul{margin-block:var(--a-spacing-3)}.navds-list li{margin-block-end:var(--a-spacing-2)}.navds-list:last-child>ol>li:last-child,.navds-list:last-child>ul>li:last-child{margin-bottom:0}.navds-list ul .navds-list__item{display:grid;gap:var(--a-spacing-3);grid-template-columns:auto 1fr;padding-left:0}.navds-list ul .navds-list__item::marker{content:none}.navds-list ol .navds-list__item-marker--icon{display:flex;grid-column:1/2}.navds-list .navds-list__item-marker--bullet{align-items:center;color:var(--ac-list-marker-ul-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;grid-column:1/2;height:var(--a-font-line-height-xlarge)}.navds-list--small .navds-list__item-marker--bullet{height:var(--a-font-line-height-large)}.navds-list__item-marker--icon{align-items:center;color:var(--ac-list-marker-icon-color,var(--ac-list-marker-color,var(--a-icon-default)));display:flex;height:var(--a-font-line-height-xlarge);padding-block-end:1px}.navds-list--small .navds-list__item-marker--icon{height:var(--a-font-line-height-large)}.navds-list__item-marker--icon svg{flex-shrink:0}.navds-list ul .navds-list__item-content{grid-column:2/3}.navds-list ol{list-style:decimal;padding-left:var(--a-spacing-2)}.navds-list ol li{margin-left:var(--a-spacing-2);padding-left:var(--a-spacing-1)}.navds-list ol li::marker{color:var(--ac-list-marker-ol-color,var(--ac-list-marker-color,var(--a-icon-default)));font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);line-height:var(--a-font-line-height-xlarge)}.navds-list--small ol li::marker{font-size:var(--a-font-size-small);line-height:var(--a-font-line-height-large)}
package/dist/component/pagination.css CHANGED
@@ -1,3 +1,7 @@
1
+ .navds-pagination {
2
+ position: relative;
3
+ }
4
+
1
5
  .navds-pagination__list {
2
6
  margin: 0;
3
7
  padding: 0;
package/dist/component/pagination.min.css CHANGED
@@ -1 +1 @@
1
- .navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-inline:var(--a-spacing-1-alt)}.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:var(--a-spacing-05);padding-right:var(--a-spacing-05)}.navds-pagination--invisible{visibility:hidden}
1
+ .navds-pagination{position:relative}.navds-pagination__list{display:flex;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-pagination__ellipsis{align-items:center;cursor:default;display:flex;justify-content:center;width:var(--a-spacing-12)}.navds-pagination--small .navds-pagination__ellipsis{width:var(--a-spacing-8)}.navds-pagination--xsmall .navds-pagination__ellipsis{width:var(--a-spacing-6)}.navds-pagination__item{color:var(--ac-pagination-text,var(--a-text-default))}.navds-pagination--medium .navds-pagination__item{border-radius:var(--a-border-radius-medium)}.navds-pagination__item[aria-current=true]{background-color:var(--ac-pagination-selected-bg,var(--a-surface-action-selected));color:var(--ac-pagination-selected-text,var(--a-text-on-action))}.navds-pagination__item[aria-current=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-pagination__item[aria-current=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-pagination__prev-next{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-inline:var(--a-spacing-1-alt)}.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text){padding-left:var(--a-spacing-05);padding-right:var(--a-spacing-05)}.navds-pagination--invisible{visibility:hidden}