@cypress-design/react-tooltip 0.4.0 → 0.5.0

package/.turbo/turbo-build.log

@@ -0,0 +1,6 @@
+$ yarn build:module && yarn build:types
+$ rollup -c ./rollup.config.mjs
+
+./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
+created ./dist/index.umd.js, ./dist/index.es.mjs in 50.1s
+$ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cypress-design/react-tooltip
 
+## 0.5.0
+
+### Minor Changes
+
+- [#178](https://github.com/cypress-io/cypress-design/pull/178) [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650) Thanks [@elevatebart](https://github.com/elevatebart)! - deliver new docs and improved components
+
+## 0.4.1
+
+### Patch Changes
+
+- [#164](https://github.com/cypress-io/cypress-design/pull/164) [`4fd951a`](https://github.com/cypress-io/cypress-design/commit/4fd951a39335900da2508beef9b3565a6f8f9518) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: update active buttons borders
+
 ## 0.4.0
 
 ### Minor Changes

package/ReadMe.md

@@ -7,15 +7,15 @@ For accessibility, it also triggers on focus.
 
 To allow focus, one has to add `tabIndex="0"` to the Tooltip element.
 
-```jsx
-const comp = () => (
-  <Tooltip tabIndex="0">
+```jsx live
+export const comp = () => (
+  <Tooltip tabIndex="0" popper={<b>popper</b>}>
     <span>Focus me</span>
   </Tooltip>
 )
 ```
 
-## install
+## Install
 
 ```bash
 npm install @cypress-design/react-tooltip

package/Tooltip.rootstory.tsx

@@ -13,10 +13,10 @@ export default ({
   disabled?: boolean
   tabIndex?: number
 } = {}) => (
-  <div className="center flex flex-col items-center gap-20">
+  <div className="flex flex-col items-center center gap-20">
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
-      popper={<div className="bg-jade-200 text-gray-800 p-4">PopovDyn</div>}
+      className="w-1/2 p-4 bg-red-200"
+      popper={<div className="p-4 text-gray-800 bg-jade-200">PopovDyn</div>}
       color={color}
       placement={placement}
       tabIndex={tabIndex}
@@ -25,7 +25,7 @@ export default ({
       <div>Hover Me (dynamic: {placement?.toString()})</div>
     </Tooltip>
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
+      className="w-1/2 p-4 bg-red-200"
       popper={
         <div className="h-[200px] flex items-center justify-center">Popov</div>
       }
@@ -36,7 +36,7 @@ export default ({
       <div>Force Placement to the top</div>
     </Tooltip>
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
+      className="w-1/2 p-4 bg-red-200"
       popper={<div>PopovInt</div>}
       color={color}
       placement={placement}
@@ -47,14 +47,14 @@ export default ({
     {(['top', 'right', 'bottom', 'left', 'top-start'] as const).map(
       (placement) => (
         <Tooltip
-          className="bg-indigo-200 p-4 w-1/2"
+          className="w-1/2 p-4 bg-indigo-200"
           placement={placement}
           key={placement}
           color={color}
           tabIndex={tabIndex}
           disabled={disabled}
           popper={
-            <div className="bg-jade-200 text-gray-800 p-4">
+            <div className="p-4 text-gray-800 bg-jade-200">
               Popover ({placement})
             </div>
           }

package/TooltipReact.cy.tsx

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 
 import * as React from 'react'
-import { mount } from 'cypress/react'
+import { mount } from 'cypress/react18'
 import TooltipStory from './Tooltip.rootstory'
 import assertions from '../assertions'