@cypress-design/react-tooltip 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cypress-design/react-tooltip
 
+## 0.4.1
+
+### Patch Changes
+
+- [#164](https://github.com/cypress-io/cypress-design/pull/164) [`4fd951a`](https://github.com/cypress-io/cypress-design/commit/4fd951a39335900da2508beef9b3565a6f8f9518) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: update active buttons borders
+
 ## 0.4.0
 
 ### Minor Changes

package/Tooltip.rootstory.tsx

@@ -13,10 +13,10 @@ export default ({
   disabled?: boolean
   tabIndex?: number
 } = {}) => (
-  <div className="center flex flex-col items-center gap-20">
+  <div className="flex flex-col items-center center gap-20">
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
-      popper={<div className="bg-jade-200 text-gray-800 p-4">PopovDyn</div>}
+      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}
@@ -25,7 +25,7 @@ export default ({
       <div>Hover Me (dynamic: {placement?.toString()})</div>
     </Tooltip>
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
+      className="w-1/2 p-4 bg-red-200"
       popper={
         <div className="h-[200px] flex items-center justify-center">Popov</div>
       }
@@ -36,7 +36,7 @@ export default ({
       <div>Force Placement to the top</div>
     </Tooltip>
     <Tooltip
-      className="bg-red-200 p-4 w-1/2"
+      className="w-1/2 p-4 bg-red-200"
       popper={<div>PopovInt</div>}
       color={color}
       placement={placement}
@@ -47,14 +47,14 @@ export default ({
     {(['top', 'right', 'bottom', 'left', 'top-start'] as const).map(
       (placement) => (
         <Tooltip
-          className="bg-indigo-200 p-4 w-1/2"
+          className="w-1/2 p-4 bg-indigo-200"
           placement={placement}
           key={placement}
           color={color}
           tabIndex={tabIndex}
           disabled={disabled}
           popper={
-            <div className="bg-jade-200 text-gray-800 p-4">
+            <div className="p-4 text-gray-800 bg-jade-200">
               Popover ({placement})
             </div>
           }

package/package.json

@@ -1,26 +1,26 @@
 {
-  "name": "@cypress-design/react-tooltip",
-  "version": "0.4.0",
-  "files": [
-    "*"
-  ],
-  "typings": "./dist/index.d.ts",
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.mjs",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.mjs",
-      "require": "./dist/index.umd.js"
-    }
-  },
-  "scripts": {
-    "build": "yarn build:module && yarn build:types",
-    "build:module": "rollup -c ./rollup.config.js",
-    "build:types": "tsc --project ./tsconfig.build.json"
-  },
-  "dependencies": {
-    "clsx": "*",
-    "@floating-ui/react-dom-interactions": "^0.6.1"
-  },
-  "license": "MIT"
+	"name": "@cypress-design/react-tooltip",
+	"version": "0.4.1",
+	"files": [
+		"*"
+	],
+	"typings": "./dist/index.d.ts",
+	"main": "./dist/index.umd.js",
+	"module": "./dist/index.es.mjs",
+	"exports": {
+		".": {
+			"import": "./dist/index.es.mjs",
+			"require": "./dist/index.umd.js"
+		}
+	},
+	"scripts": {
+		"build": "yarn build:module && yarn build:types",
+		"build:module": "rollup -c ./rollup.config.mjs",
+		"build:types": "tsc --project ./tsconfig.build.json"
+	},
+	"dependencies": {
+		"clsx": "*",
+		"@floating-ui/react-dom-interactions": "^0.6.1"
+	},
+	"license": "MIT"
 }

package/rollup.config.mjs

@@ -0,0 +1,3 @@
+import rootRollupConfig from '../../root.rollup.config.mjs'
+
+export default rootRollupConfig({ input: './index.ts' })

package/rollup.config.js

@@ -1,3 +0,0 @@
-import rootRollupConfig from '../../root.rollup.config'
-
-export default rootRollupConfig({ input: './index.ts' })