frontend/src/components/Choicebox/Choicebox.tsx

@@ -57,7 +57,9 @@ export default function Choicebox({
   ...props
 }: ChoiceboxProps) {
   const isDisabled = unavailable || disabled;
-  const textColorClass = unavailable ? "text-base-ink-placeholder" : "text-primary";
+  const textColorClass = unavailable
+    ? "text-base-ink-placeholder"
+    : "text-primary";
 
   return (
     <label

frontend/src/studentportalen/ComponentLibrary/Sidebar.tsx

@@ -1,21 +1,9 @@
 import clsx from "clsx";
 import Button from "../../components/Button/Button";
-
-export const componentCategories = [
-  "Button",
-  "TextInput",
-  "Dropdown",
-  "ListItem",
-  "SearchResultList",
-  "Combobox",
-  "ListCard",
-  "ParticipantPicker",
-  "InlineModal",
-  "Choicebox",
-  "StartTimeGrid",
-] as const;
-
-export type ComponentCategory = (typeof componentCategories)[number];
+import {
+  componentCategories,
+  type ComponentCategory,
+} from "./componentCategories";
 
 interface SidebarProps {
   selectedCategory: ComponentCategory;

frontend/src/studentportalen/ComponentLibrary/componentCategories.ts

@@ -0,0 +1,15 @@
+export const componentCategories = [
+  "Button",
+  "TextInput",
+  "Dropdown",
+  "ListItem",
+  "SearchResultList",
+  "Combobox",
+  "ListCard",
+  "ParticipantPicker",
+  "InlineModal",
+  "Choicebox",
+  "StartTimeGrid",
+] as const;
+
+export type ComponentCategory = (typeof componentCategories)[number];

frontend/src/studentportalen/layout.css

@@ -7,4 +7,4 @@ main {
   max-width: var(--max-page-width);
   margin: 0 auto;
   padding: 0 1em;
-}
+}