@ndla/ui 56.0.6-alpha.0 → 56.0.7-alpha.0

package/lib/Article/Article.js

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArticleWrapper = exports.ArticleTitle = exports.ArticleHeader = exports.ArticleHGroup = exports.ArticleFooter = exports.ArticleContent = exports.ArticleActionWrapper = exports.Article = void 0;
+exports.ArticleWrapper = exports.ArticleTitle = exports.ArticlePadding = exports.ArticleHeader = exports.ArticleHGroup = exports.ArticleFooter = exports.ArticleContent = exports.ArticleActionWrapper = exports.Article = void 0;
 var _react = require("react");
 var _react2 = require("@ark-ui/react");
 var _primitives = require("@ndla/primitives");
 var _css = require("@ndla/styled-system/css");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _ArticleByline = _interopRequireDefault(require("./ArticleByline"));
+var _ArticleByline = require("./ArticleByline");
 var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -21,7 +20,54 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-const StyledArticleContent = (0, _jsx2.styled)(_react2.ark.section, {}, {
+const articlePadding = {
+  paddingInline: "8%"
+};
+const paddingBlockEnd = {
+  paddingBlockEnd: "xsmall",
+  tablet: {
+    paddingBlockEnd: "medium"
+  },
+  desktop: {
+    paddingBlockEnd: "xxlarge"
+  }
+};
+const paddingBlockStart = {
+  paddingBlockStart: "xsmall",
+  tablet: {
+    paddingBlockStart: "medium"
+  },
+  desktop: {
+    paddingBlockStart: "xxlarge"
+  }
+};
+const ArticlePadding = exports.ArticlePadding = (0, _jsx2.styled)(_react2.ark.div, {
+  base: articlePadding,
+  variants: {
+    padStart: {
+      true: paddingBlockStart
+    },
+    padEnd: {
+      true: paddingBlockEnd
+    }
+  }
+}, {
+  baseComponent: true
+});
+const StyledArticleContent = (0, _jsx2.styled)(_react2.ark.section, {
+  base: {
+    background: "surface.default"
+  },
+  variants: {
+    padded: {
+      true: {
+        ...articlePadding,
+        ...paddingBlockStart,
+        ...paddingBlockEnd
+      }
+    }
+  }
+}, {
   baseComponent: true
 });
 const ArticleContent = exports.ArticleContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -35,25 +81,15 @@ const ArticleContent = exports.ArticleContent = /*#__PURE__*/(0, _react.forwardR
     ref: ref
   });
 });
