@ndla/primitives 0.0.17 → 0.0.19

package/lib/Switch.js

@@ -103,9 +103,15 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(switchRecipe);
-const SwitchRoot = exports.SwitchRoot = withProvider(_react.Switch.Root, "root");
-const SwitchControl = exports.SwitchControl = withContext(_react.Switch.Control, "control");
-const SwitchThumb = exports.SwitchThumb = withContext(_react.Switch.Thumb, "thumb");
+const SwitchRoot = exports.SwitchRoot = withProvider(_react.Switch.Root, "root", {
+  baseComponent: true
+});
+const SwitchControl = exports.SwitchControl = withContext(_react.Switch.Control, "control", {
+  baseComponent: true
+});
+const SwitchThumb = exports.SwitchThumb = withContext(_react.Switch.Thumb, "thumb", {
+  baseComponent: true
+});
 const InternalSwitchLabel = withContext(_react.Switch.Label, "label");
 const SwitchLabel = _ref => {
   let {

package/lib/Tabs.d.ts

@@ -39,10 +39,9 @@ declare const tabsRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
             };
             indicator: {
                 background: "transparent";
-                outline: "4px solid";
+                outline: "3px solid";
                 outlineColor: "stroke.default";
-                pointerEvents: "none";
-                outlineOffset: "-4px";
+                outlineOffset: "-3px";
                 _peerFocusVisible: {
                     height: "var(--height)";
                     width: "var(--width)";
@@ -54,14 +53,17 @@ declare const tabsRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
                     };
                 };
                 _horizontal: {
-                    bottom: "0";
-                    height: "2";
+                    top: "calc(var(--top) + var(--height) - 6px)";
+                    _peerFocusVisible: {
+                        top: "var(--top)";
+                    };
+                    height: "3";
                     width: "var(--width)";
                 };
                 _vertical: {
                     height: "var(--height)";
                     left: "0";
-                    width: "2";
+                    width: "3";
                 };
             };
             content: {
@@ -130,7 +132,10 @@ declare const tabsRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
     };
 }>;
 export type TabsVariantProps = RecipeVariantProps<typeof tabsRecipe>;
