@ndla/primitives 1.0.59-alpha.0 → 1.0.61-alpha.0

package/dist/panda.buildinfo.json

@@ -104,6 +104,12 @@
       "backgroundColor]___[value:surface.brand.3.subtle",
       "borderColor]___[value:surface.brand.3.strong",
       "backgroundColor]___[value:surface.infoSubtle",
+      "backgroundColor]___[value:surface.dangerSubtle",
+      "borderColor]___[value:surface.danger",
+      "backgroundColor]___[value:surface.successSubtle",
+      "borderColor]___[value:surface.success",
+      "backgroundColor]___[value:surface.warningSubtle",
+      "borderColor]___[value:surface.warning",
       "borderInlineStart]___[value:4px solid",
       "borderColor]___[value:stroke.subtle",
       "background]___[value:surface.brand.1.subtle",

package/dist/styles.css

@@ -1159,6 +1159,30 @@
     background-color: var(--colors-surface-info-subtle);
 }
 
+  .bg-c_surface\.dangerSubtle {
+    background-color: var(--colors-surface-danger-subtle);
+}
+
+  .bd-c_surface\.danger {
+    border-color: var(--colors-surface-danger);
+}
+
+  .bg-c_surface\.successSubtle {
+    background-color: var(--colors-surface-success-subtle);
+}
+
+  .bd-c_surface\.success {
+    border-color: var(--colors-surface-success);
+}
+
+  .bg-c_surface\.warningSubtle {
+    background-color: var(--colors-surface-warning-subtle);
+}
+
+  .bd-c_surface\.warning {
+    border-color: var(--colors-surface-warning);
+}
+
   .bd-c_stroke\.subtle {
     border-color: var(--colors-stroke-subtle);
 }

package/es/Badge.js

@@ -40,6 +40,18 @@ const badgeRecipe = cva({
       neutral: {
         backgroundColor: "surface.infoSubtle",
         borderColor: "stroke.default"
+      },
+      danger: {
+        backgroundColor: "surface.dangerSubtle",
+        borderColor: "surface.danger"
+      },
+      success: {
+        backgroundColor: "surface.successSubtle",
+        borderColor: "surface.success"
+      },
+      warning: {
+        backgroundColor: "surface.warningSubtle",
+        borderColor: "surface.warning"
       }
     }
   }

