@ndla/ui 56.0.176-alpha.0 → 56.0.178-alpha.0

package/src/Embed/CodeEmbed.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import type { CodeMetaData } from "@ndla/types-embed";
 import { FileCopyLine, CheckLine } from "@ndla/icons";
 import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { CodeMetaData } from "@ndla/types-embed";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { CodeBlock } from "../CodeBlock/CodeBlock";

package/src/Embed/ConceptEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { PageContent } from "@ndla/primitives";
 import type { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "@ndla/primitives";
 import { ArticleContent, ArticleWrapper } from "../Article/Article";
 import { ConceptEmbed } from "./ConceptEmbed";
 

package/src/Embed/ConceptEmbed.tsx

@@ -6,17 +6,17 @@
  *
  */
 
-import type { ConceptMetaData } from "@ndla/types-embed";
 import { Portal } from "@ark-ui/react";
 import { PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { ConceptMetaData } from "@ndla/types-embed";
 import parse from "html-react-parser";
 import { forwardRef, useMemo, useRef, type ReactNode } from "react";
-import type { RenderContext } from "./types";
 import { Concept, type ConceptProps } from "../Concept/Concept";
 import { ConceptInlineTriggerButton } from "./ConceptInlineTriggerButton";
 import { EmbedErrorPlaceholder } from "./EmbedErrorPlaceholder";
 import { GlossEmbed } from "./GlossEmbed";
+import type { RenderContext } from "./types";
 
 interface BaseProps {
   renderContext?: RenderContext;

package/src/Embed/ContentLinkEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { Text } from "@ndla/primitives";
 import type { ContentLinkMetaData } from "@ndla/types-embed";
 import type { ReactNode } from "react";
-import { Text } from "@ndla/primitives";
 import { useTranslation } from "react-i18next";
 
 interface Props {

package/src/Embed/CopyrightEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { styled } from "@ndla/styled-system/jsx";
 import type { CopyrightMetaData } from "@ndla/types-embed";
 import type { ReactNode } from "react";
-import { styled } from "@ndla/styled-system/jsx";
 import { EmbedByline } from "../LicenseByline/EmbedByline";
 
 interface Props {

package/src/Embed/EmbedWrapper.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import type { StyledProps, RecipeVariantProps } from "@ndla/styled-system/types";
 import { ark, type HTMLArkProps } from "@ark-ui/react";
 import { css, cva } from "@ndla/styled-system/css";
 import { styled } from "@ndla/styled-system/jsx";
+import type { StyledProps, RecipeVariantProps } from "@ndla/styled-system/types";
 import { forwardRef } from "react";
 
 const embedWrapperRecipe = cva({

package/src/Embed/ExternalEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { PageContent } from "@ndla/primitives";
 import type { OembedEmbedData, OembedData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "@ndla/primitives";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { ExternalEmbed } from "./ExternalEmbed";
 

package/src/Embed/ExternalEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import type { OembedMetaData } from "@ndla/types-embed";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { OembedMetaData } from "@ndla/types-embed";
 import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { ResourceBox } from "../ResourceBox/ResourceBox";

package/src/Embed/FootnoteEmbed.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { FootnoteMetaData } from "@ndla/types-embed";
 import { styled } from "@ndla/styled-system/jsx";
+import type { FootnoteMetaData } from "@ndla/types-embed";
 import { useTranslation } from "react-i18next";
 
 interface Props {

package/src/Embed/GlossEmbed.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import type { ConceptMetaData } from "@ndla/types-embed";
 import { Portal } from "@ark-ui/react";
 import { Figure, PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { ConceptMetaData } from "@ndla/types-embed";
 import { useRef, type ReactNode } from "react";
 import { Gloss } from "../Gloss/Gloss";
 import { ConceptInlineTriggerButton } from "./ConceptInlineTriggerButton";

package/src/Embed/H5pEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { PageContent } from "@ndla/primitives";
 import type { H5pEmbedData, H5pData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "@ndla/primitives";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { H5pEmbed } from "./H5pEmbed";
 

package/src/Embed/H5pEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import type { H5pMetaData } from "@ndla/types-embed";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { H5pMetaData } from "@ndla/types-embed";
 import { useTranslation } from "react-i18next";
 import { EmbedErrorPlaceholder } from "./EmbedErrorPlaceholder";
 

package/src/Embed/IframeEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { PageContent } from "@ndla/primitives";
 import type { IframeData, IframeEmbedData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "@ndla/primitives";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { IframeEmbed } from "./IframeEmbed";
 

package/src/Embed/IframeEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import type { IframeMetaData } from "@ndla/types-embed";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { IframeMetaData } from "@ndla/types-embed";
 import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { ResourceBox } from "../ResourceBox/ResourceBox";

package/src/Embed/ImageEmbed.stories.tsx

@@ -6,12 +6,12 @@
  *
  */
 
+import { PageContent, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import type { ImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import type { ImageEmbedData } from "@ndla/types-embed";
 import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import type { ReactNode } from "react";
-import { PageContent, Text } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { Grid } from "../Grid/Grid";
 import { ImageEmbed } from "./ImageEmbed";

package/src/Embed/ImageEmbed.tsx

@@ -6,17 +6,17 @@
  *
  */
 
-import type { ImageEmbedData, ImageMetaData } from "@ndla/types-embed";
 import { AddLine } from "@ndla/icons";
 import { Figure, type FigureSize, type FigureVariantProps, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { ImageEmbedData, ImageMetaData } from "@ndla/types-embed";
 import parse from "html-react-parser";
 import { type ReactNode, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import type { RenderContext } from "./types";
 import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 import { EmbedErrorPlaceholder } from "./EmbedErrorPlaceholder";
+import type { RenderContext } from "./types";
 
 interface Props {
   embed: ImageMetaData;

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { PageContent } from "@ndla/primitives";
 import type { RelatedContentMetaData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "@ndla/primitives";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { RelatedArticleList } from "../RelatedArticleList/RelatedArticleList";
 import { RelatedContentEmbed } from "./RelatedContentEmbed";

package/src/Embed/UnknownEmbed.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { MetaData } from "@ndla/types-embed";
 import { Text } from "@ndla/primitives";
+import type { MetaData } from "@ndla/types-embed";
 import { useTranslation } from "react-i18next";
 
 interface Props {

package/src/Embed/UuDisclaimerEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { ExpandableBox, ExpandableBoxSummary, FramedContent, PageContent } from "@ndla/primitives";
 import type { UUDisclaimerData, UuDisclaimerEmbedData } from "@ndla/types-embed";
 import type { Meta, StoryObj } from "@storybook/react";
-import { ExpandableBox, ExpandableBoxSummary, FramedContent, PageContent } from "@ndla/primitives";
 import { AnchorHeading } from "../AnchorHeading/AnchorHeading";
 import { ArticleWrapper, ArticleContent } from "../Article/Article";
 import { FactBox } from "../FactBox/FactBox";

package/src/Embed/UuDisclaimerEmbed.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import type { UuDisclaimerMetaData } from "@ndla/types-embed";
 import { Portal } from "@ark-ui/react";
 import { AccessibilityFill, ErrorWarningFill } from "@ndla/icons";
 import { IconButton, PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { UuDisclaimerMetaData } from "@ndla/types-embed";
 import { type ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 

package/src/FactBox/Factbox.stories.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { Meta, StoryObj } from "@storybook/react";
 import { Button, Heading, UnOrderedList, OrderedList } from "@ndla/primitives";
+import type { Meta, StoryObj } from "@storybook/react";
 import { FactBox } from "./FactBox";
 
 /**

package/src/FileList/FileList.stories.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { PencilFill, DeleteBinLine, Draggable } from "@ndla/icons";
 import { IconButton } from "@ndla/primitives";
 import { HStack, styled } from "@ndla/styled-system/jsx";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { File } from "./File";
 import { FileListEmbed, FileListItem } from "./FileList";
 import { PdfFile } from "./PdfFile";

package/src/Gloss/Gloss.tsx

@@ -6,8 +6,6 @@
  *
  */
 
-import type { StyledVariantProps } from "@ndla/styled-system/types";
-import type { ConceptTitleDTO, GlossDataDTO, GlossExampleDTO } from "@ndla/types-backend/concept-api";
 import { AccordionItemTrigger } from "@ark-ui/react";
 import { ArrowDownShortLine } from "@ndla/icons";
 import {
@@ -19,6 +17,8 @@ import {
   Text,
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { StyledVariantProps } from "@ndla/styled-system/types";
+import type { ConceptTitleDTO, GlossDataDTO, GlossExampleDTO } from "@ndla/types-backend/concept-api";
 import parse from "html-react-parser";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";

package/src/Gloss/GlossExample.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import type { GlossExampleDTO } from "@ndla/types-backend/concept-api";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
+import type { GlossExampleDTO } from "@ndla/types-backend/concept-api";
 import { Fragment } from "react";
 
 interface Props {

package/src/Grid/Grid.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import type { Meta, StoryFn } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import { ArticleContent, ArticleWrapper } from "@ndla/ui";
+import type { Meta, StoryFn } from "@storybook/react";
 import { Plain } from "../KeyFigure/KeyFigure.stories";
 import { Default as PitchStory } from "../Pitch/Pitch.stories";
 import { Grid, GridItem } from "./Grid";

package/src/Grid/Grid.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { StyledVariantProps } from "@ndla/styled-system/types";
 import { styled } from "@ndla/styled-system/jsx";
+import type { StyledVariantProps } from "@ndla/styled-system/types";
 import { type ComponentProps, type ReactNode } from "react";
 
 const GridContainer = styled("div", {

package/src/LicenseByline/EmbedByline.tsx

@@ -6,15 +6,15 @@
  *
  */
 
+import { AlertLine } from "@ndla/icons";
+import { getLicenseByAbbreviation } from "@ndla/licenses";
+import { Button, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import type { CopyrightDTO as ArticleCopyright } from "@ndla/types-backend/article-api";
 import type { CopyrightDTO as AudioCopyright } from "@ndla/types-backend/audio-api";
 import type { DraftCopyrightDTO as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import type { CopyrightDTO as ImageCopyright } from "@ndla/types-backend/image-api";
 import type { BrightcoveCopyright } from "@ndla/types-embed";
-import { AlertLine } from "@ndla/icons";
-import { getLicenseByAbbreviation } from "@ndla/licenses";
-import { Button, Text } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
 import { type Dispatch, type ReactNode, type SetStateAction, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { LicenseLink } from "./LicenseLink";

package/src/LinkBlock/LinkBlock.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import type { LinkBlockEmbedData } from "@ndla/types-embed";
 import { ArrowRightLine, CalendarLine } from "@ndla/icons";
 import { Heading } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
+import type { LinkBlockEmbedData } from "@ndla/types-embed";
 import parse from "html-react-parser";
 import { useMemo } from "react";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";

package/src/Pitch/Pitch.stories.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { Meta } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
+import type { Meta } from "@storybook/react";
 import { ArticleContent, ArticleWrapper } from "../Article/Article";
 import { Grid } from "../Grid/Grid";
 import { Pitch, type Props } from "./Pitch";

package/src/TagSelector/TagSelector.stories.tsx

@@ -6,7 +6,6 @@
  *
  */
 
-import type { Meta, StoryFn } from "@storybook/react";
 import { type ComboboxInputValueChangeDetails, createListCollection } from "@ark-ui/react";
 import { CloseLine, ArrowDownShortLine, CheckLine } from "@ndla/icons";
 import {
@@ -19,6 +18,7 @@ import {
   InputContainer,
 } from "@ndla/primitives";
 import { HStack } from "@ndla/styled-system/jsx";
+import type { Meta, StoryFn } from "@storybook/react";
 import { useState } from "react";
 import { useTagSelectorTranslations } from "../i18n/useComponentTranslations";
 import {