@ndla/primitives 0.0.6 → 0.0.7

package/es/Checkbox.js

@@ -222,6 +222,7 @@ export const CheckboxLabel = _ref => {
   return /*#__PURE__*/_jsx(InternalCheckboxLabel, {
     ...props,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       textStyle: textStyle,
       children: children

package/es/Dialog.js

@@ -285,6 +285,7 @@ export const DialogDescription = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/_jsx(InternalDialogDescription, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       textStyle: textStyle,
       ...rest
@@ -299,6 +300,7 @@ export const DialogTitle = _ref3 => {
   } = _ref3;
   return /*#__PURE__*/_jsx(InternalDialogTitle, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Heading, {
       textStyle: textStyle,
       ...rest

package/es/Label.js

@@ -20,6 +20,7 @@ const StyledLegend = styled(ark.legend, {
     }
   }
 });
+// TODO: This is not exported for now. Let's wait and see when ark decides to release their legend and fieldset.
 export const Legend = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     textStyle = "label.medium",

package/es/Menu.js

@@ -154,6 +154,7 @@ export const MenuItemGroupLabel = _ref2 => {
   return /*#__PURE__*/_jsx(InternalMenuItemGroupLabel, {
     ...props,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       textStyle: textStyle,
       fontWeight: fontWeight,

package/es/RadioGroup.js

@@ -104,6 +104,7 @@ export const RadioGroupItemText = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(InternalRadioGroupItemText, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       asChild: true,
       textStyle: textStyle,
@@ -123,6 +124,7 @@ export const RadioGroupLabel = /*#__PURE__*/forwardRef((_ref2, ref) => {
   return /*#__PURE__*/_jsx(InternalRadioGroupLabel, {
     ref: ref,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Label, {
       textStyle: textStyle,
       ...props

package/es/Slider.js

@@ -93,6 +93,7 @@ export const SliderLabel = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(InternalSliderLabel, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Label, {
       textStyle: textStyle,
       ...props

package/es/Switch.js

@@ -110,6 +110,7 @@ export const SwitchLabel = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(InternalSwitchLabel, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       asChild: true,
       textStyle: textStyle,

package/es/Toast.js

@@ -57,6 +57,7 @@ export const ToastDescription = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(InternalToastDescription, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       asChild: true,
       textStyle: textStyle,
@@ -77,6 +78,7 @@ export const ToastTitle = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/_jsx(InternalToastTitle, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/_jsx(Text, {
       asChild: true,
       fontWeight: fontWeight,

package/es/index.js

@@ -6,14 +6,32 @@
  *
  */
 
+export { AccordionRoot, AccordionItemContent, AccordionItemIndicator, AccordionItem, AccordionItemTrigger } from "./Accordion";
+export { OrderedList, UnOrderedList, DefinitionList } from "./ArticleLists";
+export { Badge } from "./Badge";
 export { BlockQuote } from "./BlockQuote";
 export { Button, IconButton } from "./Button";
+export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput } from "./Checkbox";
+export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogCloseTrigger, DialogHeader, DialogBody } from "./Dialog";
 export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
-export { Input, InputContainer, TextArea } from "./Input";
-export { OrderedList, UnOrderedList } from "./ArticleLists";
-export { Icon } from "./Icon";
+export { FieldRoot } from "./Field";
+export { FieldErrorMessage } from "./FieldErrorMessage";
+export { FieldHelper } from "./FieldHelper";
+export { FramedContent } from "./FramedContent";
+export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
+export { Label, FieldLabel } from "./Label";
+export { MenuRoot, MenuContent, MenuItemGroupLabel, MenuItemGroup, MenuItem, MenuPositioner, MenuTriggerItem, MenuTrigger, MenuSeparator } from "./Menu";
+export { MessageBox } from "./MessageBox";
 export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
+export { PaginationRoot, PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger } from "./Pagination";
+export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger } from "./Popover";
+export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput } from "./RadioGroup";
+export { Skeleton } from "./Skeleton";
+export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderLabel, SliderHiddenInput } from "./Slider";
 export { Spinner } from "./Spinner";
+export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
 export { Table } from "./Table";
+export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";
 export { Text, Heading } from "./Text";
-export { MessageBox } from "./MessageBox";
+export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
+export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger } from "./Tooltip";

package/lib/Checkbox.js

@@ -228,6 +228,7 @@ const CheckboxLabel = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalCheckboxLabel, {
     ...props,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       textStyle: textStyle,
       children: children

package/lib/Dialog.js

@@ -292,6 +292,7 @@ const DialogDescription = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalDialogDescription, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       textStyle: textStyle,
       ...rest
@@ -307,6 +308,7 @@ const DialogTitle = _ref3 => {
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalDialogTitle, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Heading, {
       textStyle: textStyle,
       ...rest

package/lib/Label.js

@@ -26,6 +26,7 @@ const StyledLegend = (0, _jsx2.styled)(_react2.ark.legend, {
     }
   }
 });
+// TODO: This is not exported for now. Let's wait and see when ark decides to release their legend and fieldset.
 const Legend = exports.Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     textStyle = "label.medium",

package/lib/Menu.d.ts

@@ -56,6 +56,7 @@ export declare const MenuItemGroup: import("react").ForwardRefExoticComponent<{
     forwardCssProp?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & Menu.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export type MenuItemVariantProps = RecipeVariantProps<typeof itemCva>;
+export type MenuItemProps = Menu.ItemProps & JsxStyleProps & MenuItemVariantProps;
 export declare const MenuItem: import("react").ForwardRefExoticComponent<Menu.ItemProps & {
     forwardCssProp?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & {

package/lib/Menu.js

@@ -161,6 +161,7 @@ const MenuItemGroupLabel = _ref2 => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalMenuItemGroupLabel, {
     ...props,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       textStyle: textStyle,
       fontWeight: fontWeight,

package/lib/RadioGroup.js

@@ -110,6 +110,7 @@ const RadioGroupItemText = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalRadioGroupItemText, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       asChild: true,
       textStyle: textStyle,
@@ -130,6 +131,7 @@ const RadioGroupLabel = exports.RadioGroupLabel = /*#__PURE__*/(0, _react.forwar
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalRadioGroupLabel, {
     ref: ref,
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
       textStyle: textStyle,
       ...props

package/lib/Slider.js

@@ -99,6 +99,7 @@ const SliderLabel = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalSliderLabel, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
       textStyle: textStyle,
       ...props

package/lib/Switch.js

@@ -116,6 +116,7 @@ const SwitchLabel = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalSwitchLabel, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       asChild: true,
       textStyle: textStyle,

package/lib/Toast.d.ts

@@ -8,9 +8,9 @@
 import { Toast } from "@ark-ui/react";
 import { JsxStyleProps } from "@ndla/styled-system/types";
 import { TextProps } from "./Text";
-export interface RootProps extends Toast.RootProps, JsxStyleProps {
+export interface ToastRootProps extends Toast.RootProps, JsxStyleProps {
 }
-export declare const ToastRoot: import("react").ForwardRefExoticComponent<RootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ToastActionTrigger: import("react").ForwardRefExoticComponent<{
     forwardCssProp?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & Toast.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/Toast.js

@@ -63,6 +63,7 @@ const ToastDescription = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalToastDescription, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       asChild: true,
       textStyle: textStyle,
@@ -84,6 +85,7 @@ const ToastTitle = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalToastTitle, {
     asChild: true,
+    forwardCssProp: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       asChild: true,
       fontWeight: fontWeight,

package/lib/index.d.ts

@@ -5,24 +5,57 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+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 { Badge } from "./Badge";
 export type { BlockQuoteVariantProps, BlockQuoteProps } from "./BlockQuote";
 export { BlockQuote } from "./BlockQuote";
+export type { ButtonProps, ButtonVariantProps, IconButtonProps, IconButtonVariantProps } from "./Button";
 export { Button, IconButton } from "./Button";
-export type { ButtonProps, IconButtonProps } from "./Button";
-export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
+export type { CheckboxVariantProps, CheckboxRootProps } from "./Checkbox";
+export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, } from "./Checkbox";
+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";
-export { Input, InputContainer, TextArea } from "./Input";
-export { OrderedList, UnOrderedList } from "./ArticleLists";
-export type { OrderedListProps, OrderedListVariantProps, UnOrderedListProps } from "./ArticleLists";
-export { Icon } from "./Icon";
-export type { IconProps } from "./Icon";
-export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
+export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
+export { FieldRoot } from "./Field";
+export { FieldErrorMessage } from "./FieldErrorMessage";
+export { FieldHelper } from "./FieldHelper";
+export type { FramedContentVariantProps, FramedContentProps } from "./FramedContent";
+export { FramedContent } from "./FramedContent";
+export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
+export type { LabelProps } from "./Label";
+export { Label, FieldLabel } from "./Label";
+export type { MenuRootProps, MenuItemVariantProps, MenuItemProps } from "./Menu";
+export { MenuRoot, MenuContent, MenuItemGroupLabel, MenuItemGroup, MenuItem, MenuPositioner, MenuTriggerItem, MenuTrigger, MenuSeparator, } from "./Menu";
+export type { MessageBoxVariantProps, MessageBoxProps } from "./MessageBox";
+export { MessageBox } from "./MessageBox";
 export type { LogoProps } from "./NdlaLogo";
+export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
+export type { PaginationRootProps } from "./Pagination";
+export { PaginationRoot, PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger, } from "./Pagination";
+export type { PopoverRootProps } from "./Popover";
+export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, } from "./Popover";
+export type { RadioGroupRootProps } from "./RadioGroup";
+export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput, } from "./RadioGroup";
+export type { SkeletonProps } from "./Skeleton";
+export { Skeleton } from "./Skeleton";
+export type { SliderRootProps } from "./Slider";
+export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderLabel, SliderHiddenInput, } from "./Slider";
+export type { SpinnerVariantProps, SpinnerProps } from "./Spinner";
 export { Spinner } from "./Spinner";
-export type { SpinnerProps } from "./Spinner";
-export { Table } from "./Table";
+export type { SwitchVariantProps, SwitchRootProps } from "./Switch";
+export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
 export type { TableProps } from "./Table";
-export { Text, Heading } from "./Text";
+export { Table } from "./Table";
+export type { TabsVariantProps, TabsRootProps } from "./Tabs";
+export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";
 export type { TextProps } from "./Text";
-export type { MessageBoxVariantProps, MessageBoxProps } from "./MessageBox";
-export { MessageBox } from "./MessageBox";
+export { Text, Heading } from "./Text";
+export type { ToastRootProps } from "./Toast";
+export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
+export type { TooltipRootProps } from "./Tooltip";
+export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger, } from "./Tooltip";

package/lib/index.js

@@ -3,6 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionItem;
+  }
+});
+Object.defineProperty(exports, "AccordionItemContent", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionItemContent;
+  }
+});
+Object.defineProperty(exports, "AccordionItemIndicator", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionItemIndicator;
+  }
+});
+Object.defineProperty(exports, "AccordionItemTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionItemTrigger;
+  }
+});
+Object.defineProperty(exports, "AccordionRoot", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionRoot;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _Badge.Badge;
+  }
+});
 Object.defineProperty(exports, "BlockQuote", {
   enumerable: true,
   get: function () {
@@ -15,6 +51,114 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "CheckboxControl", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxControl;
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxGroup;
+  }
+});
+Object.defineProperty(exports, "CheckboxHiddenInput", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxHiddenInput;
+  }
+});
+Object.defineProperty(exports, "CheckboxIndicator", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxIndicator;
+  }
+});
+Object.defineProperty(exports, "CheckboxLabel", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxLabel;
+  }
+});
+Object.defineProperty(exports, "CheckboxRoot", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.CheckboxRoot;
+  }
+});
+Object.defineProperty(exports, "DefinitionList", {
+  enumerable: true,
+  get: function () {
+    return _ArticleLists.DefinitionList;
+  }
+});
+Object.defineProperty(exports, "DialogBackdrop", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogBackdrop;
+  }
+});
+Object.defineProperty(exports, "DialogBody", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogBody;
+  }
+});
+Object.defineProperty(exports, "DialogCloseTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogCloseTrigger;
+  }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogContent;
+  }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogDescription;
+  }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogHeader;
+  }
+});
+Object.defineProperty(exports, "DialogPositioner", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogPositioner;
+  }
+});
+Object.defineProperty(exports, "DialogRoot", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogRoot;
+  }
+});
+Object.defineProperty(exports, "DialogStandaloneContent", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogStandaloneContent;
+  }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogTitle;
+  }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.DialogTrigger;
+  }
+});
 Object.defineProperty(exports, "ExpandableBox", {
   enumerable: true,
   get: function () {
@@ -27,16 +171,52 @@ Object.defineProperty(exports, "ExpandableBoxSummary", {
     return _ExpandableBox.ExpandableBoxSummary;
   }
 });
-Object.defineProperty(exports, "Heading", {
+Object.defineProperty(exports, "FieldErrorMessage", {
   enumerable: true,
   get: function () {
-    return _Text.Heading;
+    return _FieldErrorMessage.FieldErrorMessage;
+  }
+});
+Object.defineProperty(exports, "FieldHelper", {
+  enumerable: true,
+  get: function () {
+    return _FieldHelper.FieldHelper;
+  }
+});
+Object.defineProperty(exports, "FieldInput", {
+  enumerable: true,
+  get: function () {
+    return _Input.FieldInput;
+  }
+});
+Object.defineProperty(exports, "FieldLabel", {
+  enumerable: true,
+  get: function () {
+    return _Label.FieldLabel;
+  }
+});
+Object.defineProperty(exports, "FieldRoot", {
+  enumerable: true,
+  get: function () {
+    return _Field.FieldRoot;
+  }
+});
+Object.defineProperty(exports, "FieldTextArea", {
+  enumerable: true,
+  get: function () {
+    return _Input.FieldTextArea;
+  }
+});
+Object.defineProperty(exports, "FramedContent", {
+  enumerable: true,
+  get: function () {
+    return _FramedContent.FramedContent;
   }
 });
-Object.defineProperty(exports, "Icon", {
+Object.defineProperty(exports, "Heading", {
   enumerable: true,
   get: function () {
-    return _Icon.Icon;
+    return _Text.Heading;
   }
 });
 Object.defineProperty(exports, "IconButton", {
@@ -57,6 +237,66 @@ Object.defineProperty(exports, "InputContainer", {
     return _Input.InputContainer;
   }
 });
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () {
+    return _Label.Label;
+  }
+});
+Object.defineProperty(exports, "MenuContent", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuContent;
+  }
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuItem;
+  }
+});
+Object.defineProperty(exports, "MenuItemGroup", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuItemGroup;
+  }
+});
+Object.defineProperty(exports, "MenuItemGroupLabel", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuItemGroupLabel;
+  }
+});
+Object.defineProperty(exports, "MenuPositioner", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuPositioner;
+  }
+});
+Object.defineProperty(exports, "MenuRoot", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuRoot;
+  }
+});
+Object.defineProperty(exports, "MenuSeparator", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuSeparator;
+  }
+});
+Object.defineProperty(exports, "MenuTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuTrigger;
+  }
+});
+Object.defineProperty(exports, "MenuTriggerItem", {
+  enumerable: true,
+  get: function () {
+    return _Menu.MenuTriggerItem;
+  }
+});
 Object.defineProperty(exports, "MessageBox", {
   enumerable: true,
   get: function () {
@@ -87,18 +327,276 @@ Object.defineProperty(exports, "OrderedList", {
     return _ArticleLists.OrderedList;
   }
 });
+Object.defineProperty(exports, "PaginationEllipsis", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.PaginationEllipsis;
+  }
+});
+Object.defineProperty(exports, "PaginationItem", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.PaginationItem;
+  }
+});
+Object.defineProperty(exports, "PaginationNextTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.PaginationNextTrigger;
+  }
+});
+Object.defineProperty(exports, "PaginationPrevTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.PaginationPrevTrigger;
+  }
+});
+Object.defineProperty(exports, "PaginationRoot", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.PaginationRoot;
+  }
+});
+Object.defineProperty(exports, "PopoverAnchor", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverAnchor;
+  }
+});
+Object.defineProperty(exports, "PopoverArrow", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverArrow;
+  }
+});
+Object.defineProperty(exports, "PopoverArrowStandalone", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverArrowStandalone;
+  }
+});
+Object.defineProperty(exports, "PopoverArrowTip", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverArrowTip;
+  }
+});
+Object.defineProperty(exports, "PopoverCloseTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverCloseTrigger;
+  }
+});
+Object.defineProperty(exports, "PopoverContent", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverContent;
+  }
+});
+Object.defineProperty(exports, "PopoverContentStandalone", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverContentStandalone;
+  }
+});
+Object.defineProperty(exports, "PopoverDescription", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverDescription;
+  }
+});
+Object.defineProperty(exports, "PopoverIndicator", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverIndicator;
+  }
+});
+Object.defineProperty(exports, "PopoverPositioner", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverPositioner;
+  }
+});
+Object.defineProperty(exports, "PopoverRoot", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverRoot;
+  }
+});
+Object.defineProperty(exports, "PopoverTitle", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverTitle;
+  }
+});
+Object.defineProperty(exports, "PopoverTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverTrigger;
+  }
+});
+Object.defineProperty(exports, "RadioGroupIndicator", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupIndicator;
+  }
+});
+Object.defineProperty(exports, "RadioGroupItem", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupItem;
+  }
+});
+Object.defineProperty(exports, "RadioGroupItemControl", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupItemControl;
+  }
+});
+Object.defineProperty(exports, "RadioGroupItemHiddenInput", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupItemHiddenInput;
+  }
+});
+Object.defineProperty(exports, "RadioGroupItemText", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupItemText;
+  }
+});
+Object.defineProperty(exports, "RadioGroupLabel", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupLabel;
+  }
+});
+Object.defineProperty(exports, "RadioGroupRoot", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroupRoot;
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.Skeleton;
+  }
+});
+Object.defineProperty(exports, "SliderControl", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderControl;
+  }
+});
+Object.defineProperty(exports, "SliderHiddenInput", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderHiddenInput;
+  }
+});
+Object.defineProperty(exports, "SliderLabel", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderLabel;
+  }
+});
+Object.defineProperty(exports, "SliderRange", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderRange;
+  }
+});
+Object.defineProperty(exports, "SliderRoot", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderRoot;
+  }
+});
+Object.defineProperty(exports, "SliderThumb", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderThumb;
+  }
+});
+Object.defineProperty(exports, "SliderTrack", {
+  enumerable: true,
+  get: function () {
+    return _Slider.SliderTrack;
+  }
+});
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () {
     return _Spinner.Spinner;
   }
 });
