Skip to content

Deprecate div/span components in favor of Shadcn semantic components #247

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hotlong merged 7 commits into from
Jan 28, 2026
Merged

Deprecate div/span components in favor of Shadcn semantic components #247

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
23c24b7
Initial plan
Copilot Jan 28, 2026
6f0766f
Add deprecation warnings to div and span components, update documenta…
Copilot Jan 28, 2026
e559891
Remove invalid deprecated flag, clean up backup files
Copilot Jan 28, 2026
66c4529
Initial plan
Copilot Jan 28, 2026
0902755
Fix MDX syntax errors - remove double commas from block documentation
Copilot Jan 28, 2026
dca606d
Fix MDX syntax - add missing children property before arrays
Copilot Jan 28, 2026
dcd8922
Merge pull request #248 from objectstack-ai/copilot/update-object-ui-…
hotlong Jan 28, 2026
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
5 changes: 5 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,3 +51,8 @@ apps/site/.source

# Test artifacts
test-screenshots

# Backup files
*.bak
*.backup
*~
101 changes: 53 additions & 48 deletions content/docs/blocks/authentication.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,13 @@ A clean login form with email and password fields.
className: "w-full max-w-md mx-auto",
children: [
{
type: "div",
className: "p-6 space-y-6",
type: "stack",
spacing: 6,
children: [
{
type: "div",
className: "space-y-2 text-center",
type: "stack",
spacing: 2,
className: "text-center",
children: [
{
type: "text",
Expand All @@ -41,12 +42,12 @@ A clean login form with email and password fields.
]
},
{
type: "div",
className: "space-y-4",
type: "stack",
spacing: 4,
children: [
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -64,8 +65,8 @@ A clean login form with email and password fields.
]
},
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -83,12 +84,12 @@ A clean login form with email and password fields.
]
},
{
type: "div",
className: "flex items-center justify-between",
type: "flex",
className: "items-center justify-between",
children: [
{
type: "div",
className: "flex items-center space-x-2",
type: "flex",
className: "items-center space-x-2",
children: [
{
type: "checkbox",
Expand Down Expand Up @@ -179,12 +180,13 @@ Complete registration form with validation.
className: "w-full max-w-md mx-auto",
children: [
{
type: "div",
className: "p-6 space-y-6",
type: "stack",
spacing: 6,
children: [
{
type: "div",
className: "space-y-2 text-center",
type: "stack",
spacing: 2,
className: "text-center",
children: [
{
type: "text",
Expand All @@ -199,16 +201,17 @@ Complete registration form with validation.
]
},
{
type: "div",
className: "space-y-4",
type: "stack",
spacing: 4,
children: [
{
type: "div",
className: "grid grid-cols-2 gap-4",
type: "grid",
cols: 2,
gap: 4,
children: [
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -225,8 +228,8 @@ Complete registration form with validation.
]
},
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -245,8 +248,8 @@ Complete registration form with validation.
]
},
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -264,8 +267,8 @@ Complete registration form with validation.
]
},
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand All @@ -283,8 +286,8 @@ Complete registration form with validation.
]
},
{
type: "div",
className: "flex items-start space-x-2",
type: "flex",
className: "items-start space-x-2",
children: [
{
type: "checkbox",
Expand Down Expand Up @@ -342,12 +345,13 @@ Password reset request form.
className: "w-full max-w-md mx-auto",
children: [
{
type: "div",
className: "p-6 space-y-6",
type: "stack",
spacing: 6,
children: [
{
type: "div",
className: "space-y-2 text-center",
type: "stack",
spacing: 2,
className: "text-center",
children: [
{
type: "text",
Expand All @@ -362,12 +366,12 @@ Password reset request form.
]
},
{
type: "div",
className: "space-y-4",
type: "stack",
spacing: 4,
children: [
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand Down Expand Up @@ -416,12 +420,13 @@ Password reset request form.
className: "w-full max-w-md mx-auto",
children: [
{
type: "div",
className: "p-6 space-y-6",
type: "stack",
spacing: 6,
children: [
{
type: "div",
className: "space-y-2 text-center",
type: "stack",
spacing: 2,
className: "text-center",
children: [
{
type: "text",
Expand All @@ -436,12 +441,12 @@ Password reset request form.
]
},
{
type: "div",
className: "space-y-4",
type: "stack",
spacing: 4,
children: [
{
type: "div",
className: "space-y-2",
type: "stack",
spacing: 2,
children: [
{
type: "label",
Expand Down
Loading