Fix ActionMenu and some doc variables

Author: thokra-nav

packages/ds-svelte-community/src/doclib/Renderer.svelte

@@ -123,7 +123,7 @@
 <style>
 	.preview {
 		background-color: var(--ax-bg-default, var(--a-surface-default));
-		border: 1px solid var(--ax-border-default, var(--a-border-default));
+		border: 1px solid var(--ax-border-neutral, var(--a-border-default));
 		border-radius: var(--ax-border-radius-medium, var(--a-border-radius-medium));
 		min-height: 250px;
 		position: relative;
@@ -178,7 +178,7 @@
 		bottom: -1px;
 		right: -1px;
 		font-size: var(--ax-font-size-small, var(--a-font-size-small));
-		border: 1px solid var(--ax-border-default, var(--a-border-default));
+		border: 1px solid var(--ax-border-neutral, var(--a-border-default));
 		border-radius: 0;
 		border-top-left-radius: var(--ax-border-radius-medium, var(--a-border-radius-medium));
 		padding: 0.2rem 0.5rem;

packages/ds-svelte-community/src/lib/components/ActionMenu/ActionMenu.svelte

@@ -103,6 +103,7 @@ ActionMenu is a dropdown menu for actions and navigation. Often used to collect
 	.navds-action-menu__content {
 		margin: 0;
 		border: 0;
+		padding: 0;
 		outline: none;
 	}
 

packages/ds-svelte-community/src/lib/components/ActionMenu/ActionMenuCheckboxItem.svelte

@@ -50,7 +50,7 @@
 						width="24"
 						height="24"
 						rx="4"
-						fill="var(--ax-border-default, var(--a-border-default))"
+						fill="var(--ax-border-neutral, var(--a-border-default))"
 					></rect><rect
 						x="1"
 						y="1"
@@ -109,8 +109,8 @@
 
 		.navds-action-menu__item:hover {
 			outline: none;
-			background-color: var(--a-surface-action-subtle-hover);
-			color: var(--a-text-default);
+			background-color: var(--ax-bg-accent-moderate-hoverA, var(--a-surface-action-subtle-hover));
+			color: var(--ax-text-neutral, var(--a-text-default));
 		}
 	}
 </style>

packages/ds-svelte-community/src/lib/components/ActionMenu/ActionMenuItem.svelte

@@ -74,8 +74,8 @@
 
 		.navds-action-menu__item:hover {
 			outline: none;
-			background-color: var(--a-surface-action-subtle-hover);
-			color: var(--a-text-default);
+			background-color: var(--ax-bg-accent-moderate-hoverA, var(--a-surface-action-subtle-hover));
+			color: var(--ax-text-neutral, var(--a-text-default));
 		}
 	}
 </style>

packages/ds-svelte-community/src/lib/components/ActionMenu/ActionMenuRadioItem.svelte

@@ -55,7 +55,7 @@
 						width="24"
 						height="24"
 						rx="12"
-						fill="var(--ax-border-default, var(--a-border-default))"
+						fill="var(--ax-border-neutral, var(--a-border-default))"
 					></rect><rect
 						x="1"
 						y="1"
@@ -122,8 +122,8 @@
 
 		.navds-action-menu__item:hover {
 			outline: none;
-			background-color: var(--a-surface-action-subtle-hover);
-			color: var(--a-text-default);
+			background-color: var(--ax-bg-accent-moderate-hoverA, var(--a-surface-action-subtle-hover));
+			color: var(--ax-text-neutral, var(--a-text-default));
 		}
 	}
 </style>

packages/ds-svelte-community/src/lib/components/ActionMenu/ActionMenuSub.svelte

@@ -84,14 +84,15 @@
 
 		&:hover {
 			outline: none;
-			background-color: var(--a-surface-action-subtle-hover);
-			color: var(--a-text-default);
+			background-color: var(--ax-bg-accent-moderate-hoverA, var(--a-surface-action-subtle-hover));
+			color: var(--ax-text-neutral, var(--a-text-default));
 		}
 	}
 
 	.navds-action-menu__content {
 		margin: 0;
 		border: 0;
+		padding: 0;
 		outline: none;
 		pointer-events: auto;
 		position-area: right span-bottom;

packages/ds-svelte-community/src/lib/css/a.darkside.css

@@ -2,7 +2,7 @@ a:not(.unstyled) {
 	color: var(--ax-text-accent);
 	display: inline-flex;
 	align-items: center;
-	gap: var(--ax-spacing-05);
+	gap: var(--ax-space-20);
 	text-decoration: underline;
 	text-underline-offset: 0.1em;
 	text-decoration-thickness: 0.05em;