+Object.defineProperty(exports, "SwitchControl", {
+  enumerable: true,
+  get: function () {
+    return _Switch.SwitchControl;
+  }
+});
+Object.defineProperty(exports, "SwitchHiddenInput", {
+  enumerable: true,
+  get: function () {
+    return _Switch.SwitchHiddenInput;
+  }
+});
+Object.defineProperty(exports, "SwitchLabel", {
+  enumerable: true,
+  get: function () {
+    return _Switch.SwitchLabel;
+  }
+});
+Object.defineProperty(exports, "SwitchRoot", {
+  enumerable: true,
+  get: function () {
+    return _Switch.SwitchRoot;
+  }
+});
+Object.defineProperty(exports, "SwitchThumb", {
+  enumerable: true,
+  get: function () {
+    return _Switch.SwitchThumb;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () {
     return _Table.Table;
   }
 });
+Object.defineProperty(exports, "TabsContent", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.TabsContent;
+  }
+});
+Object.defineProperty(exports, "TabsIndicator", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.TabsIndicator;
+  }
+});
+Object.defineProperty(exports, "TabsList", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.TabsList;
+  }
+});
+Object.defineProperty(exports, "TabsRoot", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.TabsRoot;
+  }
+});
+Object.defineProperty(exports, "TabsTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.TabsTrigger;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
@@ -111,20 +609,110 @@ Object.defineProperty(exports, "TextArea", {
     return _Input.TextArea;
   }
 });
