Merge branch 'master' into dropdown-fix-tooltip-width-on-options-18253147838

Author: rivka-ungar

.cursor/rules/file-structures.mdc

@@ -17,7 +17,6 @@ The `packages/core/src` directory generally contains the following:
 - **`utils/`**: Includes utility functions that are not specific to any single component or hook.
 - **`types/`**: Defines shared TypeScript types and interfaces used throughout the `@vibe/core` library.
 - **`constants/`**: Stores constant values used across the library.
-- **`storybook/`**: Contains global Storybook configurations, decorators, or providers.
 - **`styles/`**: Can include global styles or theme-related style files, although most component-specific styling is co-located with the component. It is preferred to not add new code to this directory.
 - **`index.ts`**: The main export file for the `@vibe/core` library, re-exporting key modules and components.
 
@@ -37,8 +36,6 @@ Each component within `packages/core/src/components/` should follow a consistent
 - **`__tests__/`**: Contains unit and integration tests **only for the main component files** in the root directory.
   - Files within this directory follow the pattern `ComponentName.test.ts`.
   - **DO NOT** place tests for subcomponents, hooks, utils, or context in this directory.
-- **`__stories__/`**: Holds Storybook stories for the component.
-  - Files are typically named `ComponentName.stories.tsx`.
 - **`components/`**: For more complex components, this directory can house sub-components that are only used by `ComponentName`.
   - **Each subcomponent should have its own `__tests__/` directory** if tests are needed.
   - Structure: `ComponentName/components/SubComponent/__tests__/SubComponent.test.tsx`

.cursor/rules/naming-conventions.mdc

@@ -44,7 +44,7 @@ This document outlines the naming conventions to be followed when developing wit
   - **Utility Tests**: Place in `ComponentName/utils/__tests__/utilityName.test.ts`
   - **Context Tests**: Place in `ComponentName/context/__tests__/ComponentNameContext.test.ts`
   - **DO NOT** centralize all tests in the component root `__tests__` directory.
-- **Stories**: Storybook files SHOULD be placed in a `__stories__` subdirectory.
+- **Stories**: Storybook files SHOULD be placed in a `packages/docs` subdirectory.
   - Story files typically follow the pattern `ComponentName.stories.tsx`.
   - Refer to the storybook-stories.mdc file in the monorepo for Storybook specific conventions.
 - **Helper/Utility Files**: Utility functions or helper components specific to a single component can be placed in a `helper` or `utils` subdirectory, or directly within the component folder if small and highly specific.

.cursor/rules/storybook-stories.mdc

@@ -1,26 +1,24 @@
 ---
-description: "Guides the creation and modification of Storybook files specifically within the 'packages/core' package. It covers conventions, best practices, and helps answer questions about existing story implementations within 'packages/core'."
+description: "Guides the creation and modification of Storybook files specifically within the 'packages/docs' package. It covers conventions, best practices, and helps answer questions about existing story implementations within 'packages/core'."
 globs:
-  - "packages/core/**/__stories__/**/*.stories.tsx"
-  - "packages/core/**/__stories__/**/*.mdx"
-  - "packages/core/src/storybook/**"
+  - "packages/docs/**/*.stories.tsx"
+  - "packages/docs/**/*.mdx"
 alwaysApply: false
 ---
 
-# Storybook Stories for @vibe/core library
+# Storybook Stories for @vibe/docs library
 
-This document outlines the rules and best practices for creating and maintaining Storybook stories for the `@vibe/core` library.
-
-**Storybook Scope:** Storybook is exclusively used for the `@vibe/core` library within this monorepo. Do not create stories for components or utilities in other packages. Stories should _only_ be written for UI components found in `packages/core/src/components/`. Stories for custom hooks (e.g., `useWizard`) are not to be created.
+This document outlines the rules and best practices for creating and maintaining Storybook stories for the `@vibe/docs` library.
 
 ## 1. File Structure and Naming Conventions
 
-- **Location:** Component stories **must** be co-located with their respective component. Each component that requires stories must have a `__stories__` subdirectory.
-  - Example: `packages/core/src/components/ComponentName/__stories__/`
-- **Story File:** Inside the `__stories__` directory, the main story file **must** be named after the component, using PascalCase, followed by the `.stories.tsx` extension.
-  - Example: `packages/core/src/components/ComponentName/__stories__/ComponentName.stories.tsx`
-- **MDX File:** An accompanying MDX documentation file **must** also be created in the `__stories__` directory, named after the component.
-  - Example: `packages/core/src/components/ComponentName/__stories__/ComponentName.mdx`
+- **Location:** Component stories are located in the `@vibe/docs` package, organized by component type in `packages/docs/src/pages/`.
+  - Example for components: `packages/docs/src/pages/components/ComponentName/`
+  - Example for hooks: `packages/docs/src/pages/hooks/hookName/`
+- **Story File:** The main story file **must** be named after the component, using PascalCase, followed by the `.stories.tsx` extension.
+  - Example: `packages/docs/src/pages/components/ComponentName/ComponentName.stories.tsx`
+- **MDX File:** An accompanying MDX documentation file **must** also be created in the same directory, named after the component.
+  - Example: `packages/docs/src/pages/components/ComponentName/ComponentName.mdx`
 
 ## 2. `.stories.tsx` File Structure and Content
 
