react-magma-dom 4.9.0-next.5 → 4.9.0-next.7

package/dist/index.d.ts

@@ -85,6 +85,10 @@ export { EnumTooltipPosition, StyledTooltip, Tooltip, TooltipArrow, TooltipPosit
 export { Textarea, TextareaProps } from './components/Textarea';
 export { TimePicker, TimePickerProps } from './components/TimePicker';
 export { TypographyProps, TypographyColor, TypographyContextVariant, TypographyVisualStyle, } from './components/Typography';
+export { Popover, PopoverProps, PopoverPosition, PopoverApi, } from './components/Popover';
+export { PopoverTrigger, PopoverTriggerProps, } from './components/Popover/PopoverTrigger';
+export { PopoverContent, PopoverContentProps, } from './components/Popover/PopoverContent';
+export { PopoverHeader, PopoverFooter, PopoverSectionProps, } from './components/Popover/PopoverSection';
 export { VisuallyHidden, VisuallyHiddenProps, } from './components/VisuallyHidden';
 export { magma, ThemeInterface } from './theme/magma';
 export { GlobalStyles } from './theme/GlobalStyles';

package/dist/properties.json

@@ -10288,6 +10288,629 @@
       }
     }
   },
+  {
+    "name": "PopoverApi",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "PopoverApi",
+    "tags": {},
+    "properties": {}
+  },
+  {
+    "name": "PopoverContextInterface",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "PopoverContextInterface",
+    "tags": {},
+    "properties": {
+      "arrowContext": {
+        "name": "arrowContext",
+        "required": false,
+        "type": {
+          "name": "any"
+        },
+        "deprecated": false
+      },
+      "arrowRef": {
+        "name": "arrowRef",
+        "required": false,
+        "type": {
+          "name": "MutableRefObject"
+        },
+        "deprecated": false
+      },
+      "closePopover": {
+        "name": "closePopover",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "deprecated": false
+      },
+      "contentRef": {
+        "name": "contentRef",
+        "required": false,
+        "type": {
+          "name": "any"
+        },
+        "deprecated": false
+      },
+      "floatingStyles": {
+        "name": "floatingStyles",
+        "required": false,
+        "type": {
+          "name": "CSSProperties"
+        },
+        "deprecated": false
+      },
+      "focusTrap": {
+        "name": "focusTrap",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "hasActiveElements": {
+        "name": "hasActiveElements",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "hasPointer": {
+        "name": "hasPointer",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "hoverable": {
+        "name": "hoverable",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "isDisabled": {
+        "name": "isDisabled",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "isInverse": {
+        "name": "isInverse",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the component will have inverse styling to better appear on a dark background",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "isOpen": {
+        "name": "isOpen",
+        "required": true,
+        "type": {
+          "name": "boolean"
+        },
+        "deprecated": false
+      },
+      "maxHeight": {
+        "name": "maxHeight",
+        "required": false,
+        "type": {
+          "name": "string"
+        },
+        "deprecated": false
+      },
+      "openPopover": {
+        "name": "openPopover",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "deprecated": false
+      },
+      "popoverContentId": {
+        "name": "popoverContentId",
+        "required": false,
+        "type": {
+          "name": "MutableRefObject"
+        },
+        "deprecated": false
+      },
+      "popoverTriggerId": {
+        "name": "popoverTriggerId",
+        "required": false,
+        "type": {
+          "name": "MutableRefObject"
+        },
+        "deprecated": false
+      },
+      "position": {
+        "name": "position",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "PopoverPosition.bottom",
+            "PopoverPosition.top"
+          ]
+        },
+        "deprecated": false
+      },
+      "setFloating": {
+        "name": "setFloating",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "deprecated": false
+      },
+      "setIsOpen": {
+        "name": "setIsOpen",
+        "required": true,
+        "type": {
+          "name": "React.Dispatch"
+        },
+        "deprecated": false
+      },
+      "setReference": {
+        "name": "setReference",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "deprecated": false
+      },
+      "toggleRef": {
+        "name": "toggleRef",
+        "required": false,
+        "type": {
+          "name": "any"
+        },
+        "deprecated": false
+      },
+      "width": {
+        "name": "width",
+        "required": false,
+        "type": {
+          "name": "string"
+        },
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "PopoverProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "PopoverProps",
+    "tags": {},
+    "properties": {
+      "apiRef": {
+        "name": "apiRef",
+        "required": false,
+        "type": {
+          "name": "MutableRefObject"
+        },
+        "description": "The ref object that allows Popover manipulation.\nActions available:\nclosePopoverManually(event): void - Closes the popover manually.",
+        "deprecated": false
+      },
+      "focusTrap": {
+        "name": "focusTrap",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the focus will be trapped within the popover, preventing focus from moving outside.\nThis is recommended when using interactive elements inside the popover to improve accessibility.",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "hasPointer": {
+        "name": "hasPointer",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, a pointer (arrow) is displayed pointing towards the trigger element.",
+        "defaultValue": "true",
+        "deprecated": false
+      },
+      "hoverable": {
+        "name": "hoverable",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the popover will remain open when hovered over.",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "isDisabled": {
+        "name": "isDisabled",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the popover will be disabled and cannot be opened.",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "isInverse": {
+        "name": "isInverse",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the component will have inverse styling to better appear on a dark background",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "maxHeight": {
+        "name": "maxHeight",
+        "required": false,
+        "type": {
+          "name": "string | number"
+        },
+        "description": "Sets the maximum height of the popover content.",
+        "defaultValue": "100%",
+        "deprecated": false
+      },
+      "onClose": {
+        "name": "onClose",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "description": "Function called when closing the popover menu",
+        "deprecated": false
+      },
+      "onOpen": {
+        "name": "onOpen",
+        "required": false,
+        "type": {
+          "name": "function"
+        },
+        "description": "Function called when opening the popover menu",
+        "deprecated": false
+      },
+      "openByDefault": {
+        "name": "openByDefault",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the popover is open by default when the component is first rendered.",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "position": {
+        "name": "position",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "PopoverPosition.bottom",
+            "PopoverPosition.top"
+          ]
+        },
+        "description": "Determines the position of the popover relative to its trigger.",
+        "defaultValue": "PopoverPosition.bottom",
+        "deprecated": false
+      },
+      "width": {
+        "name": "width",
+        "required": false,
+        "type": {
+          "name": "string | number"
+        },
+        "description": "Sets the width of the popover.",
+        "defaultValue": "Width of longest menu item",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "PopoverContentProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "PopoverContentProps",
+    "tags": {},
+    "properties": {
+      "children": {
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "React.ReactChild | "
+        },
+        "description": "The content of the component",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "PopoverSectionProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "PopoverSectionProps",
+    "tags": {},
+    "properties": {
+      "children": {
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "React.ReactChild | "
+        },
+        "description": "The content of the component",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "PopoverSectionTemplateProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {},
+    "id": "PopoverSectionTemplateProps",
+    "tags": {},
+    "properties": {
+      "children": {
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "React.ReactChild | "
+        },
+        "description": "The content of the component",
+        "deprecated": false
+      },
+      "section": {
+        "name": "section",
+        "required": true,
+        "type": {
+          "name": "enum",
+          "options": [
+            "SectionEnum.footer",
+            "SectionEnum.header"
+          ]
+        },
+        "deprecated": false
+      },
+      "style": {
+        "name": "style",
+        "required": false,
+        "type": {
+          "name": "CSSProperties"
+        },
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "IconOnlyPopoverTriggerProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {},
+    "id": "IconOnlyPopoverTriggerProps",
+    "tags": {},
+    "properties": {
+      "aria-label": {
+        "name": "aria-label",
+        "required": true,
+        "type": {
+          "name": "string"
+        },
+        "description": "The text the screen reader will announce. Required for icon-only buttons",
+        "deprecated": false
+      },
+      "icon": {
+        "name": "icon",
+        "required": false,
+        "type": {
+          "name": "ReactElement"
+        },
+        "description": "Icon to display within the component",
+        "deprecated": false
+      },
+      "tabIndex": {
+        "name": "tabIndex",
+        "required": false,
+        "type": {
+          "name": "number"
+        },
+        "description": "The tab order of the component when navigating with a keyboard",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "IconTextPopoverTriggerProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {},
+    "id": "IconTextPopoverTriggerProps",
+    "tags": {},
+    "properties": {
+      "children": {
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "React.ReactChild |  | string"
+        },
+        "description": "The content of the component",
+        "deprecated": false
+      },
+      "icon": {
+        "name": "icon",
+        "required": false,
+        "type": {
+          "name": "ReactElement"
+        },
+        "description": "Icon to display within the component",
+        "deprecated": false
+      },
+      "isFullWidth": {
+        "name": "isFullWidth",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "Set the button to display full-width.",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "isInverse": {
+        "name": "isInverse",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": "If true, the component will have inverse styling to better appear on a dark background",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "isLoading": {
+        "name": "isLoading",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        },
+        "description": " Set the button to a loading state",
+        "defaultValue": "false",
+        "deprecated": false
+      },
+      "shape": {
+        "name": "shape",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "ButtonShape.fill",
+            "ButtonShape.leftCap",
+            "ButtonShape.rightCap",
+            "ButtonShape.round"
+          ]
+        },
+        "description": "Defines the border radius",
+        "defaultValue": "ButtonShape.fill",
+        "deprecated": false
+      },
+      "size": {
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "ButtonSize.large",
+            "ButtonSize.medium",
+            "ButtonSize.small"
+          ]
+        },
+        "description": "The relative size of the button",
+        "defaultValue": "ButtonSize.medium",
+        "deprecated": false
+      },
+      "tabIndex": {
+        "name": "tabIndex",
+        "required": false,
+        "type": {
+          "name": "number"
+        },
+        "description": "The tab order of the component when navigating with a keyboard",
+        "deprecated": false
+      },
+      "textTransform": {
+        "name": "textTransform",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "ButtonTextTransform.none",
+            "ButtonTextTransform.uppercase"
+          ]
+        },
+        "description": "Determines whether the button appears in all-caps",
+        "defaultValue": "ButtonTextTransform.uppercase",
+        "deprecated": false
+      },
+      "type": {
+        "name": "type",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "ButtonType.button",
+            "ButtonType.reset",
+            "ButtonType.submit"
+          ]
+        },
+        "description": "The type attribute of the button\nButtonType.button",
+        "deprecated": false
+      },
+      "variant": {
+        "name": "variant",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "options": [
+            "ButtonVariant.link",
+            "ButtonVariant.solid"
+          ]
+        },
+        "description": "The variant of the button",
+        "defaultValue": "ButtonVariant.solid",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "PopoverTriggerProps",
+    "kind": 4194304,
+    "kindString": "Type alias",
+    "flags": {
+      "isExported": true
+    },
+    "type": {
+      "type": "reference",
+      "typeArguments": [
+        {
+          "type": "reference",
+          "id": 31245,
+          "name": "IconOnlyPopoverTriggerProps"
+        },
+        {
+          "type": "reference",
+          "id": 31250,
+          "name": "IconTextPopoverTriggerProps"
+        }
+      ],
+      "name": "XOR"
+    },
+    "id": "PopoverTriggerProps",
+    "tags": {},
+    "properties": {}
+  },
   {
     "name": "ProgressBarProps",
     "kind": 256,
@@ -16212,12 +16835,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 33169,
+          "id": 34140,
           "name": "ToggleButtonTextProps"
         },
         {
           "type": "reference",
-          "id": 33447,
+          "id": 34418,
           "name": "ToggleButtonIconProps"
         }
       ],
@@ -16819,7 +17442,7 @@
     },
     "type": {
       "type": "reference",
-      "id": 32454,
+      "id": 33425,
       "name": "UseTreeItemProps"
     },
     "id": "TreeItemProps",
@@ -17574,7 +18197,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 32226,
+            "id": 33197,
             "name": "useTreeView"
           }
         }