# @chainlink/blocks

## 2.0.0

### Minor Changes

- d895d68: Replaced tooltip > responsivetooltip in vrf-ui, data-ui, functions-ui
- b89ab8f: Adds new NavSidebar component
- fed297f: Combobox: Content arrows scroll on hover/clicking on them brings list all the way up/down
- 0bbfff0: Sidebar - fix selected button when does not have children
- 8fa888b: Storybook MCP config / Update storybook's version
- 95cc83c: Make FieldInput composable in order to build custom implementations
- b2a3025: Network Selector + bottom sheet
- bba83a2: export Toast components from blocks and compose cre-blocks own toast
- b8cf0e9: Update Sidebar mobile styles
- 2a8a762: Removes overscrolling
- 6db1ea5: Implement dropdownmenu on breadcrumb ellipsis
- ea07136: Blocks inputs: adds 'clearable' support
- fed297f: Combobox: Adds up/down arrows that scroll on hover and go all the way to top/bottom on click
- a73b074: Implement ConnectWalletModal according to design with corresponding stories and docs
- d3abaa9: Add Link and TextLink components
- c07d6dc: Export Toast component to be used in forms
- b2a3025: Adds disabled color token
- fe656e7: Select fix: max width is in content instead of viewport
- 15bb7b2: Combobox accepts custom Value
- 357cb1b: Add clearable prop to Combobox
- 2b22bf4: Add base-ui combobox component
- 38b344c: Adds Main layout component with mdx documentation
- fe7aa73: Adds OrgSwitcher component
- 401bb42: Fix Select caret color and rotation
- 0d850e9: TablePagination: add a 'display' only variant for page selector
- 17c0cba: Adds Separator component
- 4928499: Fixed log in useViewport hook
- 2ecfaa3: Add copy primitives/icon variant
- bf4656e: Implemented design updates to Blocks DropdownMenu
- 43f13cb: Moved PageNotFound component from components to blocks
- 143b7bd: Adds decumentation for table primitives
- af04e5d: Add optional duration parameter to toast and return toast ID
- 62fed85: Adds Multiselect component
- 8949a3e: Style updates to header (adds transparencies)
- 0b92427: Added className to TooltipTrigger and TooltipContent
- 2b22bf4: Inputs: disabled states use design tokens instead of opacity
- 52f2fce: Optimized media query hooks with a singleton listener manager to prevent crashes when many components use the same hook. Added SSR fallback options (serverFallback parameter) to avoid hydration mismatches, including a null option to defer rendering until hydrated. Refactored useViewport to use matchMedia listeners instead of window.resize for better performance.
- 27a502d: Update platform ad icon colors
- 8660565: Temporary patch for Storybook displaying wrong displayNames
- abfd2f1: Implemented Combobox
- b9212b9: Rename Combobox -> LegacyCombobox
- d768126: Updates and bugfixes to multiselect and combobox
- acb9f00: Bug fix: combobox, select and multiselect function correctly inside of sidebar (sheet)
- 743b754: Updated stories
- 797a85e: Creates draggable Drawer using vaul
- 2b22bf4: Inputs: add scrolling arrrows to MultiSelect and Combobox
- 10e861c: Replace home for cre logo in default navbar
- 58834b8: update chainlink logo link in navbar
- ab4c40a: Blocks: change checkbox coloring
- 948c50f: Documentation and organization improvements for the Blocks component library Storybook.
- 4591289: Adds new Calendar component
- d6ceb23: Migrate to new blocks-icons library

  **BREAKING CHANGE**: Icons have been migrated from the legacy icon system to the new `@chainlink/blocks-icons` library.

  ## Required Action

  You must install the new blocks-icons library as a peer dependency:

  ```bash
  npm install @chainlink/blocks-icons
  ```

  ## What Changed

  - Internally all icon imports now use `@chainlink/blocks-icons` instead of the legacy icon system
  - This is a peer dependency of Blocks and must be installed for Blocks to work correctly

