Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .storybook/components/Roadmap/Roadmap.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@
border: var(--table-border);
border-radius: var(--kbq-size-s);
inline-size: inherit;

tbody tr:last-child td {
border-block-end: none;
}
}

.box {
Expand Down
7 changes: 0 additions & 7 deletions .storybook/components/Roadmap/Roadmap.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import {
ButtonToggleGroup,
FlexBox,
Table,
Alert,
Typography,
} from '@koobiq/react-components';
import { clsx } from '@koobiq/react-core';
Expand All @@ -30,12 +29,6 @@ export function Roadmap() {
<ButtonToggle id="2025">2025</ButtonToggle>
<ButtonToggle id="2026">2026</ButtonToggle>
</ButtonToggleGroup>
{selectedYear === '2026' && (
<Alert isCompact isColored>
We&#39;re still working on the 2026 roadmap — we&#39;ll share an
update soon.
</Alert>
)}
<Table
selectionMode="single"
divider="row"
Expand Down
59 changes: 59 additions & 0 deletions .storybook/components/Roadmap/data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -374,6 +374,24 @@ export const rows: Rows = [
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'Flag',
status: '✅ Done',
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'Resizable',
status: '✅ Done',
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'Username',
status: '✅ Done',
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'ButtonGroup',
status: '✅ Done',
Expand All @@ -386,4 +404,45 @@ export const rows: Rows = [
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'Markdown',
status: '✅ Done',
stage: '🔵 experimental',
planned: 'Q3 2026',
},
{
component: 'DropdownMenu',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'CodeBlock',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'SplitButton',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'ClampedText',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'ClampedList',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'TimeRange',
status: '🚧 Planned',
planned: 'Q3 2026',
},
{
component: 'Highlight',
status: '🚧 Planned',
planned: 'Q3 2026',
},
];
Loading