@ndla/ui 56.0.106-alpha.0 → 56.0.108-alpha.0

package/es/Article/Article.js

@@ -11,8 +11,8 @@ import { ark } from "@ark-ui/react";
 import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
 import { Stack, styled } from "@ndla/styled-system/jsx";
-import { ContentTypeBadge } from "..";
 import { ArticleByline } from "./ArticleByline";
+import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadge";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledArticleContent = styled(ark.section, {}, {
   baseComponent: true

package/es/CampaignBlock/CampaignBlock.js

@@ -127,7 +127,6 @@ const LinkButton = _ref => {
   } = _ref;
   if (url) return /*#__PURE__*/_jsx(StyledSafeLinkButton, {
     to: getPossiblyRelativeUrl(url, path),
-    target: "_blank",
     variant: "secondary",
     rel: "noopener noreferrer",
     children: children

package/lib/Article/Article.js

@@ -9,8 +9,8 @@ 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 _ = require("..");
 var _ArticleByline = require("./ArticleByline");
+var _ContentTypeBadge = require("../ContentTypeBadge/ContentTypeBadge");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2016-present, NDLA.
@@ -133,7 +133,7 @@ const ArticleTitle = _ref2 => {
         align: "center",
         direction: "row",
         gap: "small",
-        children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ContentTypeBadge, {
+        children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentTypeBadge.ContentTypeBadge, {
           contentType: contentType,
           children: contentTypeLabel
         }), heartButton]

package/lib/CampaignBlock/CampaignBlock.js

@@ -134,7 +134,6 @@ const LinkButton = _ref => {
   } = _ref;
   if (url) return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLinkButton, {
     to: (0, _relativeUrl.getPossiblyRelativeUrl)(url, path),
-    target: "_blank",
     variant: "secondary",
     rel: "noopener noreferrer",
     children: children

package/lib/TagSelector/TagSelector.d.ts

@@ -8,7 +8,7 @@
 import { type CollectionItem } from "@ark-ui/react";
 import { type ComboboxControlProps, type ComboboxInputProps, type ComboboxRootProps, type TagsInputControlProps, type TagsInputInputProps, type TagsInputRootProps } from "@ndla/primitives";
 export type TagSelectorRootProps<T extends CollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;
-export declare const TagSelectorRoot: <T extends unknown>({ allowCustomValue, multiple, selectionBehavior, editable, addOnPaste, onValueChange, children, value, translations, ...rest }: TagSelectorRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TagSelectorRoot: <T extends CollectionItem>({ allowCustomValue, multiple, selectionBehavior, editable, addOnPaste, onValueChange, children, value, translations, ...rest }: TagSelectorRootProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TagSelectorControlProps = ComboboxControlProps & TagsInputControlProps;
 export declare const TagSelectorLabel: ({ textStyle, fontWeight, ...props }: import("@ndla/primitives").ComboboxLabelProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TagSelectorItemInput: import("react").ForwardRefExoticComponent<import("@ark-ui/react").TagsInputItemInputProps & {

package/lib/i18n/useComponentTranslations.d.ts

@@ -12,8 +12,8 @@ type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
 export declare const useTagsInputTranslations: (translations?: Partial<TagsInputRootProps["translations"]>) => TagsInputRootProps["translations"];
-export declare const useComboboxTranslations: <T extends unknown>(translations?: Partial<ComboboxRootProps<T>["translations"]>) => ComboboxRootProps<T>["translations"];
-export declare const useTagSelectorTranslations: <T extends unknown>(translations?: Partial<TagSelectorRootProps<T>["translations"]>) => TagSelectorRootProps<T>["translations"];
+export declare const useComboboxTranslations: <T extends CollectionItem>(translations?: Partial<ComboboxRootProps<T>["translations"]>) => ComboboxRootProps<T>["translations"];
+export declare const useTagSelectorTranslations: <T extends CollectionItem>(translations?: Partial<TagSelectorRootProps<T>["translations"]>) => TagSelectorRootProps<T>["translations"];
 export declare const usePaginationTranslations: (translations?: Partial<PaginationRootProps["translations"]>) => PaginationRootProps["translations"];
 interface AudioSearchTranslations {
     searchPlaceholder: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.106-alpha.0",
+  "version": "56.0.108-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -34,11 +34,11 @@
   "dependencies": {
     "@ndla/core": "^5.0.3",
     "@ndla/icons": "^8.0.52-alpha.0",
-    "@ndla/licenses": "^9.0.0",
-    "@ndla/primitives": "^1.0.81-alpha.0",
-    "@ndla/safelink": "^7.0.82-alpha.0",
+    "@ndla/licenses": "^9.0.1",
+    "@ndla/primitives": "^1.0.83-alpha.0",
+    "@ndla/safelink": "^7.0.84-alpha.0",
     "@ndla/styled-system": "^0.0.32",
-    "@ndla/util": "^5.0.5-alpha.0",
+    "@ndla/util": "^5.0.6-alpha.0",
     "html-react-parser": "^5.1.19"
   },
   "peerDependencies": {
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0193b3dca20d4292a4937549ec3e0c1c834643ff"
+  "gitHead": "59445cfbbeaebe42e7208a941e400e49df017ddb"
 }

package/src/Article/Article.tsx

@@ -12,9 +12,8 @@ import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
 import { Stack, styled } from "@ndla/styled-system/jsx";
 import type { JsxStyleProps } from "@ndla/styled-system/types";
-import { ContentTypeBadge } from "..";
 import { ArticleByline } from "./ArticleByline";
-import { type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import { ContentTypeBadge, type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
 import type { Article as ArticleType } from "../types";
 
 const StyledArticleContent = styled(ark.section, {}, { baseComponent: true });

package/src/AudioPlayer/Controls.tsx

@@ -124,7 +124,7 @@ const SpeedButton = styled(Button, {
   },
 });
 
-const StyledSelectRoot = styled(SelectRoot, {
+const StyledSelectRoot = styled(SelectRoot<string>, {
   base: {
     gridArea: "speed",
   },

package/src/CampaignBlock/CampaignBlock.tsx

@@ -157,12 +157,7 @@ const StyledSafeLinkButton = styled(SafeLinkButton, {
 const LinkButton = ({ url, children, path }: LinkButtonProps) => {
   if (url)
     return (
-      <StyledSafeLinkButton
-        to={getPossiblyRelativeUrl(url, path)}
-        target="_blank"
-        variant="secondary"
-        rel="noopener noreferrer"
-      >
+      <StyledSafeLinkButton to={getPossiblyRelativeUrl(url, path)} variant="secondary" rel="noopener noreferrer">
         {children}
       </StyledSafeLinkButton>
     );