-const StyledArticleWrapper = (0, _jsx2.styled)("article", {
+const StyledArticleWrapper = (0, _jsx2.styled)(_react2.ark.article, {
   base: {
     display: "flex",
     flexDirection: "column",
     color: "text.default",
-    gap: "xxlarge",
-    background: "surface.default",
-    paddingBlock: "xsmall",
-    paddingInline: "8%",
     alignItems: "center",
     width: "100%",
     overflowWrap: "break-word",
     position: "relative",
-    tablet: {
-      paddingBlock: "medium"
-    },
-    desktop: {
-      paddingBlock: "xxlarge"
-    },
     "& mjx-stretchy-v > mjx-ext > mjx-c": {
       transform: "scaleY(100) translateY(0.075em)"
     },
@@ -63,13 +99,15 @@ const StyledArticleWrapper = (0, _jsx2.styled)("article", {
       clear: "both"
     }
   }
+}, {
+  baseComponent: true
 });
 const ArticleWrapper = exports.ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArticleWrapper, {
   "data-ndla-article": "",
   ref: ref,
   ...props
 }));
-const ArticleHGroup = exports.ArticleHGroup = (0, _jsx2.styled)("hgroup", {
+const ArticleHGroup = exports.ArticleHGroup = (0, _jsx2.styled)(_react2.ark.hgroup, {
   base: {
     display: "flex",
     width: "100%",
@@ -80,8 +118,10 @@ const ArticleHGroup = exports.ArticleHGroup = (0, _jsx2.styled)("hgroup", {
       overflowWrap: "anywhere"
     }
   }
+}, {
+  baseComponent: true
 });
-const ArticleActionWrapper = exports.ArticleActionWrapper = (0, _jsx2.styled)("div", {
+const ArticleActionWrapper = exports.ArticleActionWrapper = (0, _jsx2.styled)(_react2.ark.div, {
   base: {
     position: "absolute",
     right: "8%",
@@ -93,23 +133,47 @@ const ArticleActionWrapper = exports.ArticleActionWrapper = (0, _jsx2.styled)("d
       top: "xxlarge"
     }
   }
+}, {
+  baseComponent: true
 });
-const ArticleHeader = exports.ArticleHeader = (0, _jsx2.styled)("header", {
+const ArticleHeader = exports.ArticleHeader = (0, _jsx2.styled)(_react2.ark.header, {
   base: {
     display: "flex",
     flexDirection: "column",
+    background: "surface.default",
     gap: "medium",
     alignItems: "flex-start",
     width: "100%"
+  },
+  variants: {
+    padded: {
+      true: {
+        ...articlePadding,
+        ...paddingBlockStart
+      }
+    }
   }
+}, {
+  baseComponent: true
 });
-const ArticleFooter = exports.ArticleFooter = (0, _jsx2.styled)("footer", {
+const ArticleFooter = exports.ArticleFooter = (0, _jsx2.styled)(_react2.ark.footer, {
   base: {
     display: "flex",
     flexDirection: "column",
+    background: "surface.default",
     gap: "xxlarge",
     width: "100%"
+  },
+  variants: {
+    padded: {
+      true: {
+        ...articlePadding,
+        ...paddingBlockEnd
+      }
+    }
   }
+}, {
+  baseComponent: true
 });
 const ArticleTitle = _ref2 => {
   let {
@@ -122,6 +186,7 @@ const ArticleTitle = _ref2 => {
     competenceGoals
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleHeader, {
+    padded: true,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleHGroup, {
       children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ContentTypeBadgeNew, {
         contentType: contentType
@@ -175,9 +240,11 @@ const Article = _ref3 => {
       competenceGoals: competenceGoals,
       lang: lang
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleContent, {
+      padded: true,
       children: content
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleFooter, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleByline.default, {
+      padded: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleByline.ArticleByline, {
         footnotes: footNotes,
         authors: authors,
         suppliers: copyright?.rightsholders,

package/lib/Article/ArticleByline.d.ts

@@ -6,6 +6,7 @@
  *
  */
 import { ReactNode } from "react";
+import { AccordionItemProps } from "@ndla/primitives";
 import { FootNote } from "../types";
 type AuthorProps = {
     name: string;
@@ -24,5 +25,9 @@ type Props = {
     displayByline?: boolean;
     bylineType?: "article" | "learningPath";
 };
-declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale, displayByline, bylineType, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default ArticleByline;
+export declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale, displayByline, bylineType, }: Props) => import("react/jsx-runtime").JSX.Element;
+interface ArticleBylineAccordionprops extends AccordionItemProps {
+    accordionTitle: ReactNode;
+}
+export declare const ArticleBylineAccordionItem: import("react").ForwardRefExoticComponent<ArticleBylineAccordionprops & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/Article/ArticleByline.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ArticleBylineAccordionItem = exports.ArticleByline = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _reactRouterDom = require("react-router-dom");
@@ -11,10 +11,9 @@ var _common = require("@ndla/icons/common");
 var _licenses = require("@ndla/licenses");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
+var _ArticleFootNotes = require("./ArticleFootNotes");
 var _LicenseLink = require("../LicenseByline/LicenseLink");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2020-present, NDLA.
  *
@@ -152,46 +151,47 @@ const ArticleByline = _ref => {
       multiple: true,
       value: openAccordions,
       onValueChange: details => setOpenAccordions(details.value),
-      children: [licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
+      children: [!!licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
         value: accordionItemValue,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-            asChild: true,
-            consumeCss: true,
-            textStyle: "label.medium",
-            fontWeight: "bold",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-              children: t("article.useContent")
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
-            asChild: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
-          children: licenseBox
-        })]
-      }), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
+        accordionTitle: t("article.useContent"),
+        children: licenseBox
+      }), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
         value: footnotesAccordionId,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-            asChild: true,
-            consumeCss: true,
-            textStyle: "label.medium",
-            fontWeight: "bold",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-              children: t("article.footnotes")
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
-            asChild: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.default, {
-            footNotes: footnotes
-          })
-        })]
+        accordionTitle: t("article.footnotes"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.ArticleFootNotes, {
+          footNotes: footnotes
+        })
       })]
     })]
   });
 };
-var _default = exports.default = ArticleByline;
+exports.ArticleByline = ArticleByline;
+const ArticleBylineAccordionItem = exports.ArticleBylineAccordionItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+  let {
+    value,
+    accordionTitle,
+    children,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
+    value: value,
+    ref: ref,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        asChild: true,
+        consumeCss: true,
+        textStyle: "label.medium",
+        fontWeight: "bold",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+          children: accordionTitle
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
+        asChild: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
+      children: children
+    })]
+  });
+});

