fix: remove row-gap

nl-design-system · Oct 9, 2024 · 9637521 · 9637521
1 parent b6d28bb
commit 9637521
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/packages/components-css/navigation-list/_mixin.scss b/packages/components-css/navigation-list/_mixin.scss
@@ -8,19 +8,18 @@
   list-style: none;
   margin-block: 0;
   padding-inline: 0;
-  row-gap: var(--rhc-navigation-list-row-gap, var(--rhc-space-100));
   &:last-child {
-    border-block-end-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
-    border-block-end-style: solid;
-    border-block-end-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
+    border-block-start-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
+    border-block-start-style: solid;
+    border-block-start-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
   }
 }
 @mixin rhc-navigation-list__item {
   align-items: center;
   background-color: var(--rhc-navigation-list-item-background-color, var(--rhc-color-canvas));
-  border-block-start-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
-  border-block-start-style: solid;
-  border-block-start-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
+  border-block-end-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
+  border-block-end-style: solid;
+  border-block-end-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
   color: var(--rhc-navigation-list-item-color, var(--rhc-color-foreground-subdued));
   column-gap: var(--rhc-navigation-list-item-column-gap, var(--rhc-space-100));
   display: flex;

diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json
@@ -4088,10 +4088,6 @@
   "components/navigation-list": {
     "rhc": {
       "navigation-list": {
-        "row-gap": {
-          "value": "{rhc.space.100}",
-          "type": "size"
-        },
         "icon": {
           "background-color": {
             "value": "{rhc.color.foreground.lint}",