From df51687f7ba6c88ad25055edb4bc4b1deddb7094 Mon Sep 17 00:00:00 2001 From: Brandon McConnell Date: Wed, 18 Mar 2026 16:37:02 -0700 Subject: [PATCH 1/3] feat: enable container query support for Columns component Update the Columns component to use a `--cols` CSS variable for dynamic column counting. It now supports container query breakpoints like `@[]` and `@sm` in addition to media query breakpoints, allowing for responsive column wrapping based on the parent container's width. A new `InsideContainer` Storybook story demonstrates this behavior. --- CHANGELOG.md | 10 ++++++++++ packages/components/package.json | 2 +- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c9f6bd13..75d36de8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,16 @@ All notable changes to this project will be documented in this file. +## [1.0.12] - 2026-03-17 + +### Changed + +- Columns component now uses a `--cols` CSS variable for column count and supports container query breakpoints (`@[0px]`, `@sm`) alongside media query breakpoints (`sm`), enabling container-responsive column wrapping when placed inside a container query context + +### Added + +- `InsideContainer` storybook story demonstrating container query behavior with a resizable wrapper + ## [1.0.11] - 2026-03-12 ### Fixed diff --git a/packages/components/package.json b/packages/components/package.json index cf23dfed..ec08cc36 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@mintlify/components", - "version": "1.0.11", + "version": "1.0.12", "description": "Mintlify open-source UI components", "type": "module", "main": "./dist/index.cjs", From a40a78d3970ad5a9c4b57534cf4e09b2d127e361 Mon Sep 17 00:00:00 2001 From: Brandon McConnell Date: Wed, 18 Mar 2026 16:37:30 -0700 Subject: [PATCH 2/3] docs: simplify Columns component changelog entry --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 75d36de8..cf4c319f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,7 +6,7 @@ All notable changes to this project will be documented in this file. ### Changed -- Columns component now uses a `--cols` CSS variable for column count and supports container query breakpoints (`@[0px]`, `@sm`) alongside media query breakpoints (`sm`), enabling container-responsive column wrapping when placed inside a container query context +- Columns component now supports container query breakpoints alongside media query breakpoints, enabling container-responsive column wrapping when placed inside a container query context ### Added From 2cd3e89166284830b88527be34468d6b20d5dbbe Mon Sep 17 00:00:00 2001 From: Brandon McConnell Date: Wed, 18 Mar 2026 16:48:05 -0700 Subject: [PATCH 3/3] docs: simplify Columns changelog entry and update version date --- CHANGELOG.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index cf4c319f..1595b18b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,15 +2,15 @@ All notable changes to this project will be documented in this file. -## [1.0.12] - 2026-03-17 +## [1.0.12] - 2026-03-18 ### Changed -- Columns component now supports container query breakpoints alongside media query breakpoints, enabling container-responsive column wrapping when placed inside a container query context +- Added support for container query responsiveness in `Columns` (#221) ### Added -- `InsideContainer` storybook story demonstrating container query behavior with a resizable wrapper +- `InsideContainer` storybook story demonstrating container query behavior with a resizable wrapper (#220) ## [1.0.11] - 2026-03-12