@ndla/ui 50.13.2 → 50.13.3

package/lib/Search/ContentTypeResultStyles.d.ts

@@ -15,31 +15,31 @@ type inMenuProps = {
 };
 export declare const StyledNoHit: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & inMenuProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const showAllButtonStyle: import("@emotion/utils").SerializedStyles;
 export declare const tooltipStyle: import("@emotion/utils").SerializedStyles;
 export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 type StyledListItemProps = {
     delayAnimation?: boolean;
 };
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & StyledListItemProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const StyledList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & inMenuProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const StyledTag: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export {};

package/lib/SearchTypeResult/ActiveFilterContent.d.ts

@@ -8,7 +8,7 @@
 /// <reference types="react" />
 export declare const StyledActiveFilterTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export type FilterProps = {
     value: string;

package/lib/TagSelector/MenuList.d.ts

@@ -10,7 +10,7 @@ import { MenuListProps } from "react-select";
 import { TagType } from "./types";
 export declare const StyledMenuList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const MenuList: ({ innerProps, innerRef, children }: MenuListProps<TagType, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default MenuList;

package/lib/TagSelector/ValueButton.d.ts

@@ -13,7 +13,7 @@ interface StyledProps {
 }
 export declare const StyledValueButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & StyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const ValueButton: ({ innerProps, children, removeProps, isFocused }: MultiValueProps<TagType, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ValueButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.13.2",
+  "version": "50.13.3",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,23 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.37",
-    "@ndla/button": "^12.0.40",
-    "@ndla/carousel": "^4.0.38",
-    "@ndla/core": "^4.5.2",
-    "@ndla/dropdown-menu": "^1.0.33",
-    "@ndla/forms": "^7.0.10",
+    "@ndla/accordion": "^3.0.38",
+    "@ndla/button": "^12.0.41",
+    "@ndla/carousel": "^4.0.39",
+    "@ndla/core": "^4.5.3",
+    "@ndla/dropdown-menu": "^1.0.34",
+    "@ndla/forms": "^7.0.11",
     "@ndla/hooks": "^2.1.5",
-    "@ndla/icons": "^6.0.2",
+    "@ndla/icons": "^6.0.3",
     "@ndla/licenses": "^7.2.5",
-    "@ndla/modal": "^5.0.37",
-    "@ndla/notion": "^6.0.38",
-    "@ndla/safelink": "^5.0.2",
-    "@ndla/select": "^3.3.12",
-    "@ndla/switch": "^1.1.39",
-    "@ndla/tabs": "^4.0.2",
-    "@ndla/tooltip": "^7.0.2",
-    "@ndla/typography": "^0.4.16",
+    "@ndla/modal": "^5.0.38",
+    "@ndla/notion": "^6.0.39",
+    "@ndla/safelink": "^5.0.3",
+    "@ndla/select": "^3.3.13",
+    "@ndla/switch": "^1.1.40",
+    "@ndla/tabs": "^4.0.3",
+    "@ndla/tooltip": "^7.0.3",
+    "@ndla/typography": "^0.4.17",
     "@ndla/util": "^4.0.4",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slider": "^1.1.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "10c34f611db66818cedd63502ea945aae311aad9"
+  "gitHead": "0aa4b6c2a8032c22c7b424e69971815328af65cc"
 }

package/src/Article/ArticleByline.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 
 import ArticleByline from "./ArticleByline";
-import { defaultParameters } from "../../../../stories/defaults";
 
 /**
  * Innholder informasjon om forfatter(e), lisensrettigheter, beskrivelse av regler ved bruk av innhold, ikon hvis artikkel er tilleggsstoff og dato for forrige oppdatering.
@@ -20,7 +19,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     authors: [{ name: "Frida Forfatter" }, { name: "Fred Forfatter" }],

package/src/AudioPlayer/AudiPlayer.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryObj } from "@storybook/react";
 import AudioPlayer from "./AudioPlayer";
-import { defaultParameters } from "../../../../stories/defaults";
 const TextVersion = (
   <>
     <p>
@@ -39,7 +38,6 @@ const meta: Meta<typeof AudioPlayer> = {
   title: "Components/AudioPlayer",
   component: AudioPlayer,
   tags: ["autodocs"],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/BlogPost/BlogPost.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryFn } from "@storybook/react";
 import BlogPost, { Props } from "./BlogPost";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const args: Props = {
   title: "Min bloggpost",
@@ -26,9 +25,6 @@ export default {
   title: "Components/Blog Post",
   component: BlogPost,
   tags: ["autodocs"],
-  parameters: {
-    ...defaultParameters,
-  },
   args: args,
 } as Meta<typeof BlogPost>;
 

package/src/BlogPost/BlogPost.tsx

@@ -29,6 +29,7 @@ export interface Props {
 }
 
 const Container = styled(SafeLink)`
+  margin: 0 0 ${spacing.normal} 0;
   display: flex;
   flex-direction: column;
   color: ${colors.text.primary};

package/src/Breadcrumb/Breadcrumb.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryObj } from "@storybook/react";
 import Breadcrumb from "./Breadcrumb";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const items = [
   {
@@ -38,7 +37,6 @@ export default {
   },
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
 } as Meta<typeof Breadcrumb>;
 

package/src/Breadcrumb/HomeBreadcrumb.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { colors } from "@ndla/core";
 import HomeBreadcrumb from "./HomeBreadcrumb";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const items = [
   {
@@ -36,7 +35,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     items: items,

package/src/CampaignBlock/CampaignBlock.stories.tsx

@@ -8,15 +8,11 @@
 
 import { Meta, StoryObj } from "@storybook/react";
 import CampaignBlock from "./CampaignBlock";
-import { defaultParameters } from "../../../../stories/defaults";
 
 export default {
   title: "Components/Campaign Block",
   component: CampaignBlock,
   tags: ["autodocs"],
-  parameters: {
-    ...defaultParameters,
-  },
   args: {},
 } as Meta<typeof CampaignBlock>;
 

package/src/ContactBlock/Contactblock.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryFn } from "@storybook/react";
 import ContactBlock from "./ContactBlock";
-import { defaultParameters } from "../../../../stories/defaults";
 
 export default {
   title: "Components/Contact block",
@@ -80,9 +79,6 @@ export default {
     blobColor: "green",
     blob: "pointy",
   },
-  parameters: {
-    ...defaultParameters,
-  },
 } as Meta<typeof ContactBlock>;
 
 export const ContactBlockStory: StoryFn<typeof ContactBlock> = ({ ...args }) => {

package/src/ContentLoader/ContentLoader.stories.tsx

@@ -8,14 +8,12 @@
 
 import { Meta, StoryObj } from "@storybook/react";
 import ContentLoader from ".";
-import { defaultParameters } from "../../../../stories/defaults";
 
 export default {
   title: "Components/ContentLoader",
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     speed: 2,

package/src/ContentTypeBadge/ContentTypeBadge.stories.tsx

@@ -10,7 +10,6 @@ import styled from "@emotion/styled";
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { spacing } from "@ndla/core";
 import { ContentTypeBadge } from "./ContentTypeBadge";
-import { defaultParameters } from "../../../../stories/defaults";
 import * as contentTypes from "../model/ContentType";
 
 export default {
@@ -18,7 +17,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     size: "small",

package/src/CreatedBy/CreatedBy.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryObj } from "@storybook/react";
 import CreatedBy from "./CreatedBy";
-import { defaultParameters } from "../../../../stories/defaults";
 
 /***
  * LTI-versjoner av innhold fra NDLA skal vise denne teksten og logo i bunnen. "NDLA" og logoen lenker til ndla.no. "Artikkel" kan være en lenke til artikkelen på ndla.no om den fins. Begge lenker åpner som standard i ny fane men det kan overstyres med target-parameter.
@@ -19,7 +18,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     name: "Artikkelen",

package/src/Embed/AudioEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
 import AudioEmbed from "./AudioEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 
 const embedData: AudioEmbedData = {
@@ -198,7 +197,6 @@ const meta: Meta<typeof AudioEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
 import BrightcoveEmbed from "./BrightcoveEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 
 const embedData: BrightcoveEmbedData = {
@@ -171,7 +170,6 @@ const meta: Meta<typeof BrightcoveEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/ConceptEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import ConceptEmbed from "./ConceptEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 
 const blockEmbedData: ConceptEmbedData = {
@@ -243,7 +242,6 @@ const meta: Meta<typeof ConceptEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/ExternalEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OembedEmbedData, OembedData } from "@ndla/types-embed";
 import ExternalEmbed from "./ExternalEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const embedData: OembedEmbedData = {
   resource: "external",
@@ -65,7 +64,6 @@ const meta: Meta<typeof ExternalEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/FootnoteEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { FootnoteData, FootnoteEmbedData } from "@ndla/types-embed";
 import FootnoteEmbed from "./FootnoteEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import { ArticleByline } from "../Article";
 
 /**
@@ -25,7 +24,6 @@ export default {
   component: FootnoteEmbed,
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     embed: {

package/src/Embed/H5pEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { H5pEmbedData, H5pData } from "@ndla/types-embed";
 import H5pEmbed from "./H5pEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const embedData: H5pEmbedData = {
   resource: "h5p",
@@ -62,7 +61,6 @@ const meta: Meta<typeof H5pEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/IframeEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { IframeData, IframeEmbedData } from "@ndla/types-embed";
 import IframeEmbed from "./IframeEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const embedData: IframeEmbedData = {
   width: "708px",
@@ -37,7 +36,6 @@ const meta: Meta<typeof IframeEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/ImageEmbed.stories.tsx

@@ -11,7 +11,6 @@ import { Meta, StoryObj } from "@storybook/react";
 import { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
 import { ImageEmbedData } from "@ndla/types-embed";
 import ImageEmbed from "./ImageEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 
 const embedData: ImageEmbedData = {
@@ -104,7 +103,6 @@ const meta: Meta<typeof ImageEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { RelatedContentMetaData } from "@ndla/types-embed";
 import RelatedContentEmbed from "./RelatedContentEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import RelatedArticleList from "../RelatedArticleList";
 
 const filmResourceMeta: RelatedContentMetaData = {
@@ -377,7 +376,6 @@ const meta: Meta<typeof RelatedContentEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/UuDisclaimerEmbed.stories.tsx

@@ -11,7 +11,6 @@ import { UuDisclaimerEmbedData } from "@ndla/types-embed";
 import H5pEmbed from "./H5pEmbed";
 import IframeEmbed from "./IframeEmbed";
 import UuDisclaimerEmbed from "./UuDisclaimerEmbed";
-import { defaultParameters } from "../../../../stories/defaults";
 import FactBox from "../FactBox";
 import FramedContent from "../FramedContent";
 
@@ -38,7 +37,6 @@ const meta: Meta<typeof UuDisclaimerEmbed> = {
       </div>
     ),
   ],
-  parameters: defaultParameters,
 };
 
 export default meta;

package/src/Embed/conceptComponents.tsx

@@ -113,20 +113,32 @@ const NotionHeader = styled.div`
   border-bottom: 2px solid ${colors.brand.tertiary};
   padding-bottom: ${spacing.small};
   h1 {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
     flex-grow: 1;
     margin: 0;
     font-weight: ${fonts.weight.bold};
     ${fonts.sizes("22px", 1.2)};
   }
   small {
-    &[data-is-concept="true"] {
-      border-left: 1px solid ${colors.brand.greyLight};
-      padding-left: ${spacing.small};
-      margin-left: ${spacing.xsmall};
-    }
+    display: flex;
     ${fonts.sizes("20px", 1.2)};
     font-weight: ${fonts.weight.normal};
   }
+  ${mq.range({ from: breakpoints.mobileWide })} {
+    &[data-is-concept="true"] {
+      small:before {
+        display: inline-flex;
+        align-self: center;
+        margin: 0 ${spacing.xsmall};
+        content: "";
+        height: ${spacing.normal};
+        width: 1px;
+        background-color: ${colors.brand.greyLight};
+      }
+    }
+  }
   &[data-is-concept="false"] {
     margin-bottom: ${spacing.large};
   }

package/src/ErrorMessage/ErrorMessage.stories.tsx

@@ -10,7 +10,6 @@ import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import ErrorMessage from "./ErrorMessage";
 //@ts-ignore
 import Oops from "../../../../images/oops.gif";
-import { defaultParameters } from "../../../../stories/defaults";
 
 /**
  * Feilmeldingskomponenten lenker tilbake til forrige side eller til forsiden. Den brukes når det har oppstått en feil i systemet, f.eks. ved 404- eller 503-feil.
@@ -21,7 +20,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     illustration: {

package/src/ExpandableBox/ExpandableBox.stories.tsx

@@ -8,7 +8,6 @@
 
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
-import { defaultParameters } from "../../../../stories/defaults";
 
 /**
  * This is just a thin wrapper around the native HTML details element.
@@ -20,7 +19,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   component: ExpandableBox,
   render: (args) => (

package/src/FactBox/Factbox.stories.tsx

@@ -11,7 +11,6 @@ import { Meta, StoryObj } from "@storybook/react";
 import { spacing } from "@ndla/core";
 import { Heading, Text } from "@ndla/typography";
 import FactBox from "./FactBox";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const Wrapper = styled.div`
   padding: ${spacing.normal};
@@ -26,7 +25,6 @@ export default {
   tags: ["autodocs"],
   paramemeters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   decorators: [
     (Story) => (

package/src/FileList/FileList.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import File from "./File";
 import FileList from "./FileList";
-import { defaultParameters } from "../../../../stories/defaults";
 
 export default {
   title: "Components/FileList",
@@ -17,7 +16,6 @@ export default {
   component: File,
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     title: "Min fil",

package/src/Footer/Footer.stories.tsx

@@ -11,7 +11,6 @@ import { EmailOutline, Facebook, Instagram, LinkedIn, Share, Youtube } from "@nd
 import { EditorName } from "./EditorName";
 import Footer from "./Footer";
 import { FooterText } from "./FooterText";
-import { defaultParameters } from "../../../../stories/defaults";
 
 const mockCommonLinks = [
   {
@@ -85,7 +84,6 @@ export default {
   component: Footer,
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
 
   args: {

package/src/FramedContent/FramedContent.stories.tsx

@@ -10,7 +10,6 @@ import { Meta, StoryObj } from "@storybook/react";
 import { CopyrightMetaData } from "@ndla/types-embed";
 import FramedContent from "./FramedContent";
 import FigureImage from "../../../../stories/article/FigureImage";
-import { defaultParameters } from "../../../../stories/defaults";
 import { CopyrightEmbed } from "../Embed";
 
 export default {
@@ -19,7 +18,6 @@ export default {
   tags: ["autodocs"],
   parameters: {
     inlineStories: true,
-    ...defaultParameters,
   },
   args: {
     children: <p>Content!</p>,

package/src/Gloss/Gloss.stories.tsx

@@ -9,16 +9,12 @@
 import { Meta, StoryObj, StoryFn } from "@storybook/react";
 import Gloss from "./Gloss";
 import GlossExample from "./GlossExample";
-import { defaultParameters } from "../../../../stories/defaults";
 import { wordClass } from "../model/WordClass";
 
 const meta: Meta<typeof Gloss> = {
   title: "Components/Gloss",
   component: Gloss,
   tags: ["autodocs"],
-  parameters: {
-    ...defaultParameters,
-  },
   args: {
     title: {
       title: "Å angripe",

package/src/Grid/Grid.stories.tsx

@@ -11,7 +11,6 @@ import { DocsContainer, DocsContainerProps } from "@storybook/addon-docs";
 import { Meta, StoryFn } from "@storybook/react";
 import { colors } from "@ndla/core";
 import Grid from "./Grid";
-import { defaultParameters } from "../../../../stories/defaults";
 import { BlogPostStory } from "../BlogPost/BlogPost.stories";
 import { KeyFigureStory } from "../KeyFigure/KeyFigure.stories";
 
@@ -32,7 +31,6 @@ export default {
   component: Grid,
   tags: ["autodocs"],
   parameters: {
-    ...defaultParameters,
     layout: "centered",
     docs: {
       container: GridDocsContainer,