feat: legg til bold som egen klasse

Vi har uoffisielt hatt støtte for det med no-grow-bold mixin,
brukt i blant annet Accordion, lenker (ved fokus), faner (aktiv)
og autosuggest (valgt element). Nå også i expand. Gjør det
offisielt støtta med en egen klasse, og dokumenter den i typografi.

packages/core/paragraphs.scss

@@ -8,6 +8,18 @@
     }
 }
 
+.jkl-bold {
+    @include mixins.text-style("body") {
+        @include mixins.helper-no-grow-bold;
+    }
+
+    *[data-compactlayout] & {
+        @include mixins.text-style("body/small-screen") {
+            @include mixins.helper-no-grow-bold;
+        }
+    }
+}
+
 .jkl-small {
     @include mixins.text-style("small");
 

portal/src/components/Documentation/Typography/TypograhyTable/ExampleRow.tsx

@@ -10,11 +10,13 @@ export type TypographyLevels =
     | "Heading 4"
     | "Heading 5"
     | "Body"
+    | "Bold"
     | "Small";
 
 interface Props {
     level: TypographyLevels;
 }
+
 export const ExampleRow: React.FC<Props> = ({ level }) => {
     const [fontWeight, setFontWeight] = useState("N/A");
     const [fontSize, setFontSize] = useState("N/A");

portal/src/components/Documentation/Typography/TypograhyTable/index.tsx

@@ -1,6 +1,5 @@
 import React, { VFC, useState } from "react";
 import { ToggleSwitch } from "@fremtind/jkl-toggle-switch-react";
-
 import "./TypographyTable.scss";
 import { TableHeader } from "./TableHeader";
 import { ExampleRow, TypographyLevels } from "./ExampleRow";
@@ -13,6 +12,7 @@ const levels: TypographyLevels[] = [
     "Heading 4",
     "Heading 5",
     "Body",
+    "Bold",
     "Small",
 ];