@norges-domstoler/dds-components 17.1.0 → 17.2.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.
package/README.md CHANGED
@@ -54,6 +54,7 @@ Tilgjengelige komponenter:
54
54
  - Chip
55
55
  - DatePicker
56
56
  - DescriptionList
57
+ - DetailList
57
58
  - Divider
58
59
  - Drawer
59
60
  - EmptyContent
@@ -76,6 +77,7 @@ Tilgjengelige komponenter:
76
77
  - RadioButton
77
78
  - Search
78
79
  - Select
80
+ - Skeleton
79
81
  - SkipToContent
80
82
  - Spinner
81
83
  - Stack
package/dist/index.css CHANGED
@@ -1591,6 +1591,54 @@
1591
1591
  margin: var(--dds-spacing-x2);
1592
1592
  }
1593
1593
 
1594
+ /* src/components/DetailList/DetailList.module.css */
1595
+ .DetailList_list {
1596
+ display: table;
1597
+ width: 100%;
1598
+ border-spacing: 0;
1599
+ border-collapse: collapse;
1600
+ }
1601
+ .DetailList_list--with-dividers {
1602
+ .DetailList_row {
1603
+ border-bottom: 1px solid var(--dds-color-border-default);
1604
+ }
1605
+ }
1606
+ .DetailList_list--striped {
1607
+ .DetailList_row {
1608
+ &:nth-of-type(even) {
1609
+ background-color: var(--dds-color-surface-default);
1610
+ }
1611
+ &:nth-of-type(odd) {
1612
+ background-color: var(--dds-color-surface-subtle);
1613
+ }
1614
+ }
1615
+ }
1616
+ .DetailList_list--normal {
1617
+ .DetailList_cell {
1618
+ padding-block: var(--dds-spacing-x1-5);
1619
+ padding-inline: var(--dds-spacing-x0-75);
1620
+ }
1621
+ }
1622
+ .DetailList_list--compact {
1623
+ .DetailList_cell {
1624
+ padding: var(--dds-spacing-x0-75);
1625
+ }
1626
+ }
1627
+ .DetailList_list--extra-compact {
1628
+ .DetailList_cell {
1629
+ padding: var(--dds-spacing-x0-5);
1630
+ }
1631
+ }
1632
+ .DetailList_row {
1633
+ display: table-row;
1634
+ }
1635
+ .DetailList_cell {
1636
+ display: table-cell;
1637
+ }
1638
+ .DetailList_term {
1639
+ font-weight: var(--dds-font-weight-bold);
1640
+ }
1641
+
1594
1642
  /* src/components/Drawer/Drawer.module.css */
1595
1643
  .Drawer_container {
1596
1644
  --dds-drawer-content-container-padding: var(--dds-spacing-x0-25);