Version Packages (#1876)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/aksel-icons
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/aksel-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-icons",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/ikoner",
   "repository": {
@@ -53,9 +53,9 @@
     "create-icons": "svgr --silent --index-template config/index-template.js --out-dir src icons",
     "copy-util": "copyfiles util/* src",
     "copy-svg": "copyfiles -f icons/*.svg dist/svg/",
+    "copy": "yarn copy-util && yarn copy-svg",
     "update-metadata": "node config/metadata.js",
-    "build": "yarn copy-util && yarn copy-svg && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata",
-    "build:old": "copyfiles util/* src && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node cleanTypes.js && yarn create-package-json-pointers-to-esm",
+    "build": "yarn copy && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
     "fetch-new:icons": "node config/figma/index.mjs",
     "zip:icons": "node config/zip.js"

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-codemod
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Aksel codemods for NAVs designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",

@navikt/community/navno/package.json

@@ -39,8 +39,8 @@
     "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.8.0",
-    "@navikt/ds-react": "^2.8.0",
+    "@navikt/ds-icons": "^2.8.3",
+    "@navikt/ds-react": "^2.8.3",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @navikt/ds-css
 
+## 2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- [#1870](https://github.com/navikt/aksel/pull/1870) [`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert typografi for ExpansioCard
+
+## 2.8.1
+
 ## 2.8.0
 
 ### Minor Changes

@navikt/core/css/expansioncard.css

@@ -52,6 +52,7 @@
   border-bottom-right-radius: 0;
   border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
   border-bottom: none;
+  background-color: var(--ac-expansioncard-header-open-bg, var(--a-surface-transparent));
 }
 
 .navds-expansioncard--open > :where(.navds-expansioncard__header):hover {

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "CSS for NAV Designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -20,7 +20,7 @@
     "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^2.8.0",
+    "@navikt/ds-tokens": "^2.8.3",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^9.0.0",

@navikt/core/css/tokens.json

@@ -110,6 +110,7 @@
     "--ac-expansioncard-bg": "--a-surface-default",
     "--ac-expansioncard-header-bg": "--a-surface-transparent",
     "--ac-expansioncard-header-bg-hover": "--a-surface-hover",
+    "--ac-expansioncard-header-open-bg": "--a-surface-transparent",
     "--ac-expansioncard-border-color": "--a-border-default",
     "--ac-expansioncard-border-open-color": "--a-border-default",
     "--ac-expansioncard-border-radius": "--a-border-radius-large",

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @navikt/ds-react
 
+## 2.8.3
+
+### Patch Changes
+
+- [#1875](https://github.com/navikt/aksel/pull/1875) [`f862aa9c2`](https://github.com/navikt/aksel/commit/f862aa9c2ec71ffdb295708dc6dad6b77af9519e) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Textarea har oppdatert counter-tekst + mulighet for lokalisering
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.3
+  - @navikt/ds-icons@2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- [#1870](https://github.com/navikt/aksel/pull/1870) [`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert typografi for ExpansioCard
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.2
+  - @navikt/ds-icons@2.8.2
+
+## 2.8.1
+
+### Patch Changes
+
+- [`1276b4d7e`](https://github.com/navikt/aksel/commit/1276b4d7efd831d20345292dbb21a11d100a0ddd) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Endret default title-size til medium for ExpansionCard
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.1
+  - @navikt/ds-icons@2.8.1
+
 ## 2.8.0
 
 ### Minor Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,8 +37,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/aksel-icons": "^2.8.0",
-    "@navikt/ds-icons": "^2.8.0",
+    "@navikt/aksel-icons": "^2.8.3",
+    "@navikt/ds-icons": "^2.8.3",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

@navikt/core/react/src/expansion-card/ExpansionCard.tsx

@@ -55,11 +55,13 @@ export interface ExpansionCardProps
 export type ExpansionCardContextProps = {
   open: boolean;
   toggleOpen: () => void;
+  size: "medium" | "small";
 };
 
 export const ExpansionCardContext = createContext<ExpansionCardContextProps>({
   open: false,
   toggleOpen: () => {},
+  size: "medium",
 });
 
 export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
@@ -91,7 +93,7 @@ export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
 
     return (
       <ExpansionCardContext.Provider
-        value={{ open: open ?? _open, toggleOpen: handleOpen }}
+        value={{ open: open ?? _open, toggleOpen: handleOpen, size }}
       >
         <section
           {...rest}

@navikt/core/react/src/expansion-card/ExpansionCardContent.tsx

@@ -32,6 +32,7 @@ const ExpansionCardContent: ExpansionCardContentType = forwardRef(
           "navds-expansioncard__content--closed": !panelContext.open,
         })}
         aria-hidden={!panelContext.open}
+        size={panelContext.size}
       >
         <div className="navds-expansioncard__content-inner">{children}</div>
       </BodyLong>

@navikt/core/react/src/expansion-card/ExpansionCardDescription.tsx

@@ -1,6 +1,7 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useContext } from "react";
 import cl from "clsx";
 import { BodyLong } from "../typography/BodyLong";
+import { ExpansionCardContext } from "./ExpansionCard";
 
 interface ExpansionCardDescriptionProps
   extends React.HTMLAttributes<HTMLParagraphElement> {
@@ -12,11 +13,23 @@ export type ExpansionCardDescriptionType = React.ForwardRefExoticComponent<
 >;
 
 export const ExpansionCardDescription: ExpansionCardDescriptionType =
-  forwardRef(({ className, ...rest }, ref) => (
-    <BodyLong
-      {...rest}
-      as="p"
-      ref={ref}
-      className={cl("navds-link-panel__description", className)}
-    />
-  ));
+  forwardRef(({ className, ...rest }, ref) => {
+    const panelContext = useContext(ExpansionCardContext);
+
+    if (panelContext === null) {
+      console.error(
+        "<ExpansionCard.Header> has to be used within an <ExpansionCard>"
+      );
+      return null;
+    }
+
+    return (
+      <BodyLong
+        {...rest}
+        as="p"
+        ref={ref}
+        className={cl("navds-link-panel__description", className)}
+        size={panelContext.size}
+      />
+    );
+  });

@navikt/core/react/src/expansion-card/ExpansionCardTitle.tsx

@@ -7,7 +7,7 @@ interface ExpansionCardTitleProps
   children: React.ReactNode;
   /**
    * Changes text-sizing
-   * @default small
+   * @default medium
    */
   size?: "large" | "medium" | "small";
 }
@@ -18,7 +18,7 @@ export type ExpansionCardTitleType = OverridableComponent<
 >;
 
 export const ExpansionCardTitle: ExpansionCardTitleType = forwardRef(
-  ({ className, as: Component = "h3", size = "small", ...rest }, ref) => (
+  ({ className, as: Component = "h3", size = "medium", ...rest }, ref) => (
     <Component
       {...rest}
       ref={ref}

@navikt/core/react/src/form/Textarea.tsx

@@ -45,6 +45,15 @@ export interface TextareaProps
    * Enables resizing of field
    */
   resize?: boolean;
+  /**
+   * i18n-translations for counter-text
+   */
+  i18n?: {
+    /** @default Antall tegn igjen */
+    counterLeft?: string;
+    /** @default tegn for mye */
+    counterTooMuch?: string;
+  };
 }
 
 export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
@@ -65,6 +74,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
       maxLength,
       hideLabel = false,
       resize,
+      i18n,
       ...rest
     } = props;
 
@@ -166,6 +176,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
                 maxLength={maxLength}
                 currentLength={props.value?.length ?? controlledValue?.length}
                 size={size}
+                i18n={i18n}
               />
             </>
           )}
@@ -185,7 +196,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
   }
 );
 
