@norges-domstoler/dds-components 17.1.0 → 17.2.1

package/README.md

@@ -54,6 +54,7 @@ Tilgjengelige komponenter:
 - Chip
 - DatePicker
 - DescriptionList
+- DetailList
 - Divider
 - Drawer
 - EmptyContent
@@ -76,6 +77,7 @@ Tilgjengelige komponenter:
 - RadioButton
 - Search
 - Select
+- Skeleton
 - SkipToContent
 - Spinner
 - Stack

package/dist/index.css

@@ -841,10 +841,11 @@
 }
 
 /* src/components/BackLink/BackLink.module.css */
-.BackLink_link {
-  align-items: center;
-  display: flex;
-  gap: var(--dds-spacing-x0-25);
+.BackLink_icon {
+  display: inline;
+  margin: 0.1em 0.25em -0.1em 0.1em;
+  transform: translateY(0.05em);
+  vertical-align: baseline;
 }
 
 /* src/components/Breadcrumbs/Breadcrumbs.module.css */
@@ -1591,6 +1592,54 @@
   margin: var(--dds-spacing-x2);
 }
 
+/* src/components/DetailList/DetailList.module.css */
+.DetailList_list {
+  display: table;
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.DetailList_list--with-dividers {
+  .DetailList_row {
+    border-bottom: 1px solid var(--dds-color-border-default);
+  }
+}
+.DetailList_list--striped {
+  .DetailList_row {
+    &:nth-of-type(even) {
+      background-color: var(--dds-color-surface-default);
+    }
+    &:nth-of-type(odd) {
+      background-color: var(--dds-color-surface-subtle);
+    }
+  }
+}
+.DetailList_list--normal {
+  .DetailList_cell {
+    padding-block: var(--dds-spacing-x1-5);
+    padding-inline: var(--dds-spacing-x0-75);
+  }
+}
+.DetailList_list--compact {
+  .DetailList_cell {
+    padding: var(--dds-spacing-x0-75);
+  }
+}
+.DetailList_list--extra-compact {
+  .DetailList_cell {
+    padding: var(--dds-spacing-x0-5);
+  }
+}
+.DetailList_row {
+  display: table-row;
+}
+.DetailList_cell {
+  display: table-cell;
+}
+.DetailList_term {
+  font-weight: var(--dds-font-weight-bold);
+}
+
 /* src/components/Drawer/Drawer.module.css */
 .Drawer_container {
   --dds-drawer-content-container-padding: var(--dds-spacing-x0-25);