@cypress-design/react-tooltip 0.6.0 → 0.6.2

package/.turbo/turbo-build.log

@@ -2,5 +2,5 @@ $ 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 45.1s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 29.8s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cypress-design/react-tooltip
 
+## 0.6.2
+
+### Patch Changes
+
+- [#245](https://github.com/cypress-io/cypress-design/pull/245) [`d52d023`](https://github.com/cypress-io/cypress-design/commit/d52d02301bb851d514661a8c258d0c4ae5baf171) Thanks [@elevatebart](https://github.com/elevatebart)! - use tailwind to rollup classes in the final package
+
+## 0.6.1
+
+### Patch Changes
+
+- [`08ba16d`](https://github.com/cypress-io/cypress-design/commit/08ba16da4a8663676ee96ac4950938857bd0d9a3) Thanks [@elevatebart](https://github.com/elevatebart)! - fix wind-keep plugin
+
 ## 0.6.0
 
 ### Minor Changes

package/ReadMe.md

@@ -1,20 +1,5 @@
 # Tooltip
 
-## Summary
-
-Use the tooltip component to display a message when the user hovers over an element.
-For accessibility, it also triggers on focus.
-
-To allow focus, one has to add `tabIndex="0"` to the Tooltip element.
-
-```jsx live
-export const comp = () => (
-  <Tooltip tabIndex="0" popper={<b>popper</b>}>
-    <span>Focus me</span>
-  </Tooltip>
-)
-```
-
 ## Install
 
 ```bash
@@ -26,3 +11,19 @@ or with yarn
 ```bash
 yarn add @cypress-design/react-tooltip
 ```
+
+## Usage
+
+```ts
+import Tooltip from '@cypress-design/react-tooltip'
+```
+
+> tip: To allow focus, one has to add `tabIndex="0"` to the Tooltip element.
+
+```jsx live
+export const comp = () => (
+  <Tooltip tabIndex="0" popper={<b>popper</b>}>
+    <span>Focus me</span>
+  </Tooltip>
+)
+```

package/Tooltip.rootstory.tsx

@@ -6,12 +6,12 @@ export default ({
   color = 'light',
   placement,
   disabled,
-  tabIndex,
+  tabindex,
 }: {
   color?: 'light' | 'dark'
   placement?: Placement
   disabled?: boolean
-  tabIndex?: number
+  tabindex?: number
 } = {}) => (
   <div className="flex flex-col items-center center gap-20">
     <Tooltip
@@ -19,7 +19,7 @@ export default ({
       popper={<div className="p-4 text-gray-800 bg-jade-200">PopovDyn</div>}
       color={color}
       placement={placement}
-      tabIndex={tabIndex}
+      tabIndex={tabindex}
       disabled={disabled}
     >
       <div>Hover Me (dynamic: {placement?.toString()})</div>
@@ -51,7 +51,7 @@ export default ({
           placement={placement}
           key={placement}
           color={color}
-          tabIndex={tabIndex}
+          tabIndex={tabindex}
           disabled={disabled}
           popper={
             <div className="p-4 text-gray-800 bg-jade-200">

package/Tooltip.tsx

@@ -26,7 +26,6 @@ export interface TooltipProps {
    */
   color?: 'light' | 'dark'
   className?: string
-  tabIndex?: number | string
   children?: React.ReactNode
   /**
    * The content of the tooltip.

package/TooltipReact.cy.tsx

@@ -7,8 +7,8 @@ import assertions from '../assertions'
 
 describe('Tooltip', { viewportHeight: 800, viewportWidth: 800 }, () => {
   function mountStory(options: Parameters<typeof TooltipStory>[0] = {}) {
-    mount(<TooltipStory {...options} tabIndex={1} />)
+    mount(<TooltipStory {...options} tabindex={1} />)
   }
 
-  assertions(mountStory)
+  assertions(mountStory, 'react')
 })

package/dist/Tooltip.d.ts

@@ -10,7 +10,6 @@ export interface TooltipProps {
      */
     color?: 'light' | 'dark';
     className?: string;
-    tabIndex?: number | string;
     children?: React.ReactNode;
     /**
      * The content of the tooltip.

package/dist/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAaV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiL/C,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAaV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiL/C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/index.es.mjs

@@ -16,6 +16,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 var __assign = function() {
     __assign = Object.assign || function __assign(t) {
@@ -33536,4 +33538,4 @@ var Tooltip = function (_a) {
 export { Tooltip as default };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <windicss-keep class="container stroke-none fill-white text-gray-900 shadow-gray-100 border-transparent bg-white fill-gray-900 text-white shadow-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20"> */
+/* <wind-keep class="container stroke-none fill-white block text-gray-900 shadow-gray-100 border-transparent bg-white fill-gray-900 text-white shadow-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 transform filter text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20 drop-shadow"> */