package/lib/Article/ArticleFootNotes.d.ts

@@ -9,5 +9,5 @@ import { FootNote as FootNoteType } from "../types";
 type ArticleFootNotesProps = {
     footNotes: Array<FootNoteType>;
 };
-declare const ArticleFootNotes: ({ footNotes }: ArticleFootNotesProps) => import("react/jsx-runtime").JSX.Element;
-export default ArticleFootNotes;
+export declare const ArticleFootNotes: ({ footNotes }: ArticleFootNotesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Article/ArticleFootNotes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ArticleFootNotes = void 0;
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -64,4 +64,4 @@ const ArticleFootNotes = _ref2 => {
     }, footNote.ref))
   });
 };
-var _default = exports.default = ArticleFootNotes;
+exports.ArticleFootNotes = ArticleFootNotes;

package/lib/Article/index.d.ts

@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import ArticleByline from "./ArticleByline";
-import ArticleFootNotes from "./ArticleFootNotes";
-export { Article, ArticleWrapper, ArticleHeader, ArticleFooter, ArticleTitle, ArticleActionWrapper, ArticleHGroup, ArticleContent, } from "./Article";
-export { ArticleByline, ArticleFootNotes };
+export { Article, ArticleWrapper, ArticleHeader, ArticleFooter, ArticleTitle, ArticleActionWrapper, ArticleHGroup, ArticleContent, ArticlePadding, } from "./Article";
+export { ArticleByline, ArticleBylineAccordionItem } from "./ArticleByline";
+export { ArticleFootNotes } from "./ArticleFootNotes";
 export { ArticleParagraph } from "./ArticleParagraph";

package/lib/Article/index.js

