@jxsuite/starters 0.34.0 → 0.35.0

package/sites/event/components/ev-nav.json

@@ -1,28 +1,38 @@
 {
   "tagName": "ev-nav",
   "state": {
-    "brand": "Horizon Conf"
+    "brand": "Horizon",
+    "date": "Jun 12, 2026",
+    "venue": "Portland, OR"
   },
   "style": {
     "display": "block",
     "position": "sticky",
     "top": "0",
     "zIndex": "50",
-    "backgroundColor": "rgba(20, 11, 46, 0.82)",
-    "backdropFilter": "blur(10px)",
-    "borderBottom": "1px solid rgba(255, 255, 255, 0.1)"
+    "backgroundColor": "rgba(10, 7, 17, 0.7)",
+    "backdropFilter": "blur(16px)",
+    "borderBottom": "1px solid var(--color-border)"
   },
   "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "height": "2px",
+        "background": "var(--grad)",
+        "opacity": "0.9"
+      }
+    },
     {
       "tagName": "div",
       "style": {
         "maxWidth": "var(--max-width)",
         "margin": "0 auto",
-        "padding": "0.85rem 1.5rem",
+        "padding": "0.8rem 1.5rem",
         "display": "flex",
         "alignItems": "center",
         "justifyContent": "space-between",
-        "gap": "1.5rem"
+        "gap": "1.25rem"
       },
       "children": [
         {
@@ -31,34 +41,84 @@
           "style": {
             "display": "flex",
             "alignItems": "center",
-            "gap": "0.55rem",
+            "gap": "0.6rem",
             "fontFamily": "var(--font-heading)",
             "fontSize": "1.3rem",
-            "fontWeight": "700",
+            "fontWeight": "800",
             "color": "var(--color-text-white)",
             "textDecoration": "none",
-            "letterSpacing": "-0.01em"
+            "letterSpacing": "-0.03em"
           },
           "children": [
             {
               "tagName": "span",
               "style": {
-                "display": "inline-block",
-                "width": "0.65rem",
-                "height": "0.65rem",
-                "borderRadius": "50%",
-                "background": "linear-gradient(135deg, var(--color-primary), var(--color-accent))"
+                "display": "inline-flex",
+                "alignItems": "center",
+                "justifyContent": "center",
+                "width": "1.7rem",
+                "height": "1.7rem",
+                "borderRadius": "0.55rem",
+                "background": "var(--grad-btn)",
+                "boxShadow": "0 0 18px var(--glow)",
+                "color": "#ffffff",
+                "fontSize": "0.9rem",
+                "fontWeight": "800"
+              },
+              "textContent": "H"
+            },
+            { "tagName": "span", "textContent": "${state.brand}" },
+            {
+              "tagName": "span",
+              "style": {
+                "fontWeight": "500",
+                "background": "var(--grad)",
+                "backgroundClip": "text",
+                "webkitBackgroundClip": "text",
+                "webkitTextFillColor": "transparent",
+                "color": "var(--color-accent)"
+              },
+              "textContent": "'26"
+            }
+          ]
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "flex",
+            "alignItems": "center",
+            "gap": "0.55rem",
+            "padding": "0.35rem 0.85rem",
+            "borderRadius": "999px",
+            "border": "1px solid var(--color-border)",
+            "backgroundColor": "rgba(255,255,255,0.03)",
+            "fontSize": "0.82rem",
+            "fontWeight": "600",
+            "color": "var(--color-text-muted)",
+            "@--md": { "display": "none" }
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "style": {
+                "width": "0.45rem",
+                "height": "0.45rem",
+                "borderRadius": "999px",
+                "background": "var(--color-lime)",
+                "boxShadow": "0 0 8px var(--color-lime)"
               }
             },
             {
               "tagName": "span",
-              "textContent": "${state.brand}"
+              "style": { "color": "var(--color-text-primary)" },
+              "textContent": "${state.date}"
             },
             {
               "tagName": "span",
-              "style": { "color": "var(--color-accent)", "fontWeight": "500" },
-              "textContent": "'26"
-            }
+              "style": { "opacity": "0.5" },
+              "textContent": "·"
+            },
+            { "tagName": "span", "textContent": "${state.venue}" }
           ]
         },
         {
@@ -66,19 +126,20 @@
           "style": {
             "display": "flex",
             "alignItems": "center",
-            "gap": "1.75rem",
-            "@--sm": { "gap": "0.9rem" }
+            "gap": "1.6rem",
+            "@--sm": { "gap": "0.85rem" }
           },
           "children": [
             {
               "tagName": "a",
               "attributes": { "href": "/schedule/" },
               "style": {
-                "color": "rgba(255, 255, 255, 0.85)",
+                "color": "var(--color-text-muted)",
                 "textDecoration": "none",
-                "fontWeight": "500",
-                "fontSize": "0.95rem",
-                ":hover": { "color": "var(--color-text-white)" }
+                "fontWeight": "600",
+                "fontSize": "0.92rem",
+                "transition": "color 0.15s",
+                ":hover": { "color": "var(--color-text-primary)" }
               },
               "textContent": "Schedule"
             },
@@ -86,12 +147,13 @@
               "tagName": "a",
               "attributes": { "href": "/speakers/" },
               "style": {
-                "color": "rgba(255, 255, 255, 0.85)",
+                "color": "var(--color-text-muted)",
                 "textDecoration": "none",
-                "fontWeight": "500",
-                "fontSize": "0.95rem",
+                "fontWeight": "600",
+                "fontSize": "0.92rem",
                 "@--sm": { "display": "none" },
-                ":hover": { "color": "var(--color-text-white)" }
+                "transition": "color 0.15s",
+                ":hover": { "color": "var(--color-text-primary)" }
               },
               "textContent": "Speakers"
             },
@@ -100,20 +162,21 @@
               "attributes": { "href": "/tickets/" },
               "style": {
                 "display": "inline-block",
-                "background": "linear-gradient(135deg, var(--color-primary), var(--color-accent))",
-                "color": "var(--color-text-white)",
+                "background": "var(--grad-btn)",
+                "color": "#ffffff",
                 "padding": "0.55rem 1.3rem",
                 "borderRadius": "999px",
                 "textDecoration": "none",
-                "fontWeight": "600",
-                "fontSize": "0.95rem",
+                "fontWeight": "700",
+                "fontSize": "0.92rem",
+                "boxShadow": "0 0 0 1px rgba(255,255,255,0.08), 0 10px 26px -8px var(--glow)",
                 "transition": "transform 0.15s, box-shadow 0.15s",
                 ":hover": {
                   "transform": "translateY(-1px)",
-                  "boxShadow": "0 8px 20px rgba(124, 58, 237, 0.45)"
+                  "boxShadow": "0 0 0 1px rgba(255,255,255,0.15), 0 14px 32px -8px var(--glow)"
                 }
               },
-              "textContent": "Get Tickets"
+              "textContent": "Get tickets"
             }
           ]
         }

