@cypress-design/react-tooltip 0.6.2 → 0.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/react-tooltip",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "files": [
     "*"
   ],
@@ -20,7 +20,7 @@
     "build:types": "tsc --project ./tsconfig.build.json"
   },
   "dependencies": {
-    "clsx": "*",
+    "clsx": "^undefined",
     "@floating-ui/react-dom-interactions": "^0.6.1"
   },
   "devDependencies": {

package/Tooltip.rootstory.tsx

@@ -1,67 +0,0 @@
-import { Placement } from '@floating-ui/react-dom-interactions'
-import * as React from 'react'
-import Tooltip from './Tooltip'
-
-export default ({
-  color = 'light',
-  placement,
-  disabled,
-  tabindex,
-}: {
-  color?: 'light' | 'dark'
-  placement?: Placement
-  disabled?: boolean
-  tabindex?: number
-} = {}) => (
-  <div className="flex flex-col items-center center gap-20">
-    <Tooltip
-      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}
-      disabled={disabled}
-    >
-      <div>Hover Me (dynamic: {placement?.toString()})</div>
-    </Tooltip>
-    <Tooltip
-      className="w-1/2 p-4 bg-red-200"
-      popper={
-        <div className="h-[200px] flex items-center justify-center">Popov</div>
-      }
-      color={color}
-      placement="top"
-      forcePlacement
-    >
-      <div>Force Placement to the top</div>
-    </Tooltip>
-    <Tooltip
-      className="w-1/2 p-4 bg-red-200"
-      popper={<div>PopovInt</div>}
-      color={color}
-      placement={placement}
-      interactive
-    >
-      <div>Interactive {placement?.toString()}</div>
-    </Tooltip>
-    {(['top', 'right', 'bottom', 'left', 'top-start'] as const).map(
-      (placement) => (
-        <Tooltip
-          className="w-1/2 p-4 bg-indigo-200"
-          placement={placement}
-          key={placement}
-          color={color}
-          tabIndex={tabindex}
-          disabled={disabled}
-          popper={
-            <div className="p-4 text-gray-800 bg-jade-200">
-              Popover ({placement})
-            </div>
-          }
-        >
-          <div>Hover Me ({placement})</div>
-        </Tooltip>
-      )
-    )}
-  </div>
-)