@rspress-theme-anatole/theme-default 0.7.40 → 0.7.42

package/dist/bundle.css

@@ -3763,7 +3763,7 @@ p {
 }
 
 .features-item-icon-div.features-item-icon-div--fa {
-  background-color: linear-gradient(135deg, #C72281, #7B2FBE);
+  background: linear-gradient(135deg, #C72281, #7B2FBE);
   padding-top: 8px;
 }
 

package/dist/bundle.js

@@ -3700,12 +3700,17 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
 }
 
 function HomepageFaqs({ frontmatter, routePath }) {
-    const tabs = frontmatter?.faqTabs || [];
-    const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(tabs[0]?.title || '');
+    const tabs = frontmatter?.faqTabs;
+    const allTabs = tabs?.tabItems || [];
+    const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(allTabs[0]?.title || '');
     const [isExpanded, setIsExpanded] = __WEBPACK_EXTERNAL_MODULE_react__.useState(false);
     const DEFAULT_VISIBLE_COUNT = 5;
+
+    if (!tabs || !allTabs.length) {
+        return null;
+    }
     
-    const activeFaqs = tabs.find(tab => tab.title === activeTab);
+    const activeFaqs = allTabs.find(tab => tab.title === activeTab);
 
     const handleTabClick = (title) => {
         setActiveTab(title);
@@ -3782,13 +3787,13 @@ function HomepageFaqs({ frontmatter, routePath }) {
         : [];
     const hasMoreItems = activeFaqs && activeFaqs.items.length > DEFAULT_VISIBLE_COUNT;
 
-    return tabs.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return allTabs.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "faqs-div",
         children: [
             // Tab menu
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: "faqs-tabs",
-                children: tabs.map((tab) => 
+                children: allTabs.map((tab) => 
                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                         className: activeTab === tab.title ? "faqs-tab active" : "faqs-tab",
                         onClick: () => handleTabClick(tab.title),
@@ -3823,7 +3828,7 @@ function HomepageFaqs({ frontmatter, routePath }) {
                         gap: '6px',
                     },
                     children: [
-                        isExpanded ? "Show less" : "Show more",
+                        isExpanded ? (tabs.showLessText ?? "Show less") : (tabs.showMoreText ?? "Show more"),
                         (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
                             className: isExpanded ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down",
                             style: { fontSize: '20px' }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.7.40",
+  "version": "0.7.42",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,8 +21,8 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.40",
-    "@rspress-theme-anatole/shared": "0.7.40",
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.42",
+    "@rspress-theme-anatole/shared": "0.7.42",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",