+Object.defineProperty(exports, "ToastActionTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastActionTrigger;
+  }
+});
+Object.defineProperty(exports, "ToastCloseTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastCloseTrigger;
+  }
+});
+Object.defineProperty(exports, "ToastDescription", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastDescription;
+  }
+});
+Object.defineProperty(exports, "ToastRoot", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastRoot;
+  }
+});
+Object.defineProperty(exports, "ToastTitle", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastTitle;
+  }
+});
+Object.defineProperty(exports, "TooltipArrow", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipArrow;
+  }
+});
+Object.defineProperty(exports, "TooltipArrowTip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipArrowTip;
+  }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipContent;
+  }
+});
+Object.defineProperty(exports, "TooltipContentStandalone", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipContentStandalone;
+  }
+});
+Object.defineProperty(exports, "TooltipPositioner", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipPositioner;
+  }
+});
+Object.defineProperty(exports, "TooltipRoot", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipRoot;
+  }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.TooltipTrigger;
+  }
+});
 Object.defineProperty(exports, "UnOrderedList", {
   enumerable: true,
   get: function () {
     return _ArticleLists.UnOrderedList;
   }
 });
+var _Accordion = require("./Accordion");
+var _ArticleLists = require("./ArticleLists");
+var _Badge = require("./Badge");
 var _BlockQuote = require("./BlockQuote");
 var _Button = require("./Button");
