chore: move tipseen to a package

packages/components/tipseen/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@vibe/tipseen",
+  "version": "3.0.0",
+  "description": "Vibe sub-package for tipseen components",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mondaycom/vibe.git",
+    "directory": "components/tipseen"
+  },
+  "bugs": {
+    "url": "https://github.com/mondaycom/vibe/issues"
+  },
+  "homepage": "https://github.com/mondaycom/vibe#readme",
+  "author": "monday.com",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./mockedClassNames": {
+      "import": "./dist/mocked_classnames/index.js",
+      "default": "./dist/mocked_classnames/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c && mock_classnames=on rollup -c",
+    "test": "vitest run",
+    "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
+  },
+  "dependencies": {
+    "@vibe/button": "3.0.13",
+    "@vibe/dialog": "3.0.7",
+    "@vibe/icon": "3.0.9",
+    "@vibe/shared": "3.0.8",
+    "@vibe/tooltip": "3.0.0",
+    "classnames": "^2.5.1",
+    "es-toolkit": "^1.39.10",
+    "react-popper": "^2.3.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^12.1.2",
+    "@vibe/config": "3.0.5",
+    "@vibe/icons": "1.15.0",
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0",
+    "react-test-renderer": "16",
+    "typescript": "^4.7.3",
+    "vitest": "^1.6.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "sideEffects": [
+    "*.scss",
+    "*.css",
+    "*.scss.js",
+    "*.css.js"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "../../../node_modules/@vibe/config/.eslintrc.cjs"
+    ]
+  }
+}

packages/components/tipseen/rollup.config.mjs

@@ -0,0 +1,3 @@
+import config from "@vibe/config/rollup.config";
+
+export default config;

packages/components/tipseen/src/Tipseen.module.scss

@@ -0,0 +1,51 @@
+@mixin smoothing-text {
+  -webkit-font-smoothing: var(--font-smoothing-webkit);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz);
+}
+
+.tipseenWrapper {
+  min-width: 100px;
+  min-height: 40px;
+  --tooltip-padding: 0;
+  --tooltip-border-radius: var(--border-radius-medium);
+  --tooltip-max-width: initial;
+
+  &.tipseenWrapperWithoutCustomWidth {
+    --tooltip-max-width: 320px;
+  }
+
+  &.floating {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    margin-bottom: var(--spacing-medium);
+    margin-right: var(--spacing-medium);
+  }
+
+  .tipseen {
+    &Header {
+      display: flex;
+      justify-content: flex-start;
+    }
+
+    &Title {
+      padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);
+    }
+
+    &Content {
+      margin: 0;
+      @include smoothing-text;
+    }
+
+    &CloseButton {
+      position: absolute;
+      top: var(--spacing-small);
+      right: var(--spacing-small);
+      z-index: 2;
+
+      &.dark {
+        color: var(--color-asphalt);
+      }
+    }
+  }
+}