- 8680bc7: Add TransactionModal component
- 9134de8: TransactionalModal: Stack action buttons on mobile
- 1739b1a: Abstract placeholder rows functionality in DataTable
- bc25b9c: Updates to Button + implementation of ButtonSet component, replacing ButtonGroup
- 0e987e0: Create basic Pagination component. TablePagination composes from it
- 7a557ef: Fix Link and TextLink documentation
- c20e902: Update blocks to work with React 19
- 23a8810: update DataTable footer to show which records are being shown, i.e. "Showing X to Y from Z records"
- d441612: Export MultiSelect
- 708acb1: Update calendar styles / internal refactor
- 94ced98: Improve ai surface through a set of ai instruction files
- 61b7d16: Deterministic data for blocks chart components stories
- 0fe41da: Combobox: Add clear icon
- 38b344c: Modal: exposes a CloseMobalButton for cases when a custom style/positioning is needed.

### Patch Changes

- 38b344c: Updates to SideNavigation
- ce43be5: allow passing initialSort to DataTable
- cbdf6be: Storybook task
- 975fc53: Update ai search package to v.0.12.1
- 9183c09: Adds logic to chart.config to allow for passing chart.options.tooltip.y => [formatter] so that we can leverage block's chart tooltips while passing in custom formatters
- 0d1e9d2: Clean up project dependencies
- 8fd92cc: enabled eslint floating promises
- 3a0e50b: Fixes dropdown removeing unnecessary classNames
- f21e93b: - allow CopyButton to receive a variant prop
  - update row styles for tables with OnRowClick prop
- 38b344c: Updates to page header component
- 4f8319d: Pagination improvements
- b78cef6: Add DataLink page to nav sidebar
- a636b86: Allow passing all Button props to CopyButton
- db3da91: Makes responsive tooltip trigger responsive with css
- c83f57d: No changes
- Updated dependencies [62c2ac6]
- Updated dependencies [a92e33b]
- Updated dependencies [0d1e9d2]
- Updated dependencies [8fd92cc]
- Updated dependencies [d6ceb23]
  - @chainlink/blocks-icons@1.1.0

## 1.3.4

### Patch Changes

- Update npm publish command

## 1.3.3

### Patch Changes

- Vercel deploy updates

## 1.3.2

### Patch Changes

- Update npm package publish scripts

## 1.3.1

### Patch Changes

- 0394d56: bump zod version to latests v3 version
- 1f5a37b: Fix type for react 19 compatibility

## 1.3.0

### Minor Changes

- 209a52b: Add dual deployment strategy for blocks with continuous and versioned deployments.
- 29f9949: Remove responsiveness from typography header styles
- 265545b: Adds HeaderNavSelect for header navigation
- 811c93c: Select: Handles custom triggers via asChild prop
- 3b8908f: DataTable: Adds pagination prop abstraction / adds support for server side pagination
- d6cdfe8: Adds RadioGroup component
- d5ceb90: Add HeaderNavTabs component
- 22cd9e4: Adds FieldInput component

## 1.2.0

### Minor Changes

- 5d7eaf8: Hides table pagination in DataTable when there is only 1 page / Fix pagination styles in dark mode for legacy apps

### Patch Changes

- 226f21d: Update Improve AI documentation (stories/mdx) cursor workflfo
- 803ab67: Fixed displayName of components
- 02fcbdd: mdx documentation is updated
- d1ba095: Fix changeset/version
- 12d9db9: Patch compatibility issues
- a27a582: Adds basic mcp server for blocks

## 1.1.0

### Minor Changes

- 167a59e: Add 'width' prop to imput (responsive/full/hug)
- f5235a0: Add Econ -> Reserve to Shell
- 6906742: - Create `SegmentButton` and `SegmentController` components
- 109a552: fixes invalid HTML nesting errors when using the ModalTitle component
  fixes invalid HTML nesting errors when using the ModalDescription component
