@ndla/primitives 1.0.69-alpha.0 → 1.0.71-alpha.0

package/es/ExpandableBox.js

@@ -20,6 +20,7 @@ const StyledExpandableBox = styled(ark.details, {
     borderColor: "stroke.subtle",
     padding: "medium",
     clear: "both",
+    overflow: "hidden",
     _open: {
       padding: "medium",
       "& summary, [data-embed-type='expandable-box-summary']": {

package/es/Popover.js

@@ -7,7 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { Popover, popoverAnatomy } from "@ark-ui/react";
+import { Popover, popoverAnatomy, usePopover as _usePopover } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Heading } from "./Text";
@@ -120,4 +120,6 @@ export const PopoverTitle = _ref2 => {
 };
 export const PopoverTrigger = withContext(Popover.Trigger, "trigger", {
   baseComponent: true
-});
+});
+export const PopoverRootProvider = withRootProvider(Popover.RootProvider);
+export const usePopover = _usePopover;

package/es/index.js

@@ -37,7 +37,7 @@ export { MenuRoot, MenuContent, MenuItemGroupLabel, MenuItemGroup, MenuItem, Men
 export { MessageBox } from "./MessageBox";
 export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
 export { PaginationRoot, PaginationContext, PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger } from "./Pagination";
-export { PopoverRoot, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger } from "./Popover";
+export { PopoverRoot, PopoverRootProvider, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover } from "./Popover";
 export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput } from "./RadioGroup";
 export { SelectRoot, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItemGroupLabel, SelectItemGroup, SelectItemIndicator, SelectItem, SelectItemText, SelectLabel, SelectPositioner, SelectContentStandalone, SelectTrigger, SelectValueText, SelectList, SelectHiddenSelect } from "./Select";
 export { Skeleton } from "./Skeleton";

package/lib/ExpandableBox.js

@@ -26,6 +26,7 @@ const StyledExpandableBox = (0, _jsx2.styled)(_react2.ark.details, {
     borderColor: "stroke.subtle",
     padding: "medium",
     clear: "both",
+    overflow: "hidden",
     _open: {
       padding: "medium",
       "& summary, [data-embed-type='expandable-box-summary']": {

package/lib/Popover.d.ts

@@ -42,3 +42,5 @@ export declare const PopoverTitle: ({ textStyle, children, ...rest }: Popover.Ti
 export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Popover.TriggerProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverRootProvider: (props: Popover.RootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePopover: (props?: import("@ark-ui/react").UsePopoverProps) => import("@ark-ui/react").UsePopoverReturn;

package/lib/Popover.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PopoverTrigger = exports.PopoverTitle = exports.PopoverRoot = exports.PopoverPositioner = exports.PopoverIndicator = exports.PopoverDescription = exports.PopoverContentStandalone = exports.PopoverContent = exports.PopoverCloseTrigger = exports.PopoverArrowTip = exports.PopoverArrowStandalone = exports.PopoverArrow = exports.PopoverAnchor = void 0;
+exports.usePopover = exports.PopoverTrigger = exports.PopoverTitle = exports.PopoverRootProvider = exports.PopoverRoot = exports.PopoverPositioner = exports.PopoverIndicator = exports.PopoverDescription = exports.PopoverContentStandalone = exports.PopoverContent = exports.PopoverCloseTrigger = exports.PopoverArrowTip = exports.PopoverArrowStandalone = exports.PopoverArrow = exports.PopoverAnchor = void 0;
 var _react = require("react");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
@@ -129,4 +129,6 @@ const PopoverTitle = _ref2 => {
 exports.PopoverTitle = PopoverTitle;
 const PopoverTrigger = exports.PopoverTrigger = withContext(_react2.Popover.Trigger, "trigger", {
   baseComponent: true
-});
+});
+const PopoverRootProvider = exports.PopoverRootProvider = withRootProvider(_react2.Popover.RootProvider);
+const usePopover = exports.usePopover = _react2.usePopover;

package/lib/index.d.ts

@@ -64,7 +64,7 @@ export { NdlaLogoEn, NdlaLogoNb, NdlaLogoText } from "./NdlaLogo";
 export type { PaginationRootProps } from "./Pagination";
 export { PaginationRoot, PaginationContext, 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 { PopoverRoot, PopoverRootProvider, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover, } from "./Popover";
 export type { RadioGroupRootProps } from "./RadioGroup";
 export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput, } from "./RadioGroup";
 export type { SelectRootProps } from "./Select";

package/lib/index.js

@@ -777,6 +777,12 @@ Object.defineProperty(exports, "PopoverRoot", {
     return _Popover.PopoverRoot;
   }
 });
+Object.defineProperty(exports, "PopoverRootProvider", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverRootProvider;
+  }
+});
 Object.defineProperty(exports, "PopoverTitle", {
   enumerable: true,
   get: function () {
@@ -1335,6 +1341,12 @@ Object.defineProperty(exports, "useFieldContext", {
     return _react.useFieldContext;
   }
 });
+Object.defineProperty(exports, "usePopover", {
+  enumerable: true,
+  get: function () {
+    return _Popover.usePopover;
+  }
+});
 var _Accordion = require("./Accordion");
 var _ArticleLists = require("./ArticleLists");
 var _Badge = require("./Badge");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.69-alpha.0",
+  "version": "1.0.71-alpha.0",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ed6699652dec494cf9cf12712316ba5f4036438a"
+  "gitHead": "ee44caa84045f796a9d85a0fd51d1df7bd740dd2"
 }