feat: add padding to data-list item

Yolijn · Yolijn · commit 89cc6e2601b8 · 2023-11-15T16:37:36.000+01:00
diff --git a/components/data-list/css/_mixin.scss b/components/data-list/css/_mixin.scss
@@ -74,6 +74,8 @@
   grid-auto-columns: 1fr;
   grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
   margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
+  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
+  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
   row-gap: 0;
 }
 
diff --git a/components/data-list/tokens.json b/components/data-list/tokens.json
@@ -78,6 +78,22 @@
                 "inherits": true
               }
             }
+          },
+          "padding-block-end": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              }
+            }
+          },
+          "padding-block-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              }
+            }
           }
         },
         "item-value": {

Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,8 @@`
`74`	`74`	`grid-auto-columns: 1fr;`
`75`	`75`	`grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));`
`76`	`76`	`margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);`
	`77`	`+ padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);`
	`78`	`+ padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);`
`77`	`79`	`row-gap: 0;`
`78`	`80`	`}`
`79`	`81`