- 2a2137f: Updates the support links in the Blocks footer
- f8321d5: Fixes an HTML error that causes hydration errors
- c9f501a: Add optional `NavTabsTitle` subcomponent to `NavTabs`
- 226cb68: Create `MixedChart` component

### Patch Changes

- c8f8ed3: Fix border in `SegmentController` component
- 1edffc7: Center Table content when empty
- ae4fb5d: Update lifecycle tags and changelog
- dfc5242: Fix spacing on `Tabs` component
- f5235a0: Improve chart configuration for x-axis datetime type

## 1.0.0

### Major Changes

- 8d99af9: Fixed broken links on Welcome Page.
- 8d99af9: ## Unify components API

  ### 🚨 Breaking Changes

  - **Tabs Reorganization:** Shadcn components have been moved into the `primitives` folder within each respective tab.
  - **Component Renames:**

    - `Select` → **`SimpleSelect`**
    - `SelectElements` → **`Select`**
    - `Tooltip` → **`ResponsiveTooltip`**
    - `TooltipElements` → **`Tooltip`**
    - `Table` → **`DataTable`**
    - `TableElements` → **`Table`**
    - `Breadcrumb` → **`CollapsibleBreadcrumb`**
    - `BreadcrumbElements` → **`Breadcrumb`**

  These renames require updating your imports and usages accordingly.

  ***

  ### ✨ New Components

  - Added `LabeledCheckbox` component to simplify checkbox implementations.

  ***

  ### ♻️ Refactors & Improvements

  - Removed redundant `CheckboxField` component.
  - Updated `Field` component to now also support checkboxes, streamlining checkbox handling. Removed `CheckboxField`
  - Introduced `asChild` prop functionality to `Label`, increasing flexibility in usage.

### Minor Changes

- c377257: Add Toggle component
- 89b1519: AI assisted contributing flow

  - Added `AI_MASTER_GUIDE.md` and `DEVELOPER_FLOW.mdx` to streamline AI-powered documentation generation.
  - Updated documentation for numerous components to unify the API and fix errors: Accordion, AreaChart, BarChart, LineChart, PieChart, RadialChart, Copy, Card, NavTabs, Sheet, Sidebar, Table, Tabs, and Toast.
  - Generated new documentation for the Tag component.
  - Enforced a consistent structure where `SourceLinks` now precedes `LifecycleTag` in documentation files.

- 1f1df39: Add NavTabs component, built on Shadcn's Tabs for accessible tabbed navigation.
- 0874b6e: ## Fixed links, prioritized docs, updated component stability/status.

  ### General Updates

  - Fixed broken links on the Welcome Page.
  - Documentation prioritized at the top of the list for all components.

  ### Component Stability

  - **Stable**: Accordion, Button, Button Icon, Card, Checkbox, Nested Checkbox, Copy, Helper/Input/Label, Tabs, Tag, Toast, Tooltip.
  - **In Development**: Chart, Modal, Section, Sheet.
  - **Legacy**: Sidebar.

  ### Component-Specific Updates

  - **Button & Button Icon**: Condensed variant examples, clearly displaying all sizes and states.
  - **Card**: Updated styles to match default shadcn (buttons are now full width).
  - **Checkbox Label**: Merged into the Checkbox field.
  - **Copy**: Renamed from "Copy container"; `CopyButton` remains available separately.
  - **Helper/Input/Label**: Relocated into Field folder for better organization.
  - **Shell**: Integrated Footer and Vertical Navigation examples into Shell stories.
  - **ThemeToggle**: Addressed and fixed styling issues.
  - **Typography**: Moved to a dedicated tab with expanded variant-specific stories.
  - **Tooltip**: Improved clarity by updating the color scheme and info icon.

- 4746674: Blocks will now suggest supported react version
- 0ce3270: Adds pagination to the table component

### Patch Changes

- 4a7d003: [Internal] Updated workflow to use changeset for changelog management