@thecb/components 7.0.1-beta.1 → 7.0.1-beta.2

package/dist/index.d.ts

@@ -334,6 +334,30 @@ interface FooterWithSubfooterProps {
 declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface PopoverProps {
+  triggerText?: string | JSX.Element;
+  content?: string | JSX.Element;
+  hasIcon?: boolean;
+  iconHelpText?: string; // for screen-readers, required if using an icon for trigger
+  popoverID?: number;
+  popoverFocus?: boolean;
+  extraStyles?: string;
+  textExtraStyles?: string;
+  minWidth?: string;
+  maxWidth?: string;
+  height?: string;
+  position?: { top: string; right: string; bottom: string; left: string };
+  arrowPosition?: {
+    arrowTop: string;
+    arrowRight: string;
+    arrowBottom: string;
+    arrowLeft: string;
+  };
+}
+
+declare const Popover: React.FC<Expand<PopoverProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface DefaultPageTemplateProps {
   content: JSX.Element;
   header?: JSX.Element;
@@ -348,5 +372,5 @@ interface DefaultPageTemplateProps {
 declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Switcher, SwitcherProps, TableListItem, TableListItemProps, Text, TextProps, Title, TitleProps };
+export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, Stack, StackProps, Switcher, SwitcherProps, TableListItem, TableListItemProps, Text, TextProps, Title, TitleProps };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "7.0.1-beta.1",
+  "version": "7.0.1-beta.2",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./collapsible-section";
 export * from "./editable-table";
 export * from "./footer-with-subfooter";
+export * from "./popover";

package/src/components/molecules/popover/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import Expand from "../../../util/expand";
+
+export interface PopoverProps {
+  triggerText?: string | JSX.Element;
+  content?: string | JSX.Element;
+  hasIcon?: boolean;
+  iconHelpText?: string; // for screen-readers, required if using an icon for trigger
+  popoverID?: number;
+  popoverFocus?: boolean;
+  extraStyles?: string;
+  textExtraStyles?: string;
+  minWidth?: string;
+  maxWidth?: string;
+  height?: string;
+  position?: { top: string; right: string; bottom: string; left: string };
+  arrowPosition?: {
+    arrowTop: string;
+    arrowRight: string;
+    arrowBottom: string;
+    arrowLeft: string;
+  };
+}
+
+export const Popover: React.FC<Expand<PopoverProps> &
+  React.HTMLAttributes<HTMLElement>>;