-export const Counter = ({ maxLength, currentLength, size }) => {
+export const Counter = ({ maxLength, currentLength, size, i18n }) => {
   const difference = maxLength - currentLength;
 
   return (
@@ -197,8 +208,8 @@ export const Counter = ({ maxLength, currentLength, size }) => {
       size={size}
     >
       {difference < 0
-        ? `Antall tegn for mye ${Math.abs(difference)}`
-        : `Antall tegn igjen ${difference}`}
+        ? `${Math.abs(difference)} ${i18n?.counterLeft ?? "tegn for mye"}`
+        : `${difference} ${i18n?.counterTooMuch ?? "tegn igjen"}`}
     </BodyShort>
   );
 };

@navikt/core/react/src/popover/PopoverContent.tsx

@@ -3,9 +3,6 @@ import cl from "clsx";
 
 export interface PopoverContentProps
   extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Modal.Content content
-   */
   children: React.ReactNode;
 }
 

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-tailwind
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Tailwind config based on @navikt/ds-tokens",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -22,7 +22,7 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^2.8.0",
+    "@navikt/ds-tokens": "^2.8.3",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-tokens
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/core/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-icons
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Aksel icons for NAV",
   "author": "Aksel | NAV designsystem team",
   "repository": {

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-css-internal
 
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
 ## 2.8.0
 
 ## 2.7.8

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "CSS for NAV internal Designsystem-components",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @navikt/ds-react-internal
 
+## 2.8.3
+
+### Patch Changes
+
+- Updated dependencies [[`f862aa9c2`](https://github.com/navikt/aksel/commit/f862aa9c2ec71ffdb295708dc6dad6b77af9519e)]:
+  - @navikt/ds-react@2.8.3
+  - @navikt/ds-icons@2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- Updated dependencies [[`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958)]:
+  - @navikt/ds-react@2.8.2
+  - @navikt/ds-icons@2.8.2
+
+## 2.8.1
+
+### Patch Changes
+
+- Updated dependencies [[`1276b4d7e`](https://github.com/navikt/aksel/commit/1276b4d7efd831d20345292dbb21a11d100a0ddd)]:
+  - @navikt/ds-react@2.8.1
+  - @navikt/ds-icons@2.8.1
+
 ## 2.8.0
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "2.8.0",
+  "version": "2.8.3",
   "description": "Aksel react components for internal UIs in NAV",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "watch": "tsc --watch -p tsconfig.esm.json"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.8.0",
-    "@navikt/ds-react": "^2.8.0",
+    "@navikt/ds-icons": "^2.8.3",
+    "@navikt/ds-react": "^2.8.3",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

aksel.nav.no/package.json

@@ -15,15 +15,15 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/aksel-icons": "^2.8.0",
-    "@navikt/ds-codemod": "^2.8.0",
-    "@navikt/ds-css": "^2.8.0",
-    "@navikt/ds-css-internal": "^2.8.0",
-    "@navikt/ds-icons": "^2.8.0",
-    "@navikt/ds-react": "^2.8.0",
-    "@navikt/ds-react-internal": "^2.8.0",
-    "@navikt/ds-tailwind": "^2.8.0",
-    "@navikt/ds-tokens": "^2.8.0"
+    "@navikt/aksel-icons": "^2.8.3",
+    "@navikt/ds-codemod": "^2.8.3",
+    "@navikt/ds-css": "^2.8.3",
+    "@navikt/ds-css-internal": "^2.8.3",
+    "@navikt/ds-icons": "^2.8.3",
+    "@navikt/ds-react": "^2.8.3",
+    "@navikt/ds-react-internal": "^2.8.3",
+    "@navikt/ds-tailwind": "^2.8.3",
+    "@navikt/ds-tokens": "^2.8.3"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.2.3"

aksel.nav.no/website/components/SanityBlockContent.tsx

@@ -3,6 +3,7 @@ import { BodyLong, Detail, Heading, Ingress, Link } from "@navikt/ds-react";
 import BlockContent from "@sanity/block-content-to-react";
 import cl from "clsx";
 import InnholdsKort from "components/sanity-modules/cards/InnholdsKort";
+import ExpansionCard from "components/sanity-modules/ExpansionCard";
 import NextLink from "next/link";
 import React, { createContext, useContext } from "react";
 import {
@@ -49,6 +50,7 @@ const serializers = {
     do_dont: ({ node }) => <DoDont node={node} />,
     bilde: ({ node }) => <Bilde node={node} />,
     alert: ({ node }) => <Alert node={node} />,
+    expansioncard: ({ node }) => <ExpansionCard node={node} />,
     kode: ({ node }) => <Kode node={node} />,
     tabell_v2: ({ node }) => <Tabell node={node} />,
     accordion: ({ node }) => <Accordion node={node} />,

aksel.nav.no/website/components/sanity-modules/ExpansionCard.tsx

@@ -0,0 +1,41 @@
+import { SanityBlockContent } from "@/sanity-block";
+import { ExpansionCard as DsExpansionCard } from "@navikt/ds-react";
+import { withErrorBoundary } from "@/error-boundary";
+
+const ExpansionCard = ({
+  node,
+}: {
+  node: {
+    heading: string;
+    heading_level: "h3" | "h4";
+    description?: string;
+    body: any[];
+  };
+}): JSX.Element => {
+  if (!node.heading || !node.body || !node.heading_level) {
+    return null;
+  }
+
+  return (
+    <DsExpansionCard className="mb-7 max-w-2xl" aria-label={node.heading}>
+      <DsExpansionCard.Header>
+        <DsExpansionCard.Title
+          as={node.heading_level}
+          size={node.heading_level === "h3" ? "medium" : "small"}
+        >
+          {node.heading}
+        </DsExpansionCard.Title>
+        {node?.description && (
+          <DsExpansionCard.Description>
+            {node.description}
+          </DsExpansionCard.Description>
+        )}
+      </DsExpansionCard.Header>
+      <DsExpansionCard.Content>
+        <SanityBlockContent blocks={node.body} noLastMargin />
+      </DsExpansionCard.Content>
+    </DsExpansionCard>
+  );
+};
+
+export default withErrorBoundary(ExpansionCard, "ExpansionCard");

aksel.nav.no/website/lib/sanity/queries.js

@@ -90,6 +90,13 @@ const defaultBlock = `
       ${markDef}
     }
  },
+ _type == "expansioncard" =>{
+    ...,
+    body[]{
+      ...,
+      ${markDef}
+    }
+ },
  _type == "kode" =>{
     ...,
     "ref": ref->{...},

aksel.nav.no/website/sanity/schema/index.ts

@@ -52,6 +52,7 @@ export const schema: SchemaPluginOptions = {
     object.Video,
     object.Accordion,
     object.Alert,
+    object.ExpansionCard,
     object.Tips,
     object.UnikSidemodul,
 

aksel.nav.no/website/sanity/schema/objects/index.ts

@@ -9,6 +9,7 @@ export * from "./shared/accordion";
 export * from "./shared/alert";
 export * from "./shared/bilde";
 export * from "./shared/dodont";
+export * from "./shared/expansion-card";
 export * from "./shared/kode";
 export * from "./shared/relatert-innhold";
 export * from "./shared/riktekst";

aksel.nav.no/website/sanity/schema/objects/shared/accordion.tsx

@@ -6,6 +6,8 @@ import { defineField, defineType } from "sanity";
 export const Accordion = defineType({
   name: "accordion",
   title: "Accordion",
+  description:
+    "Accordion brukes hvis man har flere seksjoner man ønsker å skjule. Bruke ExpansionCard om du bare skal vise en seksjon",
   type: "object",
   icon: StackCompactIcon,
   fields: [
@@ -37,7 +39,11 @@ export const Accordion = defineType({
         },
       ],
       validation: (Rule) =>
-        Rule.required().min(1).error("Accordion modul må ha minst 1 element"),
+        Rule.required()
+          .min(2)
+          .error(
+            "Accordion modul må ha minst 2 elementer. Bruk ExpansionCard om du bare trenger 1"
+          ),
     }),
   ],
   components: {

aksel.nav.no/website/sanity/schema/objects/shared/expansion-card.tsx

@@ -0,0 +1,60 @@
+import { ChevronDownIcon } from "@navikt/aksel-icons";
+import { defineField, defineType } from "sanity";
+
+export const ExpansionCard = defineType({
+  name: "expansioncard",
+  title: "ExpansionCard",
+  description:
+    "ExpansionCard brukes hvis man har en seksjon man ønsker å skjule. Bruke Accordion om du trenger flere seksjoner etter hverandre",
+  type: "object",
+  icon: ChevronDownIcon,
+  fields: [
+    defineField({
+      title: "Heading",
+      name: "heading",
+      type: "string",
+      validation: (Rule) =>
+        Rule.required().error("ExpansionCard må ha en heading"),
+    }),
+    defineField({
+      title: "Heading nivå",
+      name: "heading_level",
+      description: "ExpansionCard kan ikke brukes som h2",
+      type: "string",
+      validation: (Rule) => Rule.required(),
+      options: {
+        list: [
+          { value: "h3", title: "H3" },
+          { value: "h4", title: "H4" },
+        ],
+        layout: "radio",
+      },
+      initialValue: "h3",
+    }),
+    defineField({
+      title: "Description (valgfritt)",
+      name: "description",
+      type: "string",
+    }),
+    defineField({
+      title: "Innhold",
+      name: "body",
+      type: "riktekst_enkel",
+      validation: (Rule) =>
+        Rule.required().error("ExpansionCard må ha innhold"),
+    }),
+  ],
+  preview: {
+    select: {
+      body: "body",
+      heading: "heading",
+    },
+    prepare(selection) {
+      return {
+        title: selection?.heading,
+        subtitle: `ExpansionCard`,
+        media: ChevronDownIcon,
+      };
+    },
+  },
+});

aksel.nav.no/website/sanity/schema/objects/shared/riktekst.tsx

@@ -133,6 +133,7 @@ const Riktekst = (
     "do_dont",
     "alert",
     "accordion",
+    "expansioncard",
     "tabell_v2",
     "video",
   ];

examples/shadow-dom/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@navikt/ds-css": "2.8.0",
-    "@navikt/ds-react": "2.8.0",
+    "@navikt/ds-css": "2.8.3",
+    "@navikt/ds-react": "2.8.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

package.json

@@ -7,7 +7,8 @@
     "postinstall": "husky install",
     "boot": "yarn workspaces foreach -v -pA --topological-dev --no-private run build",
     "clean": "node scripts/clean.js && yarn workspace @navikt/ds-codemod clean",
-    "storybook": "concurrently \"yarn watch:tw\" \"cross-env STORYBOOK_STORIES=all storybook dev -p 6006\"",
+    "storybook": "storybook dev -p 6006",
+    "storybook:aksel": "concurrently \"yarn watch:tw\" \"cross-env STORYBOOK_STORIES=all storybook dev -p 6006\"",
     "dev": "yarn workspace aksel.nav.no dev",
     "docgen": "yarn workspaces foreach -p run docgen",
     "chromatic": "npx chromatic --project-token x3xqdfgkujg --build-script-name build:storybook",
@@ -191,15 +192,15 @@
   "devDependencies": {
     "@changesets/changelog-github": "0.4.7",
     "@changesets/cli": "2.25.0",
-    "@storybook/addon-a11y": "7.0.0-beta.54",
-    "@storybook/addon-actions": "7.0.0-beta.54",
-    "@storybook/addon-essentials": "7.0.0-beta.54",
-    "@storybook/addon-storysource": "7.0.0-beta.54",
-    "@storybook/addons": "7.0.0-beta.54",
-    "@storybook/csf-tools": "7.0.0-beta.54",
-    "@storybook/react": "7.0.0-beta.54",
-    "@storybook/react-vite": "7.0.0-beta.54",
-    "@storybook/theming": "7.0.0-beta.54",
+    "@storybook/addon-a11y": "7.0.0-rc.5",
+    "@storybook/addon-actions": "7.0.0-rc.5",
+    "@storybook/addon-essentials": "7.0.0-rc.5",
+    "@storybook/addon-storysource": "7.0.0-rc.5",
+    "@storybook/addons": "7.0.0-rc.5",
+    "@storybook/csf-tools": "7.0.0-rc.5",
+    "@storybook/react": "7.0.0-rc.5",
+    "@storybook/react-vite": "7.0.0-rc.5",
+    "@storybook/theming": "7.0.0-rc.5",
     "@typescript-eslint/parser": "^5.41.0",
     "@whitespace/storybook-addon-html": "^5.0.3",
     "chromatic": "6.5.4",
@@ -220,7 +221,7 @@
     "react": "^18.0.0",
     "react-docgen-typescript": "2.2.2",
     "react-dom": "^18.0.0",
-    "storybook": "7.0.0-beta.54",
+    "storybook": "7.0.0-rc.5",
     "storybook-addon-next-router": "^4.0.2",
     "stylelint": "^14.8.5",
     "stylelint-config-prettier": "^9.0.3",