qpp-style 1.34.0-rm.2 → 1.34.0-rm.4

package/.husky/pre-push

@@ -0,0 +1,2 @@
+cd react
+npm run prepush

package/components/Infotip/InfotipContent.jsx

@@ -1,18 +1,10 @@
 import PropTypes from "prop-types";
 import * as AriaKit from "@ariakit/react";
-// import {
-//   Tooltip as TooltipAriaKit,
-//   TooltipAnchor,
-//   TooltipArrow,
-//   useTooltipState,
-// } from "ariakit/tooltip";
 
 const TEXT_COLOR = "#FFF";
 const BACKGROUND_COLOR = "#333";
 
 const InfotipContent = ({ children, label, ...rest }) => {
-  const tooltip = useTooltipState();
-
   const cssStyles = {
     maxWidth: "300px",
     padding: "8px",
@@ -25,11 +17,9 @@ const InfotipContent = ({ children, label, ...rest }) => {
     <AriaKit.TooltipProvider>
       <AriaKit.TooltipAnchor
         as={"span"}
-        state={tooltip}
         className="tooltip-anchor"
-      >
-        {children}
-      </AriaKit.TooltipAnchor>
+        render={children}
+      />
       <AriaKit.Tooltip
         state={tooltip}
         id={undefined}
@@ -39,7 +29,6 @@ const InfotipContent = ({ children, label, ...rest }) => {
         {...rest}
       >
         {label}
-        {/* <TooltipArrow /> */}
       </AriaKit.Tooltip>
     </AriaKit.TooltipProvider>
   );

package/components/Tabs/Tabs.js

@@ -1,7 +1,6 @@
 import { Children } from "react";
 import PropTypes from "prop-types";
 import * as AriaKit from "@ariakit/react";
-// import { TabList, Tab, TabPanel, useTabState } from "ariakit/tab";
 
 function Tabs({ defaultSelectedId, children, onChange, selected }) {
   const tab = useTabState({