+var _Checkbox = require("./Checkbox");
+var _Dialog = require("./Dialog");
 var _ExpandableBox = require("./ExpandableBox");
+var _Field = require("./Field");
+var _FieldErrorMessage = require("./FieldErrorMessage");
+var _FieldHelper = require("./FieldHelper");
+var _FramedContent = require("./FramedContent");
 var _Input = require("./Input");
-var _ArticleLists = require("./ArticleLists");
-var _Icon = require("./Icon");
+var _Label = require("./Label");
+var _Menu = require("./Menu");
+var _MessageBox = require("./MessageBox");
 var _NdlaLogo = require("./NdlaLogo");
+var _Pagination = require("./Pagination");
+var _Popover = require("./Popover");
+var _RadioGroup = require("./RadioGroup");
+var _Skeleton = require("./Skeleton");
+var _Slider = require("./Slider");
 var _Spinner = require("./Spinner");
+var _Switch = require("./Switch");
 var _Table = require("./Table");
+var _Tabs = require("./Tabs");
 var _Text = require("./Text");
-var _MessageBox = require("./MessageBox");
+var _Toast = require("./Toast");
+var _Tooltip = require("./Tooltip");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -34,7 +34,7 @@
     "@ndla/util": "^4.0.4"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.3",
+    "@ndla/preset-panda": "^0.0.4",
     "@pandacss/dev": "^0.40.1"
   },
   "peerDependencies": {
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4110ea1c6d36be95a99f4c1b47f8cf3b5c4ccb8b"
+  "gitHead": "4d43efa927c3f403d61a252efd8f06647073c076"
 }