@alpic-ai/ui 1.160.0 → 1.162.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion-card.d.mts +1 -5
- package/dist/components/accordion-card.mjs +1 -5
- package/dist/components/accordion.d.mts +1 -5
- package/dist/components/accordion.mjs +1 -5
- package/dist/components/attachment-tile.d.mts +0 -5
- package/dist/components/chart-legend.d.mts +4 -1
- package/dist/components/chart-legend.mjs +21 -7
- package/dist/components/chart-primitives.d.mts +3 -8
- package/dist/components/chart-primitives.mjs +3 -8
- package/dist/components/combobox.d.mts +0 -1
- package/dist/components/line-chart.d.mts +3 -1
- package/dist/components/line-chart.mjs +7 -4
- package/dist/components/select-trigger-variants.d.mts +1 -5
- package/dist/components/select-trigger-variants.mjs +1 -5
- package/dist/components/table.d.mts +1 -5
- package/dist/components/task-progress.d.mts +1 -4
- package/dist/lib/chart-palette.d.mts +1 -20
- package/dist/lib/chart-palette.mjs +1 -20
- package/dist/lib/chart.d.mts +1 -4
- package/dist/lib/chart.mjs +2 -11
- package/package.json +5 -5
- package/src/components/accordion-card.tsx +1 -5
- package/src/components/accordion.tsx +1 -5
- package/src/components/attachment-tile.tsx +0 -5
- package/src/components/avatar.tsx +0 -2
- package/src/components/bar-chart.tsx +1 -2
- package/src/components/bar-list.tsx +1 -2
- package/src/components/chart-legend.tsx +47 -10
- package/src/components/chart-primitives.tsx +3 -9
- package/src/components/combobox.tsx +1 -29
- package/src/components/dropdown-menu.tsx +0 -12
- package/src/components/form.tsx +0 -4
- package/src/components/heatmap-chart.tsx +4 -10
- package/src/components/line-chart.tsx +16 -3
- package/src/components/select-trigger-variants.ts +1 -5
- package/src/components/select.tsx +0 -10
- package/src/components/sidebar.tsx +0 -2
- package/src/components/table.tsx +1 -5
- package/src/components/tabs.tsx +1 -18
- package/src/components/tag.tsx +0 -6
- package/src/components/task-progress.tsx +2 -14
- package/src/components/wizard.tsx +0 -6
- package/src/lib/chart-palette.ts +3 -22
- package/src/lib/chart.ts +3 -15
- package/src/stories/button.stories.tsx +1 -15
- package/src/stories/combobox.stories.tsx +0 -12
- package/src/stories/dropdown-menu.stories.tsx +0 -4
- package/src/stories/form.stories.tsx +0 -6
- package/src/stories/heatmap-chart.stories.tsx +0 -1
- package/src/stories/input-group.stories.tsx +0 -4
- package/src/stories/input.stories.tsx +0 -8
- package/src/stories/line-chart.stories.tsx +120 -80
- package/src/stories/sidebar.stories.tsx +1 -4
- package/src/stories/skeleton.stories.tsx +0 -2
- package/src/stories/table.stories.tsx +0 -5
- package/src/stories/tabs.stories.tsx +0 -11
- package/src/stories/toggle-group.stories.tsx +0 -5
- package/src/stories/wizard.stories.tsx +0 -4
|
@@ -8,7 +8,6 @@ const LABEL = "type-text-xs text-muted-foreground w-20 shrink-0";
|
|
|
8
8
|
|
|
9
9
|
export const AllVariants = () => (
|
|
10
10
|
<div className="flex flex-col gap-4 p-8">
|
|
11
|
-
{/* ── Default variant ──────────────────────────────────────────────── */}
|
|
12
11
|
<span className={SECTION_HEADER}>Default variant</span>
|
|
13
12
|
|
|
14
13
|
<div className={ROW}>
|
|
@@ -44,7 +43,6 @@ export const AllVariants = () => (
|
|
|
44
43
|
</ToggleGroup>
|
|
45
44
|
</div>
|
|
46
45
|
|
|
47
|
-
{/* ── Outline variant ─────────────────────────────────────────────── */}
|
|
48
46
|
<span className={SECTION_HEADER}>Outline variant</span>
|
|
49
47
|
|
|
50
48
|
<div className={ROW}>
|
|
@@ -77,7 +75,6 @@ export const AllVariants = () => (
|
|
|
77
75
|
</ToggleGroup>
|
|
78
76
|
</div>
|
|
79
77
|
|
|
80
|
-
{/* ── Sizes ───────────────────────────────────────────────────────── */}
|
|
81
78
|
<span className={SECTION_HEADER}>Sizes</span>
|
|
82
79
|
|
|
83
80
|
<div className={ROW}>
|
|
@@ -104,7 +101,6 @@ export const AllVariants = () => (
|
|
|
104
101
|
</ToggleGroup>
|
|
105
102
|
</div>
|
|
106
103
|
|
|
107
|
-
{/* ── Disabled ────────────────────────────────────────────────────── */}
|
|
108
104
|
<span className={SECTION_HEADER}>Disabled</span>
|
|
109
105
|
|
|
110
106
|
<div className={ROW}>
|
|
@@ -119,7 +115,6 @@ export const AllVariants = () => (
|
|
|
119
115
|
</ToggleGroup>
|
|
120
116
|
</div>
|
|
121
117
|
|
|
122
|
-
{/* ── Real-world: Log level filter ────────────────────────────────── */}
|
|
123
118
|
<span className={SECTION_HEADER}>Log level filter (real-world)</span>
|
|
124
119
|
|
|
125
120
|
<div className={ROW}>
|
|
@@ -14,7 +14,6 @@ const steps = [
|
|
|
14
14
|
{ id: "review", label: "Review & export" },
|
|
15
15
|
];
|
|
16
16
|
|
|
17
|
-
/** The step rail is a vertical `TabsNav` composed with the consumer's selection state. */
|
|
18
17
|
function StepRail({ activeIdx, onSelect }: { activeIdx: number; onSelect: (idx: number) => void }) {
|
|
19
18
|
return (
|
|
20
19
|
<TabsNav orientation="vertical" aria-label="Submission steps">
|
|
@@ -36,7 +35,6 @@ export const AllVariants: Story = () => {
|
|
|
36
35
|
|
|
37
36
|
return (
|
|
38
37
|
<div className="flex flex-col gap-10 p-8">
|
|
39
|
-
{/* Full rail (steps + progress) */}
|
|
40
38
|
<div>
|
|
41
39
|
<p className={SECTION_HEADER}>Full rail — steps + progress</p>
|
|
42
40
|
<div className="mt-4 flex gap-6">
|
|
@@ -50,7 +48,6 @@ export const AllVariants: Story = () => {
|
|
|
50
48
|
</div>
|
|
51
49
|
</div>
|
|
52
50
|
|
|
53
|
-
{/* Steps only */}
|
|
54
51
|
<div>
|
|
55
52
|
<p className={SECTION_HEADER}>Steps only</p>
|
|
56
53
|
<div className="mt-4 max-w-56">
|
|
@@ -58,7 +55,6 @@ export const AllVariants: Story = () => {
|
|
|
58
55
|
</div>
|
|
59
56
|
</div>
|
|
60
57
|
|
|
61
|
-
{/* Progress only — various positions */}
|
|
62
58
|
<div>
|
|
63
59
|
<p className={SECTION_HEADER}>Progress — first step</p>
|
|
64
60
|
<div className="mt-4 max-w-56">
|