package/sites/event/components/ev-reason.json

@@ -0,0 +1,64 @@
+{
+  "tagName": "ev-reason",
+  "state": {
+    "num": "01",
+    "title": "",
+    "text": ""
+  },
+  "style": {
+    "display": "grid",
+    "gridTemplateColumns": "auto 1fr",
+    "gap": "1.5rem",
+    "alignItems": "start",
+    "padding": "1.9rem 0",
+    "borderTop": "1px solid var(--color-border)",
+    "@--sm": { "gap": "1rem" }
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(1.9rem, 4vw, 2.6rem)",
+        "fontWeight": "800",
+        "lineHeight": "1",
+        "letterSpacing": "-0.03em",
+        "minWidth": "2.8rem",
+        "background": "var(--grad)",
+        "backgroundClip": "text",
+        "webkitBackgroundClip": "text",
+        "webkitTextFillColor": "transparent",
+        "color": "var(--color-accent)"
+      },
+      "textContent": "${state.num}"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "h3",
+          "style": {
+            "fontFamily": "var(--font-heading)",
+            "fontSize": "1.4rem",
+            "fontWeight": "700",
+            "letterSpacing": "-0.01em",
+            "margin": "0 0 0.5rem",
+            "color": "var(--color-text-primary)"
+          },
+          "textContent": "${state.title}"
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "margin": "0",
+            "color": "var(--color-text-muted)",
+            "fontSize": "1.02rem",
+            "lineHeight": "1.7",
+            "maxWidth": "52ch"
+          },
+          "textContent": "${state.text}"
+        }
+      ]
+    }
+  ]
+}