-export type TabsRootProps = Tabs.RootProps & TabsVariantProps & JsxStyleProps;
+interface RootProps extends Tabs.RootProps {
+    translations: Tabs.RootProps["translations"];
+}
+export type TabsRootProps = RootProps & TabsVariantProps & JsxStyleProps;
 export declare const TabsRoot: ({ lazyMount, unmountOnExit, ...props }: TabsRootProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TabsContent: import("react").ForwardRefExoticComponent<Tabs.ContentProps & {
     consumeCss?: boolean | undefined;

package/lib/Tabs.js

@@ -17,7 +17,9 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const tabsRecipe = (0, _css.sva)({
-  slots: _react.tabsAnatomy.keys(),
+  // TODO: This still doesn't work. Need to figure out why we need to pass keys manually.
+  // slots: tabsAnatomy.keys(),
+  slots: ["root", "list", "trigger", "content", "indicator"],
   base: {
     root: {
       position: "relative",
@@ -34,7 +36,7 @@ const tabsRecipe = (0, _css.sva)({
       position: "relative",
       display: "flex",
       flexShrink: "0",
-      overflow: "auto",
+      flexWrap: "wrap",
       _horizontal: {
         flexDirection: "row"
       },
@@ -112,10 +114,9 @@ const tabsRecipe = (0, _css.sva)({
         },
         indicator: {
           background: "transparent",
-          outline: "4px solid",
+          outline: "3px solid",
           outlineColor: "stroke.default",
-          pointerEvents: "none",
-          outlineOffset: "-4px",
+          outlineOffset: "-3px",
           _peerFocusVisible: {
             height: "var(--height)",
             width: "var(--width)",
@@ -127,14 +128,17 @@ const tabsRecipe = (0, _css.sva)({
             }
           },
           _horizontal: {
-            bottom: "0",
-            height: "2",
+            top: "calc(var(--top) + var(--height) - 6px)",
+            _peerFocusVisible: {
+              top: "var(--top)"
+            },
+            height: "3",
             width: "var(--width)"
           },
           _vertical: {
             height: "var(--height)",
             left: "0",
-            width: "2"
+            width: "3"
           }
         },
         content: {
@@ -207,7 +211,9 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(tabsRecipe);
-const InternalTabsRoot = withProvider(_react.Tabs.Root, "root");
+const InternalTabsRoot = withProvider(_react.Tabs.Root, "root", {
+  baseComponent: true
+});
 const TabsRoot = _ref => {
   let {
     lazyMount = true,
@@ -221,10 +227,18 @@ const TabsRoot = _ref => {
   });
 };
 exports.TabsRoot = TabsRoot;
-const TabsContent = exports.TabsContent = withContext(_react.Tabs.Content, "content");
-const TabsIndicator = exports.TabsIndicator = withContext(_react.Tabs.Indicator, "indicator");
-const TabsList = exports.TabsList = withContext(_react.Tabs.List, "list");
-const InternalTabsTrigger = withContext(_react.Tabs.Trigger, "trigger");
+const TabsContent = exports.TabsContent = withContext(_react.Tabs.Content, "content", {
+  baseComponent: true
+});
+const TabsIndicator = exports.TabsIndicator = withContext(_react.Tabs.Indicator, "indicator", {
+  baseComponent: true
+});
+const TabsList = exports.TabsList = withContext(_react.Tabs.List, "list", {
+  baseComponent: true
+});
+const InternalTabsTrigger = withContext(_react.Tabs.Trigger, "trigger", {
+  baseComponent: true
+});
 const TabsTrigger = _ref2 => {
   let {
     className,

package/lib/TagsInput.d.ts

@@ -8,34 +8,47 @@
 import { TagsInput } from "@ark-ui/react";
 import { JsxStyleProps } from "@ndla/styled-system/types";
 import { TextProps } from "./Text";
-export type TagsInputRootProps = TagsInput.RootProps & JsxStyleProps;
-export declare const TagsInputRoot: import("react").ForwardRefExoticComponent<TagsInput.RootProps & {
+interface RootProps extends TagsInput.RootProps {
+    translations: TagsInput.RootProps["translations"];
+}
+export type TagsInputRootProps = RootProps & JsxStyleProps;
+export declare const TagsInputRoot: import("react").ForwardRefExoticComponent<RootProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputClearTriggerProps = TagsInput.ClearTriggerProps & JsxStyleProps;
 export declare const TagsInputClearTrigger: import("react").ForwardRefExoticComponent<TagsInput.ClearTriggerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export type TagsInputControlProps = TagsInput.ControlProps & JsxStyleProps;
 export declare const TagsInputControl: import("react").ForwardRefExoticComponent<TagsInput.ControlProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputInputProps = TagsInput.InputProps & JsxStyleProps;
 export declare const TagsInputInput: import("react").ForwardRefExoticComponent<TagsInput.InputProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
+export type TagsInputItemDeleteTriggerProps = TagsInput.ItemDeleteTriggerProps & JsxStyleProps;
 export declare const TagsInputItemDeleteTrigger: import("react").ForwardRefExoticComponent<TagsInput.ItemDeleteTriggerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export type TagsInputItemInputProps = TagsInput.ItemInputProps & JsxStyleProps;
 export declare const TagsInputItemInput: import("react").ForwardRefExoticComponent<TagsInput.ItemInputProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
+export type TagsInputItemPreviewProps = TagsInput.ItemPreviewProps & JsxStyleProps;
 export declare const TagsInputItemPreview: import("react").ForwardRefExoticComponent<TagsInput.ItemPreviewProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputItemProps = TagsInput.ItemProps & JsxStyleProps;
 export declare const TagsInputItem: import("react").ForwardRefExoticComponent<TagsInput.ItemProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputItemTextProps = TagsInput.ItemTextProps & JsxStyleProps;
 export declare const TagsInputItemText: import("react").ForwardRefExoticComponent<TagsInput.ItemTextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;
+export type TagsInputLabelProps = TagsInput.LabelProps & JsxStyleProps & TextProps;
 export declare const TagsInputLabel: import("react").ForwardRefExoticComponent<TagsInput.LabelProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & TextProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};

package/lib/TagsInput.js

@@ -100,15 +100,33 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(tagsInputRecipe);
-const TagsInputRoot = exports.TagsInputRoot = withProvider(_react2.TagsInput.Root, "root");
-const TagsInputClearTrigger = exports.TagsInputClearTrigger = withContext(_react2.TagsInput.ClearTrigger, "clearTrigger");
-const TagsInputControl = exports.TagsInputControl = withContext(_react2.TagsInput.Control, "control");
-const TagsInputInput = exports.TagsInputInput = withContext(_react2.TagsInput.Input, "input");
-const TagsInputItemDeleteTrigger = exports.TagsInputItemDeleteTrigger = withContext(_react2.TagsInput.ItemDeleteTrigger, "itemDeleteTrigger");
-const TagsInputItemInput = exports.TagsInputItemInput = withContext(_react2.TagsInput.ItemInput, "itemInput");
-const TagsInputItemPreview = exports.TagsInputItemPreview = withContext(_react2.TagsInput.ItemPreview, "itemPreview");
-const TagsInputItem = exports.TagsInputItem = withContext(_react2.TagsInput.Item, "item");
-const TagsInputItemText = exports.TagsInputItemText = withContext(_react2.TagsInput.ItemText, "itemText");
+const TagsInputRoot = exports.TagsInputRoot = withProvider(_react2.TagsInput.Root, "root", {
+  baseComponent: true
+});
+const TagsInputClearTrigger = exports.TagsInputClearTrigger = withContext(_react2.TagsInput.ClearTrigger, "clearTrigger", {
+  baseComponent: true
+});
+const TagsInputControl = exports.TagsInputControl = withContext(_react2.TagsInput.Control, "control", {
+  baseComponent: true
+});
+const TagsInputInput = exports.TagsInputInput = withContext(_react2.TagsInput.Input, "input", {
+  baseComponent: true
+});
+const TagsInputItemDeleteTrigger = exports.TagsInputItemDeleteTrigger = withContext(_react2.TagsInput.ItemDeleteTrigger, "itemDeleteTrigger", {
+  baseComponent: true
+});
+const TagsInputItemInput = exports.TagsInputItemInput = withContext(_react2.TagsInput.ItemInput, "itemInput", {
+  baseComponent: true
+});
+const TagsInputItemPreview = exports.TagsInputItemPreview = withContext(_react2.TagsInput.ItemPreview, "itemPreview", {
+  baseComponent: true
+});
+const TagsInputItem = exports.TagsInputItem = withContext(_react2.TagsInput.Item, "item", {
+  baseComponent: true
+});
+const TagsInputItemText = exports.TagsInputItemText = withContext(_react2.TagsInput.ItemText, "itemText", {
+  baseComponent: true
+});
 const InternalTagsInputLabel = withContext(_react2.TagsInput.Label, "label");
 const TagsInputLabel = exports.TagsInputLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/lib/Toast.js

@@ -50,9 +50,15 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(toastRecipe);
-const ToastRoot = exports.ToastRoot = withProvider(_react.Toast.Root, "root");
-const ToastActionTrigger = exports.ToastActionTrigger = withContext(_react.Toast.ActionTrigger, "actionTrigger");
-const ToastCloseTrigger = exports.ToastCloseTrigger = withContext(_react.Toast.CloseTrigger, "closeTrigger");
+const ToastRoot = exports.ToastRoot = withProvider(_react.Toast.Root, "root", {
+  baseComponent: true
+});
+const ToastActionTrigger = exports.ToastActionTrigger = withContext(_react.Toast.ActionTrigger, "actionTrigger", {
+  baseComponent: true
+});
+const ToastCloseTrigger = exports.ToastCloseTrigger = withContext(_react.Toast.CloseTrigger, "closeTrigger", {
+  baseComponent: true
+});
 const InternalToastDescription = withContext(_react.Toast.Description, "description");
 const ToastDescription = _ref => {
   let {

package/lib/Tooltip.js

@@ -42,9 +42,15 @@ const {
   withContext
 } = (0, _createStyleContext.createStyleContext)(tooltipRecipe);
 const TooltipRoot = exports.TooltipRoot = withRootProvider(_react2.Tooltip.Root);
-const TooltipArrow = exports.TooltipArrow = withContext(_react2.Tooltip.Arrow, "arrow");
-const TooltipArrowTip = exports.TooltipArrowTip = withContext(_react2.Tooltip.ArrowTip, "arrowTip");
-const TooltipContentStandalone = exports.TooltipContentStandalone = withContext(_react2.Tooltip.Content, "content");
+const TooltipArrow = exports.TooltipArrow = withContext(_react2.Tooltip.Arrow, "arrow", {
+  baseComponent: true
+});
+const TooltipArrowTip = exports.TooltipArrowTip = withContext(_react2.Tooltip.ArrowTip, "arrowTip", {
+  baseComponent: true
+});
+const TooltipContentStandalone = exports.TooltipContentStandalone = withContext(_react2.Tooltip.Content, "content", {
+  baseComponent: true
+});
 const TooltipContent = exports.TooltipContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -60,5 +66,9 @@ const TooltipContent = exports.TooltipContent = /*#__PURE__*/(0, _react.forwardR
     })
   });
 });
-const TooltipPositioner = exports.TooltipPositioner = withContext(_react2.Tooltip.Positioner, "positioner");
-const TooltipTrigger = exports.TooltipTrigger = withContext(_react2.Tooltip.Trigger, "trigger");
+const TooltipPositioner = exports.TooltipPositioner = withContext(_react2.Tooltip.Positioner, "positioner", {
+  baseComponent: true
+});
+const TooltipTrigger = exports.TooltipTrigger = withContext(_react2.Tooltip.Trigger, "trigger", {
+  baseComponent: true
+});

package/lib/createStyleContext.d.ts

@@ -21,9 +21,12 @@ interface BaseStyleContextProps {
     asChild?: boolean;
     consumeCss?: boolean;
 }
+interface CreateStyleContextOptions {
+    baseComponent?: boolean;
+}
 export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
     withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
-    withProvider: <T, P_1 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
-    withContext: <T_1, P_2 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
+    withProvider: <T, P_1 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>, options?: CreateStyleContextOptions) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+    withContext: <T_1, P_2 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>, options?: CreateStyleContextOptions) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
 };
 export {};

package/lib/createStyleContext.js

@@ -35,11 +35,8 @@ const createStyleContext = recipe => {
     };
     return StyledComponent;
   };
-  const withProvider = (Component, slot) => {
-    const opts = typeof Component === "string" ? undefined : {
-      baseComponent: true
-    };
-    const StyledComponent = (0, _jsx2.styled)(Component, {}, opts);
+  const withProvider = (Component, slot, options) => {
+    const StyledComponent = (0, _jsx2.styled)(Component, {}, options);
     return /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       let {
         css: cssProp,
@@ -57,11 +54,8 @@ const createStyleContext = recipe => {
       });
     });
   };
-  const withContext = (Component, slot) => {
-    const opts = typeof Component === "string" ? undefined : {
-      baseComponent: true
-    };
-    const StyledComponent = (0, _jsx2.styled)(Component, {}, opts);
+  const withContext = (Component, slot, options) => {
+    const StyledComponent = (0, _jsx2.styled)(Component, {}, options);
     return /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
       let {
         css: cssProp,

package/lib/index.d.ts

@@ -9,16 +9,17 @@ export type { AccordionRootProps } from "./Accordion";
 export { AccordionRoot, AccordionItemContent, AccordionItemIndicator, AccordionItem, AccordionItemTrigger, } from "./Accordion";
 export type { OrderedListProps, OrderedListVariantProps, UnOrderedListProps, DefinitionListProps, } from "./ArticleLists";
 export { OrderedList, UnOrderedList, DefinitionList } from "./ArticleLists";
-export type { BadgeVariantProps, BadgeProps } from "./Badge";
+export type { BadgeVariantProps, BadgeProps, BadgeVariant } from "./Badge";
 export { Badge } from "./Badge";
 export type { BlockQuoteVariantProps, BlockQuoteProps } from "./BlockQuote";
 export { BlockQuote } from "./BlockQuote";
 export type { ButtonProps, ButtonVariantProps, IconButtonProps, IconButtonVariantProps } from "./Button";
 export { Button, IconButton, buttonBaseRecipe, buttonRecipe, iconButtonRecipe } from "./Button";
+export { CardRoot, CardHeading, CardContent, CardImage } from "./Card/Card";
 export type { CheckboxVariantProps, CheckboxRootProps } from "./Checkbox";
 export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, } from "./Checkbox";
-export type { ComboboxVariantProps, ComboboxRootProps } from "./Combobox";
-export { ComboboxRoot, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItemGroupLabel, ComboboxItemGroup, ComboboxItemIndicator, ComboboxItem, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxTrigger, } from "./Combobox";
+export type { ComboboxVariantProps, ComboboxRootProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxTriggerProps, ComboboxListProps, } from "./Combobox";
+export { ComboboxRoot, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItemGroupLabel, ComboboxItemGroup, ComboboxItemIndicator, ComboboxItem, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxTrigger, ComboboxList, } from "./Combobox";
 export type { DialogVariantProps, DialogRootProps } from "./Dialog";
 export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogCloseTrigger, DialogHeader, DialogBody, } from "./Dialog";
 export type { ExpandableBoxProps, ExpandableBoxSummaryProps } from "./ExpandableBox";
@@ -31,7 +32,7 @@ export { Figure } from "./Figure";
 export type { FramedContentVariantProps, FramedContentProps } from "./FramedContent";
 export { FramedContent } from "./FramedContent";
 export type { ImageCrop, ImageFocalPoint, PictureProps, ImgProps, ImageProps } from "./Image";
-export { Picture, Img, Image } from "./Image";
+export { Picture, Img, Image, makeSrcQueryString, getSrcSet } from "./Image";
 export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
 export type { LabelProps } from "./Label";
 export { Label, FieldLabel } from "./Label";
@@ -48,7 +49,7 @@ export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, Popov
 export type { RadioGroupRootProps } from "./RadioGroup";
 export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput, } from "./RadioGroup";
 export type { SelectRootProps } from "./Select";
-export { SelectRoot, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItemGroupLabel, SelectItemGroup, SelectItemIndicator, SelectItem, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, } from "./Select";
+export { SelectRoot, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItemGroupLabel, SelectItemGroup, SelectItemIndicator, SelectItem, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, SelectList, } from "./Select";
 export type { SkeletonProps } from "./Skeleton";
 export { Skeleton } from "./Skeleton";
 export type { SliderRootProps } from "./Slider";
@@ -59,7 +60,7 @@ export type { SwitchVariantProps, SwitchRootProps } from "./Switch";
 export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
 export type { TableProps } from "./Table";
 export { Table } from "./Table";
-export type { TagsInputRootProps } from "./TagsInput";
+export type { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, } from "./TagsInput";
 export { TagsInputRoot, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItem, TagsInputItemText, TagsInputLabel, } from "./TagsInput";
 export type { TabsVariantProps, TabsRootProps } from "./Tabs";
 export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";

package/lib/index.js

@@ -51,6 +51,30 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardContent;
+  }
+});
+Object.defineProperty(exports, "CardHeading", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardHeading;
+  }
+});
+Object.defineProperty(exports, "CardImage", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardImage;
+  }
+});
+Object.defineProperty(exports, "CardRoot", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardRoot;
+  }
+});
 Object.defineProperty(exports, "CheckboxControl", {
   enumerable: true,
   get: function () {
@@ -147,6 +171,12 @@ Object.defineProperty(exports, "ComboboxLabel", {
     return _Combobox.ComboboxLabel;
   }
 });
+Object.defineProperty(exports, "ComboboxList", {
+  enumerable: true,
+  get: function () {
+    return _Combobox.ComboboxList;
+  }
+});
 Object.defineProperty(exports, "ComboboxPositioner", {
   enumerable: true,
   get: function () {
@@ -639,6 +669,12 @@ Object.defineProperty(exports, "SelectLabel", {
     return _Select.SelectLabel;
   }
 });
+Object.defineProperty(exports, "SelectList", {
+  enumerable: true,
+  get: function () {
+    return _Select.SelectList;
+  }
+});
 Object.defineProperty(exports, "SelectPositioner", {
   enumerable: true,
   get: function () {
@@ -945,17 +981,30 @@ Object.defineProperty(exports, "buttonRecipe", {
     return _Button.buttonRecipe;
   }
 });
+Object.defineProperty(exports, "getSrcSet", {
+  enumerable: true,
+  get: function () {
+    return _Image.getSrcSet;
+  }
+});
 Object.defineProperty(exports, "iconButtonRecipe", {
   enumerable: true,
   get: function () {
     return _Button.iconButtonRecipe;
   }
 });
+Object.defineProperty(exports, "makeSrcQueryString", {
+  enumerable: true,
+  get: function () {
+    return _Image.makeSrcQueryString;
+  }
+});
 var _Accordion = require("./Accordion");
 var _ArticleLists = require("./ArticleLists");
 var _Badge = require("./Badge");
 var _BlockQuote = require("./BlockQuote");
 var _Button = require("./Button");
+var _Card = require("./Card/Card");
 var _Checkbox = require("./Checkbox");
 var _Combobox = require("./Combobox");
 var _Dialog = require("./Dialog");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,7 +33,7 @@
     "@ndla/util": "^4.1.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.10",
+    "@ndla/preset-panda": "^0.0.11",
     "@pandacss/dev": "^0.42.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "93dde6fe4aaca52642f8fa0a27f4acad359207cb"
+  "gitHead": "3675a902b9f44f5afb37c648038b8d90f1ccd7d0"
 }