@@ -18,7 +18,13 @@ Object.defineProperty(exports, "ArticleActionWrapper", {
 Object.defineProperty(exports, "ArticleByline", {
   enumerable: true,
   get: function () {
-    return _ArticleByline.default;
+    return _ArticleByline.ArticleByline;
+  }
+});
+Object.defineProperty(exports, "ArticleBylineAccordionItem", {
+  enumerable: true,
+  get: function () {
+    return _ArticleByline.ArticleBylineAccordionItem;
   }
 });
 Object.defineProperty(exports, "ArticleContent", {
@@ -30,7 +36,7 @@ Object.defineProperty(exports, "ArticleContent", {
 Object.defineProperty(exports, "ArticleFootNotes", {
   enumerable: true,
   get: function () {
-    return _ArticleFootNotes.default;
+    return _ArticleFootNotes.ArticleFootNotes;
   }
 });
 Object.defineProperty(exports, "ArticleFooter", {
@@ -51,6 +57,12 @@ Object.defineProperty(exports, "ArticleHeader", {
     return _Article.ArticleHeader;
   }
 });
+Object.defineProperty(exports, "ArticlePadding", {
+  enumerable: true,
+  get: function () {
+    return _Article.ArticlePadding;
+  }
+});
 Object.defineProperty(exports, "ArticleParagraph", {
   enumerable: true,
   get: function () {
@@ -69,8 +81,7 @@ Object.defineProperty(exports, "ArticleWrapper", {
     return _Article.ArticleWrapper;
   }
 });
-var _ArticleByline = _interopRequireDefault(require("./ArticleByline"));
-var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
 var _Article = require("./Article");
-var _ArticleParagraph = require("./ArticleParagraph");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _ArticleByline = require("./ArticleByline");
+var _ArticleFootNotes = require("./ArticleFootNotes");
+var _ArticleParagraph = require("./ArticleParagraph");

package/lib/ContactBlock/ContactBlock.js

@@ -38,7 +38,6 @@ const contactBlockBackgrounds = exports.contactBlockBackgrounds = Object.keys(Ba
 const StyledWrapper = (0, _jsx2.styled)("div", {
   base: {
     display: "flex",
-    maxWidth: "744px",
     minWidth: "surface.xxsmall",
     padding: "medium",
     alignItems: "center",

package/lib/Gloss/Gloss.d.ts

@@ -8,9 +8,7 @@
 /// <reference types="react" />
 import { type StyledVariantProps } from "@ndla/styled-system/types";
 import type { IGlossData } from "@ndla/types-backend/concept-api";
-declare const StyledAccordionItem: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<{
-    consumeCss?: boolean | undefined;
-} & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {
+declare const StyledAccordionItem: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<import("@ndla/primitives").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {
     variant?: "simple" | "bordered" | undefined;
 }>;
 type GlossVariantProps = StyledVariantProps<typeof StyledAccordionItem>;

package/lib/Grid/Grid.js

@@ -19,7 +19,6 @@ const GridContainer = (0, _jsx2.styled)("div", {
     display: "grid",
     justifyContent: "center",
     borderRadius: "xsmall",
-    padding: "xsmall",
     gridRowGap: "large",
     gridColumnGap: "medium",
     width: "100%",
@@ -69,6 +68,7 @@ const GridContainer = (0, _jsx2.styled)("div", {
     },
     border: {
       lightBlue: {
+        padding: "xsmall",
         border: "1px solid",
         borderColor: "surface.brand.2"
       }

package/lib/index.d.ts

@@ -7,7 +7,7 @@
  */
 export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, } from "./Embed";
 export { LicenseLink, EmbedByline } from "./LicenseByline";
-export { ArticleByline, ArticleFootNotes, ArticleWrapper, Article, ArticleParagraph, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleActionWrapper, ArticleTitle, } from "./Article";
+export { ArticleByline, ArticleFootNotes, ArticleWrapper, Article, ArticleParagraph, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleActionWrapper, ArticleTitle, ArticlePadding, } from "./Article";
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 export { default as ContentLoader } from "./ContentLoader";
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";

package/lib/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "ArticleHeader", {
     return _Article.ArticleHeader;
   }
 });
+Object.defineProperty(exports, "ArticlePadding", {
+  enumerable: true,
+  get: function () {
+    return _Article.ArticlePadding;
+  }
+});
 Object.defineProperty(exports, "ArticleParagraph", {
   enumerable: true,
   get: function () {

package/lib/styles.css

@@ -85,28 +85,28 @@
 }
 }
 
-  .d_flex {
-    display: flex;
+  .px_8\% {
+    padding-inline: 8%;
 }
 
-  .c_text\.default {
-    color: var(--colors-text-default);
+  .pbs_xsmall {
+    padding-block-start: var(--spacing-xsmall);
 }
 
-  .gap_xxlarge {
-    gap: var(--spacing-xxlarge);
+  .pbe_xsmall {
+    padding-block-end: var(--spacing-xsmall);
 }
 
   .bg_surface\.default {
     background: var(--colors-surface-default);
 }
 
-  .py_xsmall {
-    padding-block: var(--spacing-xsmall);
+  .d_flex {
+    display: flex;
 }
 
-  .px_8\% {
-    padding-inline: 8%;
+  .c_text\.default {
+    color: var(--colors-text-default);
 }
 
   .w_100\% {
@@ -133,12 +133,12 @@
     gap: var(--spacing-medium);
 }
 
-  .mbs_medium {
-    margin-block-start: var(--spacing-medium);
+  .gap_xxlarge {
+    gap: var(--spacing-xxlarge);
 }
 
-  .pbs_xsmall {
-    padding-block-start: var(--spacing-xsmall);
+  .mbs_medium {
+    margin-block-start: var(--spacing-medium);
 }
 
   .bd-t_1px_solid {
@@ -149,6 +149,10 @@
     gap: var(--spacing-3xsmall);
 }
 
+  .py_xsmall {
+    padding-block: var(--spacing-xsmall);
+}
+
   .pbs_xxlarge {
     padding-block-start: var(--spacing-xxlarge);
 }
@@ -362,10 +366,6 @@
     display: inline;
 }
 
-  .max-w_744px {
-    max-width: 744px;
-}
-
   .min-w_surface\.xxsmall {
     min-width: var(--sizes-surface-xxsmall);
 }
@@ -1424,8 +1424,11 @@
 }
 
   @media screen and (min-width: 37.5625rem) {
-    .tablet\:py_medium {
-      padding-block: var(--spacing-medium);
+    .tablet\:pbs_medium {
+      padding-block-start: var(--spacing-medium);
+}
+    .tablet\:pbe_medium {
+      padding-block-end: var(--spacing-medium);
 }
     .tablet\:px_medium {
       padding-inline: var(--spacing-medium);
@@ -1520,8 +1523,11 @@
 }
 
   @media screen and (min-width: 61.3125rem) {
-    .desktop\:py_xxlarge {
-      padding-block: var(--spacing-xxlarge);
+    .desktop\:pbs_xxlarge {
+      padding-block-start: var(--spacing-xxlarge);
+}
+    .desktop\:pbe_xxlarge {
+      padding-block-end: var(--spacing-xxlarge);
 }
     .desktop\:w_260px {
       width: 260px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.6-alpha.0",
+  "version": "56.0.7-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,20 +33,19 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^15.0.6-alpha.0",
+    "@ndla/button": "^15.0.7-alpha.0",
     "@ndla/core": "^5.0.1",
     "@ndla/hooks": "^2.1.8",
-    "@ndla/icons": "^8.0.6-alpha.0",
+    "@ndla/icons": "^8.0.7-alpha.0",
     "@ndla/licenses": "^8.0.0-alpha.0",
-    "@ndla/primitives": "^1.0.6-alpha.0",
-    "@ndla/safelink": "^7.0.6-alpha.0",
+    "@ndla/primitives": "^1.0.7-alpha.0",
+    "@ndla/safelink": "^7.0.7-alpha.0",
     "@ndla/styled-system": "^0.0.10",
     "@ndla/typography": "^0.4.23",
     "@ndla/util": "^4.1.0",
     "date-fns": "^2.30.0",
     "html-react-parser": "^5.1.8",
     "i18next-browser-languagedetector": "^7.1.0",
-    "lodash.throttle": "^4.1.1",
     "punycode.js": "^2.3.1",
     "react-device-detect": "^2.2.3"
   },
@@ -60,7 +59,7 @@
     "react-router-dom": "> 6.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.16",
+    "@ndla/preset-panda": "^0.0.17",
     "@ndla/types-backend": "^0.2.86",
     "@ndla/types-embed": "^5.0.0-alpha.0",
     "@pandacss/dev": "^0.44.0",
@@ -73,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7770121967e96fe8d661b0f540e3397d6e2c453f"
+  "gitHead": "b27afafa098db57dd1a3b72380969d235a60ee9f"
 }