@cypress-design/react-tooltip 0.0.2 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cypress-design/react-tooltip
 
+## 0.1.0
+
+### Minor Changes
+
+- [#44](https://github.com/cypress-io/cypress-design/pull/44) [`2fdaf6b`](https://github.com/cypress-io/cypress-design/commit/2fdaf6be6f81a2a851761258347ed213577c5b26) Thanks [@elevatebart](https://github.com/elevatebart)! - Add missing descriptions of props in button, tooltip, checkbox
+
 ## 0.0.2
 
 ### Patch Changes

package/Tooltip.tsx

@@ -17,11 +17,20 @@ import {
 } from '@floating-ui/react-dom-interactions'
 
 export interface TooltipProps {
+  /**
+   * Where the tooltip should be placed relative to the target.
+   */
   placement?: Placement
+  /**
+   * background color of the tooltip.
+   */
   color?: 'light' | 'dark'
   className?: string
   tabIndex?: number | string
   children?: React.ReactNode
+  /**
+   * The content of the tooltip.
+   */
   popper?: React.ReactNode
 }
 

package/dist/Tooltip.d.ts

@@ -1,11 +1,20 @@
 import * as React from 'react';
 import { Placement } from '@floating-ui/react-dom-interactions';
 export interface TooltipProps {
+    /**
+     * Where the tooltip should be placed relative to the target.
+     */
     placement?: Placement;
+    /**
+     * background color of the tooltip.
+     */
     color?: 'light' | 'dark';
     className?: string;
     tabIndex?: number | string;
     children?: React.ReactNode;
+    /**
+     * The content of the tooltip.
+     */
     popper?: React.ReactNode;
 }
 export declare const Tooltip: React.FC<TooltipProps & React.HTMLProps<HTMLDivElement>>;

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,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,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,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiI/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,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiI/C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/index.es.js

@@ -30375,13 +30375,13 @@ var Tooltip = function (_a) {
                     color === 'dark' && 'stroke-gray-800 fill-gray-900',
                     color === 'light' && 'stroke-gray-100 fill-white',
                 ]), style: (_b = {
-                        transform: "rotate(".concat(arrowRotate, "deg)"),
+                        transform: "rotate(" + arrowRotate + "deg)",
                         filter: placementSide === 'bottom' || color === 'dark'
                             ? undefined
                             : 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))'
                     },
-                    _b[arrowXRule] = "".concat(arrowX !== null && arrowX !== void 0 ? arrowX : -6, "px"),
-                    _b[arrowYRule] = "".concat(arrowY !== null && arrowY !== void 0 ? arrowY : -6, "px"),
+                    _b[arrowXRule] = (arrowX !== null && arrowX !== void 0 ? arrowX : -6) + "px",
+                    _b[arrowYRule] = (arrowY !== null && arrowY !== void 0 ? arrowY : -6) + "px",
                     _b), fill: "none" },
                 React.createElement("rect", { x: "0", y: "0", width: "48", height: "4", strokeWidth: "0" }),
                 React.createElement("path", { d: "M 0 3 C 12 3 18 18 24 18 C 30 18 36 3 48 3", "stroke-width": "2" })),