@opensite/ui 0.8.5 → 0.8.7

package/dist/timeline-changelog-badges.js

@@ -496,7 +496,7 @@ function TimelineChangelogBadges({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground lg:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter lg:text-6xl",
               headingClassName
             ),
             children: heading
@@ -521,7 +521,7 @@ function TimelineChangelogBadges({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground lg:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter lg:text-6xl",
               headingClassName
             ),
             children: heading
@@ -558,7 +558,7 @@ function TimelineChangelogBadges({
                     "span",
                     {
                       className: cn(
-                        "text-md leading-relaxed text-foreground",
+                        "text-md leading-relaxed",
                         itemClassName
                       ),
                       children: item.content
@@ -567,7 +567,7 @@ function TimelineChangelogBadges({
                     "span",
                     {
                       className: cn(
-                        "text-md leading-relaxed text-foreground",
+                        "text-md leading-relaxed",
                         itemClassName
                       ),
                       dangerouslySetInnerHTML: {

package/dist/timeline-history-prose.cjs

@@ -487,7 +487,7 @@ function TimelineHistoryProse({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -512,7 +512,7 @@ function TimelineHistoryProse({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -556,7 +556,7 @@ function TimelineHistoryProse({
                   "div",
                   {
                     className: cn(
-                      "prose text-foreground dark:prose-invert",
+                      "prose dark:prose-invert",
                       contentClassName
                     ),
                     children: entry.content
@@ -565,7 +565,7 @@ function TimelineHistoryProse({
                   "div",
                   {
                     className: cn(
-                      "prose text-foreground dark:prose-invert",
+                      "prose dark:prose-invert",
                       contentClassName
                     ),
                     dangerouslySetInnerHTML: { __html: entry.contentHtml }

package/dist/timeline-history-prose.js

@@ -462,7 +462,7 @@ function TimelineHistoryProse({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -487,7 +487,7 @@ function TimelineHistoryProse({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -531,7 +531,7 @@ function TimelineHistoryProse({
                   "div",
                   {
                     className: cn(
-                      "prose text-foreground dark:prose-invert",
+                      "prose dark:prose-invert",
                       contentClassName
                     ),
                     children: entry.content
@@ -540,7 +540,7 @@ function TimelineHistoryProse({
                   "div",
                   {
                     className: cn(
-                      "prose text-foreground dark:prose-invert",
+                      "prose dark:prose-invert",
                       contentClassName
                     ),
                     dangerouslySetInnerHTML: { __html: entry.contentHtml }

package/dist/timeline-horizontal-icons.cjs

@@ -602,7 +602,7 @@ function TimelineHorizontalIcons({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+                  "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
                   headingClassName
                 ),
                 children: heading
@@ -636,7 +636,7 @@ function TimelineHorizontalIcons({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+                  "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
                   headingClassName
                 ),
                 children: heading
@@ -714,7 +714,7 @@ function TimelineHorizontalIcons({
                             "h2",
                             {
                               className: cn(
-                                "text-xl font-bold tracking-tighter text-foreground",
+                                "text-xl font-bold tracking-tighter",
                                 titleClassName
                               ),
                               children: phase.title

package/dist/timeline-horizontal-icons.js

@@ -580,7 +580,7 @@ function TimelineHorizontalIcons({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+                  "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
                   headingClassName
                 ),
                 children: heading
@@ -614,7 +614,7 @@ function TimelineHorizontalIcons({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+                  "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
                   headingClassName
                 ),
                 children: heading
@@ -692,7 +692,7 @@ function TimelineHorizontalIcons({
                             "h2",
                             {
                               className: cn(
-                                "text-xl font-bold tracking-tighter text-foreground",
+                                "text-xl font-bold tracking-tighter",
                                 titleClassName
                               ),
                               children: phase.title

package/dist/timeline-horizontal-phases.cjs

@@ -491,7 +491,7 @@ function TimelineHorizontalPhases({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -516,7 +516,7 @@ function TimelineHorizontalPhases({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -585,7 +585,7 @@ function TimelineHorizontalPhases({
                         "h2",
                         {
                           className: cn(
-                            "text-xl font-bold tracking-tighter text-foreground",
+                            "text-xl font-bold tracking-tighter",
                             titleClassName
                           ),
                           children: phase.title

package/dist/timeline-horizontal-phases.js

@@ -466,7 +466,7 @@ function TimelineHorizontalPhases({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -491,7 +491,7 @@ function TimelineHorizontalPhases({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground sm:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter sm:text-6xl",
               headingClassName
             ),
             children: heading
@@ -560,7 +560,7 @@ function TimelineHorizontalPhases({
                         "h2",
                         {
                           className: cn(
-                            "text-xl font-bold tracking-tighter text-foreground",
+                            "text-xl font-bold tracking-tighter",
                             titleClassName
                           ),
                           children: phase.title

package/dist/timeline-stepper-animated.cjs

@@ -937,7 +937,7 @@ var ProcessBar = React6__namespace.memo(({ currentStep, steps }) => /* @__PURE__
     {
       className: cn(
         "z-10 flex h-8 w-8 items-center justify-center rounded-full",
-        index <= currentStep ? "bg-neutral-800 text-white" : "bg-gray-200 text-white dark:bg-gray-800 dark:text-gray-600"
+        index <= currentStep ? "bg-foreground text-background" : "bg-muted text-muted-foreground"
       ),
       animate: { scale: 1.02 },
       children: index < currentStep ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/check", size: 17 }) : /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/circle", size: 17 })
@@ -1072,7 +1072,7 @@ function TimelineStepperAnimated({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-6xl font-bold tracking-tighter text-foreground",
+                  "mb-10 text-center text-6xl font-bold tracking-tighter",
                   headingClassName
                 ),
                 children: heading
@@ -1106,7 +1106,7 @@ function TimelineStepperAnimated({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-6xl font-bold tracking-tighter text-foreground",
+                  "mb-10 text-center text-6xl font-bold tracking-tighter",
                   headingClassName
                 ),
                 children: heading

package/dist/timeline-stepper-animated.js

@@ -916,7 +916,7 @@ var ProcessBar = React6.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("di
     {
       className: cn(
         "z-10 flex h-8 w-8 items-center justify-center rounded-full",
-        index <= currentStep ? "bg-neutral-800 text-white" : "bg-gray-200 text-white dark:bg-gray-800 dark:text-gray-600"
+        index <= currentStep ? "bg-foreground text-background" : "bg-muted text-muted-foreground"
       ),
       animate: { scale: 1.02 },
       children: index < currentStep ? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 17 }) : /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle", size: 17 })
@@ -1051,7 +1051,7 @@ function TimelineStepperAnimated({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-6xl font-bold tracking-tighter text-foreground",
+                  "mb-10 text-center text-6xl font-bold tracking-tighter",
                   headingClassName
                 ),
                 children: heading
@@ -1085,7 +1085,7 @@ function TimelineStepperAnimated({
               "h1",
               {
                 className: cn(
-                  "mb-10 text-center text-6xl font-bold tracking-tighter text-foreground",
+                  "mb-10 text-center text-6xl font-bold tracking-tighter",
                   headingClassName
                 ),
                 children: heading

package/dist/timeline-tabbed-phases.cjs

@@ -1058,10 +1058,10 @@ function TimelineTabbedPhases({
           "aria-label": downloadAction["aria-label"],
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/download", size: 16 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-md font-medium text-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-md font-medium", children: [
               "Click to",
               " ",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/80", children: downloadAction.children || downloadAction.label })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-80", children: downloadAction.children || downloadAction.label })
             ] })
           ]
         }
@@ -1150,7 +1150,7 @@ function TimelineTabbedPhases({
                       ),
                       value: phase.id,
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden font-mono text-foreground/40 md:inline", children: phase.phase }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden font-mono opacity-40 md:inline", children: phase.phase }),
                         phase.title
                       ]
                     },
@@ -1182,7 +1182,7 @@ function TimelineTabbedPhases({
                         "h2",
                         {
                           className: cn(
-                            "text-3xl font-medium tracking-tighter text-foreground md:text-5xl",
+                            "text-3xl font-medium tracking-tighter md:text-5xl",
                             phaseHeadingClassName
                           ),
                           children: phase.heading

package/dist/timeline-tabbed-phases.js

@@ -1036,10 +1036,10 @@ function TimelineTabbedPhases({
           "aria-label": downloadAction["aria-label"],
           children: [
             /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/download", size: 16 }),
-            /* @__PURE__ */ jsxs("p", { className: "text-md font-medium text-foreground", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-md font-medium", children: [
               "Click to",
               " ",
-              /* @__PURE__ */ jsx("span", { className: "text-foreground/80", children: downloadAction.children || downloadAction.label })
+              /* @__PURE__ */ jsx("span", { className: "opacity-80", children: downloadAction.children || downloadAction.label })
             ] })
           ]
         }
@@ -1128,7 +1128,7 @@ function TimelineTabbedPhases({
                       ),
                       value: phase.id,
                       children: [
-                        /* @__PURE__ */ jsx("span", { className: "hidden font-mono text-foreground/40 md:inline", children: phase.phase }),
+                        /* @__PURE__ */ jsx("span", { className: "hidden font-mono opacity-40 md:inline", children: phase.phase }),
                         phase.title
                       ]
                     },
@@ -1160,7 +1160,7 @@ function TimelineTabbedPhases({
                         "h2",
                         {
                           className: cn(
-                            "text-3xl font-medium tracking-tighter text-foreground md:text-5xl",
+                            "text-3xl font-medium tracking-tighter md:text-5xl",
                             phaseHeadingClassName
                           ),
                           children: phase.heading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",