release: WRNexusJS 0.6.0

This commit is contained in:
2026-08-01 06:50:37 +05:30
parent 687d345882
commit d5e834bc78
14 changed files with 960 additions and 1107 deletions
+13 -13
View File
@@ -81,6 +81,11 @@
"category": "base",
"purpose": "Theme-aware, responsive button group component."
},
{
"name": "CTASection",
"category": "marketing",
"purpose": "Close a page or major section with conversion-focused copy, actions, and optional supporting visual content."
},
{
"name": "Card",
"category": "base",
@@ -151,11 +156,6 @@
"category": "advanced-forms",
"purpose": "Theme-aware, responsive copy markup component."
},
{
"name": "CTASection",
"category": "marketing",
"purpose": "Close a page or major section with conversion-focused copy, actions, and optional supporting visual content."
},
{
"name": "CustomScrollbar",
"category": "layout",
@@ -481,26 +481,26 @@
"category": "navigation",
"purpose": "Switch between related responsive content panels with horizontal or vertical orientation and selection events."
},
{
"name": "Textarea",
"category": "forms",
"purpose": "Theme-aware, responsive textarea component."
},
{
"name": "TextLink",
"category": "marketing",
"purpose": "Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling."
},
{
"name": "Timeline",
"category": "base",
"purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata."
"name": "Textarea",
"category": "forms",
"purpose": "Theme-aware, responsive textarea component."
},
{
"name": "TimePicker",
"category": "forms",
"purpose": "Theme-aware, responsive time picker component."
},
{
"name": "Timeline",
"category": "base",
"purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata."
},
{
"name": "Toast",
"category": "base",
+371 -371
View File
@@ -2278,6 +2278,193 @@
"events": ["click", "select", "change"],
"source": "components/ButtonGroup.wrn"
},
{
"name": "CTASection",
"mount": "CTASection",
"category": "marketing",
"purpose": "Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.",
"props": [
{
"name": "eyebrow",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Ready to get started?\"",
"options": []
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "icon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "align",
"type": "string",
"required": false,
"default": "\"center\"",
"options": []
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"solid\"",
"options": []
},
{
"name": "primaryLabel",
"type": "string",
"required": false,
"default": "\"Get started\"",
"options": []
},
{
"name": "primaryHref",
"type": "string",
"required": false,
"default": "\"#\"",
"options": []
},
{
"name": "primaryIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryLabel",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryHref",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "backgroundImage",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualImage",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualAlt",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualTitle",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualDescription",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualItems",
"type": "unknown[]",
"required": false,
"default": "[]",
"options": []
},
{
"name": "visualPosition",
"type": "string",
"required": false,
"default": "\"right\"",
"options": []
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\"",
"options": []
},
{
"name": "fullBleed",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": ["default", "actions", "visual", "footer"],
"outputs": [],
"events": [],
"source": "components/CTASection.wrn"
},
{
"name": "Card",
"mount": "Card",
@@ -4250,193 +4437,6 @@
"events": ["copy", "success", "error"],
"source": "components/CopyMarkup.wrn"
},
{
"name": "CTASection",
"mount": "CTASection",
"category": "marketing",
"purpose": "Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.",
"props": [
{
"name": "eyebrow",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Ready to get started?\"",
"options": []
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "icon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "align",
"type": "string",
"required": false,
"default": "\"center\"",
"options": []
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"solid\"",
"options": []
},
{
"name": "primaryLabel",
"type": "string",
"required": false,
"default": "\"Get started\"",
"options": []
},
{
"name": "primaryHref",
"type": "string",
"required": false,
"default": "\"#\"",
"options": []
},
{
"name": "primaryIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryLabel",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryHref",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "secondaryIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "backgroundImage",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualImage",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualAlt",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualIcon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualTitle",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualDescription",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "visualItems",
"type": "unknown[]",
"required": false,
"default": "[]",
"options": []
},
{
"name": "visualPosition",
"type": "string",
"required": false,
"default": "\"right\"",
"options": []
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\"",
"options": []
},
{
"name": "fullBleed",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": ["default", "actions", "visual", "footer"],
"outputs": [],
"events": [],
"source": "components/CTASection.wrn"
},
{
"name": "CustomScrollbar",
"mount": "CustomScrollbar",
@@ -12144,6 +12144,129 @@
"events": [],
"source": "components/Tabs.wrn"
},
{
"name": "TextLink",
"mount": "TextLink",
"category": "marketing",
"purpose": "Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.",
"props": [
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Learn more\"",
"options": []
},
{
"name": "href",
"type": "string",
"required": false,
"default": "\"#\"",
"options": []
},
{
"name": "target",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "rel",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "external",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "icon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "iconPosition",
"type": "string",
"required": false,
"default": "\"start\"",
"options": []
},
{
"name": "showArrow",
"type": "boolean",
"required": false,
"default": "true",
"options": []
},
{
"name": "underline",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": [],
"outputs": [
{
"name": "click",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
},
{
"name": "focus",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
},
{
"name": "blur",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
}
],
"events": ["click", "focus", "blur"],
"source": "components/TextLink.wrn"
},
{
"name": "Textarea",
"mount": "Textarea",
@@ -12338,190 +12461,6 @@
"events": ["input", "change", "focus", "blur", "invalid"],
"source": "components/Textarea.wrn"
},
{
"name": "TextLink",
"mount": "TextLink",
"category": "marketing",
"purpose": "Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.",
"props": [
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Learn more\"",
"options": []
},
{
"name": "href",
"type": "string",
"required": false,
"default": "\"#\"",
"options": []
},
{
"name": "target",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "rel",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "external",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "icon",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "iconPosition",
"type": "string",
"required": false,
"default": "\"start\"",
"options": []
},
{
"name": "showArrow",
"type": "boolean",
"required": false,
"default": "true",
"options": []
},
{
"name": "underline",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": [],
"outputs": [
{
"name": "click",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
},
{
"name": "focus",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
},
{
"name": "blur",
"payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }"
}
],
"events": ["click", "focus", "blur"],
"source": "components/TextLink.wrn"
},
{
"name": "Timeline",
"mount": "Timeline",
"category": "base",
"purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Timeline\"",
"options": []
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "items",
"type": "unknown[]",
"required": false,
"default": "[]",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": ["default"],
"outputs": [],
"events": [],
"source": "components/Timeline.wrn"
},
{
"name": "TimePicker",
"mount": "TimePicker",
@@ -12745,6 +12684,67 @@
"events": ["input", "change", "focus", "blur", "open", "close", "invalid"],
"source": "components/TimePicker.wrn"
},
{
"name": "Timeline",
"mount": "Timeline",
"category": "base",
"purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\"",
"options": []
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Timeline\"",
"options": []
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
},
{
"name": "items",
"type": "unknown[]",
"required": false,
"default": "[]",
"options": []
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\"",
"options": []
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\"",
"options": []
}
],
"slots": ["default"],
"outputs": [],
"events": [],
"source": "components/Timeline.wrn"
},
{
"name": "Toast",
"mount": "Toast",