WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 27 Packages Projects Releases Wiki Activity

fix: normalize component boundary spacing

Browse Source
This commit is contained in:
Clintchiz
2026-07-19 20:08:14 +05:30
parent eaea2c5f72
commit c5326f7622
191 changed files with 1280 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/component-reference.json
+384
View File
@@ -550,6 +550,12 @@
"category": "content",
"purpose": "Reusable accordion component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -1038,6 +1044,12 @@
"category": "feedback",
"purpose": "Reusable alert component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -1291,6 +1303,12 @@
"category": "core",
"purpose": "Reusable announcement bar component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "badge",
"type": "string",
@@ -1462,6 +1480,12 @@
"category": "content",
"purpose": "Reusable api endpoint card component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "method",
"type": "string",
@@ -3250,6 +3274,12 @@
"category": "content",
"purpose": "Reusable avatar component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "src",
"type": "string",
@@ -3456,6 +3486,12 @@
"category": "core",
"purpose": "Reusable back to top component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -3485,6 +3521,12 @@
"category": "feedback",
"purpose": "Reusable badge component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -3567,6 +3609,12 @@
"category": "feedback",
"purpose": "Reusable banner component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "text",
"type": "string",
@@ -4451,6 +4499,12 @@
"category": "core",
"purpose": "Reusable breadcrumbs component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "homeLabel",
"type": "string",
@@ -6871,6 +6925,12 @@
"category": "core",
"purpose": "Reusable checkbox component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -7530,6 +7590,12 @@
"category": "content",
"purpose": "Reusable code block component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "language",
"type": "string",
@@ -9932,6 +9998,12 @@
"category": "feedback",
"purpose": "Reusable cookie banner component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -11242,6 +11314,12 @@
"category": "layout",
"purpose": "Reusable c t a section component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "eyebrow",
"type": "string",
@@ -11826,6 +11904,12 @@
"category": "forms",
"purpose": "Reusable date input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -11903,6 +11987,12 @@
"category": "forms",
"purpose": "Reusable date picker component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -12015,6 +12105,12 @@
"category": "forms",
"purpose": "Reusable date range picker component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -12103,6 +12199,12 @@
"category": "forms",
"purpose": "Reusable date time input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -13934,6 +14036,12 @@
"category": "core",
"purpose": "Reusable drawer component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -13963,6 +14071,12 @@
"category": "overlays",
"purpose": "Reusable dropdown menu component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -14405,6 +14519,12 @@
"category": "forms",
"purpose": "Reusable email input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -14559,6 +14679,12 @@
"category": "feedback",
"purpose": "Reusable empty state component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "icon",
"type": "string",
@@ -15271,6 +15397,12 @@
"category": "feedback",
"purpose": "Reusable error state component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "code",
"type": "string",
@@ -15883,6 +16015,12 @@
"category": "core",
"purpose": "Reusable faq component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "eyebrow",
"type": "string",
@@ -15936,6 +16074,12 @@
"category": "core",
"purpose": "Reusable faqaccordion component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "eyebrow",
"type": "string",
@@ -16155,6 +16299,12 @@
"category": "content",
"purpose": "Reusable feature card component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "icon",
"type": "string",
@@ -17067,6 +17217,12 @@
"category": "content",
"purpose": "Reusable file upload component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -18156,6 +18312,12 @@
"category": "content",
"purpose": "Reusable form error summary component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -18179,6 +18341,12 @@
"category": "forms",
"purpose": "Reusable form field component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -19495,6 +19663,12 @@
"category": "layout",
"purpose": "Reusable hero component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "eyebrow",
"type": "string",
@@ -20646,6 +20820,12 @@
"category": "actions",
"purpose": "Reusable icon button component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -23421,6 +23601,12 @@
"category": "layout",
"purpose": "Reusable legal document layout component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -24716,6 +24902,12 @@
"category": "core",
"purpose": "Reusable logo cloud component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -26624,6 +26816,12 @@
"category": "core",
"purpose": "Reusable modal component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -27825,6 +28023,12 @@
"category": "forms",
"purpose": "Reusable number input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -28432,6 +28636,12 @@
"category": "forms",
"purpose": "Reusable otp input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "name",
"type": "string",
@@ -28695,6 +28905,12 @@
"category": "core",
"purpose": "Reusable pagination component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "page",
"type": "number",
@@ -28953,6 +29169,12 @@
"category": "forms",
"purpose": "Reusable password input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -29544,6 +29766,12 @@
"category": "forms",
"purpose": "Reusable phone input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -31236,6 +31464,12 @@
"category": "content",
"purpose": "Reusable pricing plan card component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "name",
"type": "string",
@@ -32511,6 +32745,12 @@
"category": "core",
"purpose": "Reusable progress bar component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "number",
@@ -33065,6 +33305,12 @@
"category": "core",
"purpose": "Reusable public footer component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "brand",
"type": "string",
@@ -33094,6 +33340,12 @@
"category": "layout",
"purpose": "Reusable public header component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "brand",
"type": "string",
@@ -33731,6 +33983,12 @@
"category": "core",
"purpose": "Reusable radio component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -33784,6 +34042,12 @@
"category": "forms",
"purpose": "Reusable radio group component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -36775,6 +37039,12 @@
"category": "forms",
"purpose": "Reusable schedule picker component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -37274,6 +37544,12 @@
"category": "forms",
"purpose": "Reusable search input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -37828,6 +38104,12 @@
"category": "layout",
"purpose": "Reusable section header component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "eyebrow",
"type": "string",
@@ -38239,6 +38521,12 @@
"category": "core",
"purpose": "Reusable select component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -40009,6 +40297,12 @@
"category": "core",
"purpose": "Reusable spinner component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -40295,6 +40589,12 @@
"category": "content",
"purpose": "Reusable stat card component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "label",
"type": "string",
@@ -40407,6 +40707,12 @@
"category": "feedback",
"purpose": "Reusable status badge component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "status",
"type": "string",
@@ -41430,6 +41736,12 @@
"category": "core",
"purpose": "Reusable switch component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -41477,6 +41789,12 @@
"category": "data",
"purpose": "Reusable table component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "caption",
"type": "string",
@@ -41629,6 +41947,12 @@
"category": "content",
"purpose": "Reusable tabs component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "active",
"type": "string",
@@ -42342,6 +42666,12 @@
"category": "content",
"purpose": "Reusable testimonial card component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "quote",
"type": "string",
@@ -42483,6 +42813,12 @@
"category": "core",
"purpose": "Reusable textarea component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -42554,6 +42890,12 @@
"category": "forms",
"purpose": "Reusable text input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -42884,6 +43226,12 @@
"category": "forms",
"purpose": "Reusable time input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -42961,6 +43309,12 @@
"category": "visualization",
"purpose": "Reusable timeline component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -43025,6 +43379,12 @@
"category": "content",
"purpose": "Reusable timeline item component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -43362,6 +43722,12 @@
"category": "forms",
"purpose": "Reusable timezone selector component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
@@ -43391,6 +43757,12 @@
"category": "core",
"purpose": "Reusable toast component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
@@ -43810,6 +44182,12 @@
"category": "content",
"purpose": "Reusable tooltip component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "text",
"type": "string",
@@ -44580,6 +44958,12 @@
"category": "forms",
"purpose": "Reusable url input component.",
"props": [
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",