@cypress-design/react-tooltip 0.3.4 → 0.4.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @cypress-design/react-tooltip
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#151](https://github.com/cypress-io/cypress-design/pull/151) [`8b0e735`](https://github.com/cypress-io/cypress-design/commit/8b0e7356eb64a6b3583d3486dda8ecbb11c34cca) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: use clases compatible with both windi and tailwind
8
+
3
9
  ## 0.3.4
4
10
 
5
11
  ### Patch Changes
@@ -27,7 +27,7 @@ export default ({
27
27
  <Tooltip
28
28
  className="bg-red-200 p-4 w-1/2"
29
29
  popper={
30
- <div className="h-200px flex items-center justify-center">Popov</div>
30
+ <div className="h-[200px] flex items-center justify-center">Popov</div>
31
31
  }
32
32
  color={color}
33
33
  placement="top"
package/Tooltip.tsx CHANGED
@@ -219,7 +219,7 @@ export const Tooltip: React.FC<
219
219
  </svg>
220
220
  <div
221
221
  className={clsx(
222
- 'rounded text-16px leading-24px min-w-160px text-center p-8px relative z-20',
222
+ 'rounded text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20',
223
223
  colors.background
224
224
  )}
225
225
  >
package/dist/index.es.mjs CHANGED
@@ -30413,10 +30413,10 @@ var Tooltip = function (_a) {
30413
30413
  _b), fill: "none" },
30414
30414
  React.createElement("rect", { x: "0", y: "0", width: "48", height: "4", strokeWidth: "0" }),
30415
30415
  React.createElement("path", { d: "M 0 3 C 12 3 18 18 24 18 C 30 18 36 3 48 3", strokeWidth: "2" })),
30416
- React.createElement("div", { className: clsx('rounded text-16px leading-24px min-w-160px text-center p-8px relative z-20', colors.background) }, popper))))))));
30416
+ React.createElement("div", { className: clsx('rounded text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20', colors.background) }, popper))))))));
30417
30417
  };
30418
30418
 
30419
30419
  export { Tooltip as default };
30420
30420
 
30421
- /* <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"> */
30421
+ /* <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"> */
30422
30422
  //# sourceMappingURL=index.es.mjs.map