fix: use canary tag for publishing

package.json

@@ -27,7 +27,7 @@
         "cypress:open": "ELECTRON_EXTRA_LAUNCH_ARGS=\"--force-prefers-reduced-motion\" cypress open --project .",
         "cypress:dev": "cypress open --project . --config baseUrl=http://localhost:8000",
         "release": "pnpm build && lerna publish --conventional-graduate",
-        "release:alpha": "pnpm build && lerna publish --conventional-prerelease --no-git-tag-version --no-changelog --no-private",
+        "release:alpha": "pnpm build && lerna publish --conventional-prerelease --no-git-tag-version --no-changelog --no-private --dist-tag canary",
         "release-gh": "lerna publish from-package",
         "dev": "pnpm --filter \"@fremtind/portal\" dev",
         "start": "pnpm dev",

packages/accordion-react/src/Accordion.tsx

@@ -8,15 +8,13 @@ export interface AccordionProps extends WithChildren {
     id?: string;
 }
 
-export const Accordion: FC<AccordionProps> = ({ className, density, id, ...rest }) => {
-    return (
-        <section
-            role="group"
-            data-testid="jkl-accordion"
-            className={cn("jkl-accordion", className)}
-            data-density={density}
-            id={id}
-            {...rest}
-        />
-    );
-};
+export const Accordion: FC<AccordionProps> = ({ className, density, id, ...rest }) => (
+    <section
+        role="group"
+        data-testid="jkl-accordion"
+        className={cn("jkl-accordion", className)}
+        data-density={density}
+        id={id}
+        {...rest}
+    />
+);

packages/accordion/accordion.scss

@@ -2,17 +2,17 @@
 @use "@fremtind/jkl-core/jkl";
 
 @include jkl.light-mode-variables {
-    --jkl-accordion-expanded-background: #{jkl.$color-hvit};
     --jkl-accordion-border: #{jkl.$color-svaberg};
     --jkl-accordion-focus: #{jkl.$color-focus-color};
     --jkl-accordion-hover: #{jkl.$color-stein};
+    --jkl-accordion-expanded-background: #{jkl.$color-hvit};
 }
 
 @include jkl.dark-mode-variables {
-    --jkl-accordion-expanded-background: #{jkl.$color-skifer};
     --jkl-accordion-border: #{jkl.$color-stein};
     --jkl-accordion-focus: #{jkl.$color-focus-color--darkbg};
     --jkl-accordion-hover: #{jkl.$color-svaberg};
+    --jkl-accordion-expanded-background: #{jkl.$color-skifer};
 }
 
 @include jkl.comfortable-density-variables {