@q2devel/q2-storybook 1.0.30 → 1.0.32

package/dist/components/header/Heading.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type HeadingProps = {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+};
+export default function Heading({ level, children, className, id }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/header/Heading.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { buildClassesByJoining } from "@/utils/StylingHelper";
+export default function Heading({ level = 1, children, className, id }) {
+    const Tag = `h${level}`;
+    const baseStyles = {
+        1: "text-4xl font-bold mt-12 mb-8 text-lime-900",
+        2: "text-3xl font-semibold text-gray-900",
+        3: "text-2xl font-semibold text-gray-900",
+        4: "text-xl font-medium text-gray-900",
+        5: "text-lg font-medium text-gray-900",
+        6: "text-base font-medium text-gray-900",
+    };
+    return (_jsx(Tag, { id: id, className: buildClassesByJoining(baseStyles[level], className), children: children }));
+}

package/dist/components/tooltip/Tooltip.js

@@ -3,15 +3,15 @@ import { forwardRef } from 'react';
 const Tooltip = forwardRef(({ content, children, backgroundColor = 'bg-black', textColor = 'text-white', placement = 'bottom', contentClassName = '', disabled = false, lazy = true, }, ref) => {
     if (disabled)
         return _jsx(_Fragment, { children: children });
-    return (_jsxs("span", { className: "relative group cursor-pointer", children: [children, content && (_jsx("span", { className: `absolute z-10 hidden group-hover:block
+    return (_jsxs("span", { className: "relative group cursor-pointer", children: [children, content && (_jsx("span", { className: `absolute z-10 hidden group-hover:block
                     ${placement === 'top'
                     ? 'bottom-full mb-2'
                     : placement === 'bottom'
                         ? 'top-full mt-2'
                         : placement === 'left'
                             ? 'right-full mr-2'
-                            : 'left-full ml-2'}
-                    left-1/2 -translate-x-1/2 px-3 py-2 rounded ${backgroundColor} ${textColor}
+                            : 'left-full ml-2'}
+                    left-1/2 -translate-x-1/2 px-3 py-2 rounded ${backgroundColor} ${textColor}
                     text-xs whitespace-pre-wrap ${contentClassName}`, children: content }))] }));
 });
 Tooltip.displayName = 'Tooltip';