package/lib/Accordion.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { Accordion } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 declare const accordionRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator", {
     variant: {
         clean: {};

package/lib/ArticleLists.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 declare const orderedListRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         numbers: {

package/lib/Badge.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { type HTMLArkProps } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 declare const badgeRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     colorTheme: {
         brand1: {
@@ -26,6 +26,18 @@ declare const badgeRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
             backgroundColor: "surface.infoSubtle";
             borderColor: "stroke.default";
         };
+        danger: {
+            backgroundColor: "surface.dangerSubtle";
+            borderColor: "surface.danger";
+        };
+        success: {
+            backgroundColor: "surface.successSubtle";
+            borderColor: "surface.success";
+        };
+        warning: {
+            backgroundColor: "surface.warningSubtle";
+            borderColor: "surface.warning";
+        };
     };
 }>;
 export type BadgeVariantProps = RecipeVariantProps<typeof badgeRecipe>;
@@ -34,6 +46,6 @@ export type BadgeProps = HTMLArkProps<"div"> & JsxStyleProps & BadgeVariantProps
 export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & {
-    colorTheme?: "neutral" | "brand1" | "brand2" | "brand3" | undefined;
+    colorTheme?: "neutral" | "brand1" | "brand2" | "brand3" | "danger" | "success" | "warning" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/Badge.js

@@ -46,6 +46,18 @@ const badgeRecipe = (0, _css.cva)({
       neutral: {
         backgroundColor: "surface.infoSubtle",
         borderColor: "stroke.default"
+      },
+      danger: {
+        backgroundColor: "surface.dangerSubtle",
+        borderColor: "surface.danger"
+      },
+      success: {
+        backgroundColor: "surface.successSubtle",
+        borderColor: "surface.success"
+      },
+      warning: {
+        backgroundColor: "surface.warningSubtle",
+        borderColor: "surface.warning"
       }
     }
   }

package/lib/BlockQuote.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 declare const blockQuoteRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         neutral: {

package/lib/Button.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
-import { HTMLArkProps } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps, RecipeVariant } from "@ndla/styled-system/types";
+import { type ReactNode } from "react";
+import { type HTMLArkProps } from "@ark-ui/react";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps, RecipeVariant } from "@ndla/styled-system/types";
 export declare const buttonBaseRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         primary: {

package/lib/Checkbox.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Checkbox } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const checkboxRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"label" | "group" | "root" | "indicator" | "control", {
     variant: {
         checkbox: {

package/lib/Combobox.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Combobox } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const comboboxRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"input" | "label" | "content" | "list" | "root" | "item" | "itemIndicator" | "control" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemText" | "positioner" | "trigger", {
     context: {
         standalone: {

package/lib/Dialog.d.ts

@@ -6,9 +6,9 @@
  *
  */
 import { Dialog } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const dialogRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"title" | "content" | "description" | "positioner" | "trigger" | "backdrop" | "closeTrigger", {
     context: {
         dialog: {

package/lib/ErrorMessage/ErrorMessage.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { TextProps } from "../Text";
+import { type TextProps } from "../Text";
 export declare const ErrorMessageRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLElement>>;

package/lib/ExpandableBox.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 export type ExpandableBoxProps = HTMLArkProps<"details"> & JsxStyleProps;
 export declare const ExpandableBox: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;

package/lib/Figure.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps, RecipeVariant } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps, RecipeVariant } from "@ndla/styled-system/types";
 declare const figureRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     size: {
         full: {

package/lib/FileUpload.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { FileUpload } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { TextProps } from "./Text";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import { type TextProps } from "./Text";
 declare const fileUploadRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"label" | "root" | "item" | "clearTrigger" | "itemGroup" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText", import("@ndla/styled-system/types").SlotRecipeVariantRecord<"label" | "root" | "item" | "clearTrigger" | "itemGroup" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText">>;
 export type FileUploadVariantProps = RecipeVariantProps<typeof fileUploadRecipe>;
 export type FileUploadRootProps = FileUpload.RootProps & FileUploadVariantProps;

package/lib/FramedContent.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 declare const framedContentRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     colorTheme: {
         neutral: {

package/lib/Hero.d.ts

@@ -7,7 +7,7 @@
  */
 import { type HTMLArkProps } from "@ark-ui/react";
 import { type RecipeVariantProps } from "@ndla/styled-system/css";
-import { type JsxStyleProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 declare const heroRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"background" | "content" | "root", {
     absolute: {
         true: {

package/lib/Image.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ComponentPropsWithRef, ReactNode } from "react";
-import { JsxStyleProps, StyledVariantProps } from "@ndla/styled-system/types";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+import type { JsxStyleProps, StyledVariantProps } from "@ndla/styled-system/types";
 export interface ImageCrop {
     startX: number;
     startY: number;

package/lib/Input.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps, type RecipeVariantProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 export declare const InputContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;

package/lib/Label.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { Fieldset, HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import { Fieldset, type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 export type LegendProps = HTMLArkProps<"legend"> & JsxStyleProps & TextProps;
 export declare const Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;

package/lib/Layout/PageContainer.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
-import { PageContentVariantProps } from "./PageContent";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type PageContentVariantProps } from "./PageContent";
 declare const pageContainerRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     padding: {
         none: {};

package/lib/Layout/PageContent.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { RecipeVariantProps } from "@ndla/styled-system/types";
+import type { RecipeVariantProps } from "@ndla/styled-system/types";
 declare const pageRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         content: {

package/lib/Menu.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Menu } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const itemCva: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         action: {

package/lib/MessageBox.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 declare const messageBoxRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     variant: {
         info: {
@@ -32,6 +32,6 @@ export type MessageBoxProps = HTMLArkProps<"div"> & JsxStyleProps & MessageBoxVa
 export declare const MessageBox: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & {
-    variant?: "error" | "success" | "info" | "warning" | undefined;
+    variant?: "error" | "success" | "warning" | "info" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/NdlaLogo.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ComponentPropsWithoutRef } from "react";
-import { ColorToken } from "@ndla/styled-system/tokens";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type ComponentPropsWithoutRef } from "react";
+import type { ColorToken } from "@ndla/styled-system/tokens";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 export type LogoProps = ComponentPropsWithoutRef<"svg"> & {
     color?: ColorToken;
 } & JsxStyleProps;

package/lib/Pagination.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { Pagination } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 interface RootProps extends Pagination.RootProps {
     translations: Pagination.RootProps["translations"];
 }

package/lib/Popover.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Popover } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 export type PopoverRootProps = Popover.RootProps;
 export declare const PopoverRoot: ({ lazyMount, unmountOnExit, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<Popover.AnchorProps & {

package/lib/RadioGroup.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { RadioGroup } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 export interface RadioGroupRootProps extends RadioGroup.RootProps, JsxStyleProps {
 }
 export declare const RadioGroupRoot: import("react").ForwardRefExoticComponent<RadioGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/Select.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Select } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 export type SelectRootProps<T extends Select.CollectionItem> = Select.RootProps<T> & JsxStyleProps;
 export declare const SelectRoot: <T extends unknown>({ lazyMount, unmountOnExit, ...props }: SelectRootProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectClearTrigger: import("react").ForwardRefExoticComponent<Select.ClearTriggerProps & {

package/lib/Skeleton.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 export declare const Skeleton: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 } & import("@ark-ui/react").PolymorphicProps>, {}>;

package/lib/Slider.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Slider } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 export type SliderRootProps = Slider.RootProps & JsxStyleProps;
 export declare const SliderRoot: import("react").ForwardRefExoticComponent<Slider.RootProps & {
     consumeCss?: boolean;

package/lib/Spinner.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 export declare const spinnerRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
     size: {
         small: {

package/lib/Switch.d.ts

@@ -6,9 +6,9 @@
  *
  */
 import { Switch } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const switchRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"label" | "root" | "control" | "thumb", import("@ndla/styled-system/types").SlotRecipeVariantRecord<"label" | "root" | "control" | "thumb">>;
 export type SwitchVariantProps = RecipeVariantProps<typeof switchRecipe>;
 export type SwitchRootProps = Switch.RootProps & JsxStyleProps & SwitchVariantProps;

package/lib/Table.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HTMLArkProps } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type HTMLArkProps } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 export type TableProps = HTMLArkProps<"table"> & JsxStyleProps;
 export declare const Table: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
     ref?: ((instance: HTMLTableElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableElement> | null | undefined;

package/lib/Tabs.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Tabs } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 declare const tabsRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"content" | "list" | "root" | "indicator" | "trigger", {
     variant: {
         line: {

package/lib/TagsInput.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { TagsInput } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 interface RootProps extends TagsInput.RootProps {
     translations: TagsInput.RootProps["translations"];
 }

package/lib/Text.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ColorToken, FontWeightToken } from "@ndla/styled-system/tokens";
+import type { ColorToken, FontWeightToken } from "@ndla/styled-system/tokens";
 import type { UtilityValues } from "@ndla/styled-system/types";
 export interface TextProps {
     textStyle?: UtilityValues["textStyle"];

package/lib/Toast.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { Toast } from "@ark-ui/react";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
-import { TextProps } from "./Text";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import { type TextProps } from "./Text";
 declare const toastRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"title" | "description" | "group" | "root" | "closeTrigger" | "actionTrigger", {
     variant: {
         light: {

package/lib/ToggleGroup.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { ToggleGroup } from "@ark-ui/react";
-import { RecipeVariantProps } from "@ndla/styled-system/css";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import { type RecipeVariantProps } from "@ndla/styled-system/css";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 declare const toggleGroupRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"root" | "item", import("@ndla/styled-system/types").SlotRecipeVariantRecord<"root" | "item">>;
 export type ToggleGroupVariantProps = RecipeVariantProps<typeof toggleGroupRecipe>;
 export type ToggleGroupRootProps = ToggleGroup.RootProps & JsxStyleProps & ToggleGroupVariantProps;

package/lib/Tree/Tree.d.ts

@@ -6,8 +6,8 @@
  *
  */
 import { TreeView } from "@ark-ui/react";
-import { JsxStyleProps } from "@ndla/styled-system/types";
-import { TextProps } from "../Text";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
+import { type TextProps } from "../Text";
 export type TreeRootProps = TreeView.RootProps & JsxStyleProps;
 export declare const TreeRoot: import("react").ForwardRefExoticComponent<TreeView.RootProps & {
     consumeCss?: boolean;

package/lib/createStyleContext.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { type ElementType, type ForwardRefExoticComponent, type PropsWithoutRef, type RefAttributes } from "react";
-import { WithCss } from "@ndla/styled-system/types";
+import type { WithCss } from "@ndla/styled-system/types";
 type Props = Record<string, unknown>;
 type Recipe = {
     (props?: Props): Props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.59-alpha.0",
+  "version": "1.0.61-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -30,10 +30,10 @@
   "dependencies": {
     "@ark-ui/react": "^4.1.2",
     "@ndla/styled-system": "^0.0.29",
-    "@ndla/util": "^5.0.1-alpha.0"
+    "@ndla/util": "^5.0.2-alpha.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.47",
+    "@ndla/preset-panda": "^0.0.48",
     "@pandacss/dev": "^0.48.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8929fb445477b02e740a9a21fd2d3ef08287d99c"
+  "gitHead": "bb87f73d8b8c67d7a39a3e10cc06ed55325798e4"
 }