@carrier-dpx/air-react-library 0.7.1 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carrier-dpx/air-react-library",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Air web React component library for Figma Make",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/Navbar/NavbarFooter/NavbarFooter.tsx

@@ -3,7 +3,7 @@ import { styled } from "@mui/material/styles";
 import { NavbarFooterProps } from "./types";
 import footerStyles from "./styles";
 import Box from "../../Box";
-import SvgIcon from "src/components/SvgIcon";
+import SvgIcon from "../../Icon/icons/demo/SvgIcon";
 
 /**
  * The NavbarFooter component allows adding buttons to the footer.

package/src/components/Navbar/NavbarLogo/NavbarLogo.tsx

@@ -6,7 +6,7 @@ import { NavbarLogoProps } from "./types";
 import { useNavbarContext } from "../hooks/useNavbarContext";
 import Box from "../../Box";
 import Button from "../../Button";
-import Zoom from "../../Zoom/Zoom";
+import { Zoom } from "@mui/material";
 import { NavbarTooltip } from "../NavbarButtons";
 import { NavbarButtonClasses } from "../NavbarButtons/types";
 

package/src/components/Navbar/styles.tsx

@@ -9,7 +9,7 @@ import {
   navBorder,
 } from "./constants";
 import { StyledComponentDefaultProps } from "../types/common";
-import { styleTokens } from "src/components/theme/constants/styleTokens";
+import { styleTokens } from "../theme/constants/styleTokens";
 import { NavbarProps } from "./types";
 
 export default {

package/src/components/Tooltip/Tooltip.figma.tsx

@@ -71,11 +71,11 @@ figma.connect(
     /**
      * EXAMPLE CODE TEMPLATE
      * Shows how Tooltip should be used
-     * Note: Tooltip wraps children, so children should be passed as ReactNode
+     * Note: Tooltip wraps children - in actual usage, wrap the target element
      */
-    example: ({ title, color, placement, arrow, children }) => (
+    example: ({ title, color, placement, arrow }) => (
       <Tooltip title={title.label} color={color} placement={placement} arrow={arrow}>
-        {children}
+        <span>Hover me</span>
       </Tooltip>
     ),
   }

package/src/index.ts

@@ -23,3 +23,23 @@ export { default as BottomNavigationAction } from "./components/BottomNavigation
 export type { BottomNavigationProps } from "./components/BottomNavigation";
 export type { BottomNavigationActionProps } from "./components/BottomNavigation/BottomNavigationAction";
 export * from "./components/theme";
+
+// Demo Icons - exported from main index to avoid deep-path imports
+export {
+  HomeIcon,
+  DeviceManagerIcon,
+  SiteIcon,
+  WarningTriangle,
+  SvgIcon,
+  iconRegistry,
+  getIcon,
+  getIconNames,
+} from "./components/Icon/icons/demo";
+export type {
+  HomeIconProps,
+  DeviceManagerIconProps,
+  SiteIconProps,
+  WarningTriangleProps,
+  SvgIconProps,
+  IconInfo,
+} from "./components/Icon/icons/demo";