@@ -41,7 +39,7 @@ The default export defines the component's metadata for Storybook.
 ```typescript
 import React from "react";
 import { Meta, StoryObj } from "@storybook/react";
-import ComponentName from "../ComponentName"; // Adjust path as necessary
+import { ComponentName } from "@vibe/core";
 // Import other Vibe components or types if needed for stories
 
 export default {
@@ -252,7 +250,7 @@ The following is a template for `ComponentName.mdx`:
 ````mdx
 import { Meta } from "@storybook/blocks";
 import * as ComponentStories from "./ComponentName.stories"; // Import the stories
-import ComponentName from "../ComponentName";
+import { ComponentName } from "@vibe/core";
 
 <Meta of={ComponentStories} />
 

.github/workflows/chromatic.yml

@@ -33,7 +33,7 @@ jobs:
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          workingDir: packages/core
+          workingDir: packages/docs
           exitOnceUploaded: true
           onlyChanged: false
           skip: ${{ needs.build.outputs.has_changes == 'false' }}

.github/workflows/publish-storybook.yml

@@ -21,8 +21,8 @@ jobs:
       - name: Build & deploy Storybooks to GitHub Pages
         run: |
           yarn lerna run build --include-dependencies
-          yarn lerna run --scope @vibe/core build-storybook
-          cd packages/core/static_storybook
+          yarn lerna run --scope @vibe/docs build-storybook
+          cd packages/docs/static_storybook
           echo "vibe.monday.com" > ./CNAME
         env:
           NODE_AUTH_TOKEN: ${{ secrets.npm_token }}

components/button/CHANGELOG.md

@@ -0,0 +1,35 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.4](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-30)
+
+**Note:** Version bump only for package @vibe/button
+
+
+
+
+
+## [3.0.3](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-26)
+
+**Note:** Version bump only for package @vibe/button
+
+
+
+
+
+## [3.0.2](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-26)
+
+
+### Bug Fixes
+
+* remove unneeded dev dependencies ([#3157](https://github.com/mondaycom/vibe/issues/3157)) ([eec1792](https://github.com/mondaycom/vibe/commit/eec17924422cb0478bb713290919d80a516cd436))
+
+
+
+
+
+## 3.0.1 (2025-10-25)
+
+**Note:** Version bump only for package @vibe/button

components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/button",
-  "version": "3.0.0",
+  "version": "3.0.4",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -30,26 +30,23 @@
   "scripts": {
     "build": "rollup -c",
     "test": "vitest run",
-    "storybook": "storybook dev -p 7008",
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/icon": "3.0.0",
-    "@vibe/loader": "3.0.0",
-    "@vibe/shared": "3.0.1",
-    "@vibe/storybook-config": "3.0.1",
+    "@vibe/icon": "3.0.4",
+    "@vibe/loader": "3.0.4",
+    "@vibe/shared": "3.0.4",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
   },
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
-    "@vibe/config": "3.0.1",
-    "@vibe/icons": "1.9.0",
-    "typescript": "^4.7.3",
-    "vibe-storybook-components": "1.0.2",
+    "@vibe/config": "3.0.3",
+    "@vibe/icons": "1.11.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
+    "typescript": "^4.7.3",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {

components/button/src/Button/__tests__/__snapshots__/Button.snapshot.test.tsx.snap

@@ -405,7 +405,7 @@ exports[`Button renders correctly > renders correctly with leftIcon 1`] = `
 >
   <svg
     aria-hidden={true}
-    className="icon_0185a9a938 leftIcon noFocusStyle_76f8840e86"
+    className="icon leftIcon noFocusStyle"
     data-testid="icon"
     data-vibe="Icon"
     fill="currentColor"
@@ -458,7 +458,7 @@ exports[`Button renders correctly > renders correctly with rightIcon 1`] = `
   Button
   <svg
     aria-hidden={true}
-    className="icon_0185a9a938 rightIcon noFocusStyle_76f8840e86"
+    className="icon rightIcon noFocusStyle"
     data-testid="icon"
     data-vibe="Icon"
     fill="currentColor"

components/icon/CHANGELOG.md

@@ -0,0 +1,35 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.4](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-30)
+
+**Note:** Version bump only for package @vibe/icon
+
+
+
+
+
+## [3.0.3](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-26)
+
+**Note:** Version bump only for package @vibe/icon
+
+
+
+
+
+## [3.0.2](https://github.com/mondaycom/vibe/compare/@vibe/[email protected]...@vibe/[email protected]) (2025-10-26)
+
+
+### Bug Fixes
+
+* remove unneeded dev dependencies ([#3157](https://github.com/mondaycom/vibe/issues/3157)) ([eec1792](https://github.com/mondaycom/vibe/commit/eec17924422cb0478bb713290919d80a516cd436))
+
+
+
+
+
+## 3.0.1 (2025-10-25)
+
+**Note:** Version bump only for package @vibe/icon

components/icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/icon",
-  "version": "3.0.0",
+  "version": "3.0.4",
   "description": "Vibe sub-package for icon components",
   "repository": {
     "type": "git",
@@ -30,23 +30,19 @@
   "scripts": {
     "build": "rollup -c",
     "test": "vitest run",
-    "storybook": "storybook dev -p 7008",
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/storybook-config": "3.0.1",
-    "@vibe/shared": "3.0.1",
+    "@vibe/shared": "3.0.4",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10",
     "react-inlinesvg": "^4.1.3"
   },
   "devDependencies": {
-    "@vibe/icons": "1.11.0",
-    "@vibe/config": "3.0.1",
-    "typescript": "^4.7.3",
-    "vibe-storybook-components": "1.0.2",
+    "@vibe/config": "3.0.3",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
+    "typescript": "^4.7.3",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {