This commit creates a new index.ts file in the react/lib package. It exports from 'vcn' and 'Slot' modules, optimizing the package for component and slot usage.
The tooltip component now includes a new "status" property. This property determines the color of the tooltip, with options including "normal", "error", "success" and "warning".
This commit includes the addition of the Tooltip component to the App.tsx in the react package. With this feature, application elements now display messages based on their status (success or error) upon interaction, enhancing the user experience. Additionally, a copy-to-clipboard functionality has been implemented.
This update enhances the Tooltip component in the react/components package by adding the AsChild property. Now, users of the Tooltip component have flexibility to use it as a child of another component. A conditional logic is added to choose either Slot or "div" based on the asChild property. And rest of the properties are extracted into extractedRest for avoiding passing of asChild downstream.
Implemented different tooltip variants to handle different status messages. Variants for normal, error, success, and warning have been added. Now, tooltips can show status-specific color coding, improving their usability.
Add two new properties, 'controlled' and 'opened', to the Tooltip documentation in the React package. The 'controlled' property blocks the tooltip from being triggered by hover state, while the 'opened' property forces the tooltip to stay open.
Added a new example, 'Controlled', for the Tooltip component in the documentation. The 'Controlled' example demonstrates how to use tooltip with controlled states. The change includes the update of examples index and documentation MDX page.
This update adds 'controlled' and 'opened' states to the Tooltip component in the React library. These states provide more precise control over when the tooltip opens and facilitates integration with other components. The CSS classes for tooltip positioning have been updated to reflect these new states.
This commit updates the Tooltip component's transition and delay properties. The transition is now applied on transform, opacity, background color, text color, and border color. Additionally, the delay handling has been modified to use a CSS variable, improving flexibility and maintainability of code.
Changed the styling of Code component in the 'LoadedCode.tsx' file. Specifically, the scrollbar was removed, and the types for the forwardRef function were restructured for improved code readability.
Added the 'tailwind-scrollbar' dependency to the project manifest files and imported it into the Tailwind CSS configuration. This allows us to leverage the scrollbar utility features provided by 'tailwind-scrollbar'. This change is reflected in the updated yarn.lock, package.json, and tailwind.config.js files.
Three new delay options have been added for the Tooltip component: NoDelay, EarlyDelay, and LateDelay. These options have also been incorporated into the component's documentation for better understanding.
The documentation for the Tooltip component in the react package has been updated to include a new 'delay' prop. This prop controls the time between hover start and the appearance of the tooltip.
This change introduces new delay variants to Tooltip component. This feature allows adjusting the delay before the tooltip appears, ranging from no delay, early appearance, normal delay to a late appearance, enhancing usability according to different use-cases. The default delay is set to normal.
A new configuration documentation file has been added to the react package. This document includes information about the library file, CLI, and the configuration structure. It also contains code examples for enhancing user understanding.
The commit changes the package installation instructions in the React documentation. It suggests installing the package as a devDependency implying the package is primarily used in development.
The path for the 'lib' key in registry.json was updated to point to the correct lib.tsx file. This change ensures that all relative imports function as expected.
