@cypress-design/react-tooltip 0.10.0 → 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
2
2
  $ rollup -c ./rollup.config.mjs
3
3
  
4
4
  ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
5
- created ./dist/index.umd.js, ./dist/index.es.mjs in 21.1s
5
+ created ./dist/index.umd.js, ./dist/index.es.mjs in 22.2s
6
6
  $ tsc --project ./tsconfig.build.json
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @cypress-design/react-tooltip
2
2
 
3
+ ## 0.10.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ac69cb4`](https://github.com/cypress-io/cypress-design/commit/ac69cb4aa2b725f21d187e5a221f80eac2c89200) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: arrow was missing when interactive
8
+
3
9
  ## 0.10.0
4
10
 
5
11
  ### Minor Changes
package/Tooltip.tsx CHANGED
@@ -99,7 +99,7 @@ export const Tooltip: React.FC<
99
99
  fn: (obj) => obj,
100
100
  }
101
101
  : flip(),
102
- offset(interactive ? 0 : 16),
102
+ offset(16),
103
103
  arrow({ element: arrowRef, padding: 24 }),
104
104
  shift({ padding: 16 }),
105
105
  ],
@@ -200,10 +200,8 @@ export const Tooltip: React.FC<
200
200
  placementSide === 'bottom' || color === 'dark'
201
201
  ? 'drop-shadow(0 1px 1px rgba(225, 227, 237, .3))'
202
202
  : 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))',
203
- [arrowXRule]: `${arrowX ?? (interactive ? 0 : -16)}px`,
204
- [arrowYRule]: `${
205
- arrowY ? arrowY + 6 : interactive ? 6 : -10
206
- }px`,
203
+ [arrowXRule]: `${arrowX ?? -16}px`,
204
+ [arrowYRule]: `${arrowY ? arrowY + 6 : -10}px`,
207
205
  }}
208
206
  fill="none"
209
207
  >
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,SAAS,EAaV,MAAM,oBAAoB,CAAA;AAE3B,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;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CA0K/C,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,SAAS,EAaV,MAAM,oBAAoB,CAAA;AAE3B,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;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAwK/C,CAAA;AAED,eAAe,OAAO,CAAA"}
package/dist/index.es.mjs CHANGED
@@ -34188,7 +34188,7 @@ var Tooltip = function (_a) {
34188
34188
  fn: function (obj) { return obj; },
34189
34189
  }
34190
34190
  : flip(),
34191
- offset(interactive ? 0 : 16),
34191
+ offset(16),
34192
34192
  arrow({ element: arrowRef, padding: 24 }),
34193
34193
  shift({ padding: 16 }),
34194
34194
  ],
@@ -34257,8 +34257,8 @@ var Tooltip = function (_a) {
34257
34257
  ? 'drop-shadow(0 1px 1px rgba(225, 227, 237, .3))'
34258
34258
  : 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))'
34259
34259
  },
34260
- _b[arrowXRule] = "".concat(arrowX !== null && arrowX !== void 0 ? arrowX : (interactive ? 0 : -16), "px"),
34261
- _b[arrowYRule] = "".concat(arrowY ? arrowY + 6 : interactive ? 6 : -10, "px"),
34260
+ _b[arrowXRule] = "".concat(arrowX !== null && arrowX !== void 0 ? arrowX : -16, "px"),
34261
+ _b[arrowYRule] = "".concat(arrowY ? arrowY + 6 : -10, "px"),
34262
34262
  _b), fill: "none" },
34263
34263
  React.createElement("rect", { x: "0", y: "0", width: "48", height: "4", strokeWidth: "0" }),
34264
34264
  React.createElement("path", { d: "M 0 3 C 12 3 18 18 24 18 C 30 18 36 3 48 3", strokeWidth: "2" })),