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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/bundle.css +84 -15
  2. package/dist/bundle.js +72 -30
  3. package/package.json +3 -3
package/dist/bundle.css CHANGED
@@ -91,6 +91,11 @@
91
91
  flex-shrink: 0;
92
92
  }
93
93
 
94
+ body.kb-page-homepage .navBarTitle_c5f07 a {
95
+ cursor: default;
96
+ pointer-events: none;
97
+ }
98
+
94
99
  .navContainer_d18b1 * {
95
100
  pointer-events: all;
96
101
  }
@@ -3621,6 +3626,16 @@ p {
3621
3626
  justify-content: center;
3622
3627
  gap: 8px;
3623
3628
  font-size: 20px;
3629
+ text-decoration: none;
3630
+ color: inherit;
3631
+ transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
3632
+ cursor: pointer;
3633
+ }
3634
+
3635
+ .topics-card:hover {
3636
+ transform: translateY(-4px);
3637
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
3638
+ border-color: #b0b5bd;
3624
3639
  }
3625
3640
 
3626
3641
  .special-card {
@@ -3653,6 +3668,27 @@ p {
3653
3668
  color: #f44336;
3654
3669
  }
3655
3670
 
3671
+ .topics-icon-svg {
3672
+ display: inline-flex;
3673
+ align-items: center;
3674
+ justify-content: center;
3675
+ width: 40px;
3676
+ height: 40px;
3677
+ font-size: 0;
3678
+ color: inherit;
3679
+ }
3680
+
3681
+ .topics-icon-svg svg {
3682
+ width: 100%;
3683
+ height: 100%;
3684
+ }
3685
+
3686
+ .topics-icon-img {
3687
+ width: 40px;
3688
+ height: 40px;
3689
+ object-fit: contain;
3690
+ }
3691
+
3656
3692
  .topics-link {
3657
3693
  font-weight: bold;
3658
3694
  text-decoration: none;
@@ -3720,11 +3756,14 @@ p {
3720
3756
  }
3721
3757
 
3722
3758
  .features-item-icon-div {
3723
- width: 40;
3724
- height: 40;
3759
+ width: 40px;
3760
+ height: 40px;
3725
3761
  border-radius: 8px;
3726
- background-color: #EF483D;
3727
3762
  text-align: center;
3763
+ }
3764
+
3765
+ .features-item-icon-div.features-item-icon-div--fa {
3766
+ background-color: linear-gradient(135deg, #C72281, #7B2FBE);
3728
3767
  padding-top: 8px;
3729
3768
  }
3730
3769
 
@@ -3733,6 +3772,26 @@ p {
3733
3772
  color: #FFFFFF;
3734
3773
  }
3735
3774
 
3775
+ .features-item-icon-svg {
3776
+ display: inline-flex;
3777
+ align-items: center;
3778
+ justify-content: center;
3779
+ width: 40px;
3780
+ height: 40px;
3781
+ font-size: 0;
3782
+ }
3783
+
3784
+ .features-item-icon-svg svg {
3785
+ width: 100%;
3786
+ height: 100%;
3787
+ }
3788
+
3789
+ .features-item-icon-img {
3790
+ width: 40px;
3791
+ height: 40px;
3792
+ object-fit: contain;
3793
+ }
3794
+
3736
3795
  .features-div {
3737
3796
  margin: 45px 40px 72px 40px;
3738
3797
  }
@@ -3878,6 +3937,14 @@ p {
3878
3937
  border-radius: 8px;
3879
3938
  padding: 16px;
3880
3939
  background: #fff;
3940
+ transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
3941
+ cursor: pointer;
3942
+ }
3943
+
3944
+ .whatsnew-card:hover {
3945
+ transform: translateY(-4px);
3946
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
3947
+ border-color: #b0b5bd;
3881
3948
  }
3882
3949
 
3883
3950
  .whatsnew-label {
@@ -3897,18 +3964,12 @@ p {
3897
3964
  margin: 4px 0;
3898
3965
  }
3899
3966
 
3900
- .whatsnew-date {
3967
+ .whatsnew-desc {
3901
3968
  font-size: 16px;
3902
3969
  color: #6b7280;
3903
3970
  margin-bottom: 12px;
3904
3971
  }
3905
3972
 
3906
- .whatsnew-link {
3907
- font-weight: 600;
3908
- color: #111;
3909
- text-decoration: none;
3910
- }
3911
-
3912
3973
  .features-title {
3913
3974
  margin-bottom: 16px;
3914
3975
  font-size: 24px;
@@ -3970,8 +4031,14 @@ p {
3970
4031
  }
3971
4032
 
3972
4033
  /* Overview tab layout */
4034
+ .features-tab-showcase a {
4035
+ transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
4036
+ cursor: pointer;
4037
+ }
4038
+
3973
4039
  .features-tab-showcase a:hover {
3974
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4040
+ transform: translateY(-4px);
4041
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
3975
4042
  }
3976
4043
 
3977
4044
  .request-article-section {
@@ -4135,12 +4202,14 @@ p {
4135
4202
  border-radius: 8px;
4136
4203
  background: #fff;
4137
4204
  text-decoration: none;
4138
- transition: box-shadow 0.2s ease, border-color 0.2s ease;
4205
+ transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
4206
+ cursor: pointer;
4139
4207
  }
4140
4208
 
4141
4209
  .popular-topics-card:hover {
4142
- border-color: #d5d5d5;
4143
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4210
+ transform: translateY(-4px);
4211
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
4212
+ border-color: #b0b5bd;
4144
4213
  }
4145
4214
 
4146
4215
  .popular-topics-card-title {
@@ -4207,4 +4276,4 @@ p {
4207
4276
  .popular-topics-grid {
4208
4277
  grid-template-columns: 1fr;
4209
4278
  }
4210
- }
4279
+ }
package/dist/bundle.js CHANGED
@@ -3225,17 +3225,29 @@ function HomepageTopics({ frontmatter, routePath }) {
3225
3225
  }, topicItem.text);
3226
3226
  }
3227
3227
 
3228
- return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3228
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3229
3229
  className: "topics-card",
3230
+ href: topicItem.link,
3231
+ style: { textDecoration: 'none', color: 'inherit' },
3230
3232
  children: [
3231
3233
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3232
3234
  className: "topics-icon-wrapper",
3233
- children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3234
- className: topicItem.icon + " topics-icon"
3235
- })
3235
+ children: topicItem.icon && topicItem.icon.trim().startsWith('<svg')
3236
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3237
+ className: "topics-icon topics-icon-svg",
3238
+ dangerouslySetInnerHTML: { __html: topicItem.icon }
3239
+ })
3240
+ : topicItem.icon && (topicItem.icon.endsWith('.svg') || topicItem.icon.endsWith('.png') || topicItem.icon.endsWith('.jpg') || topicItem.icon.endsWith('.webp'))
3241
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
3242
+ src: topicItem.icon,
3243
+ alt: topicItem.text || '',
3244
+ className: "topics-icon topics-icon-img"
3245
+ })
3246
+ : (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3247
+ className: topicItem.icon + " topics-icon"
3248
+ })
3236
3249
  }),
3237
- (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3238
- href: topicItem.link,
3250
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3239
3251
  className: "topics-link",
3240
3252
  children: topicItem.text
3241
3253
  }),
@@ -3292,17 +3304,29 @@ function HomepageMoreTopics({ frontmatter, routePath }) {
3292
3304
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3293
3305
  className: "topics-grid",
3294
3306
  children: moreTopics.items.map((topicItem) => {
3295
- return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3307
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3296
3308
  className: "topics-card",
3309
+ href: topicItem.link,
3310
+ style: { textDecoration: 'none', color: 'inherit' },
3297
3311
  children: [
3298
3312
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3299
3313
  className: "topics-icon-wrapper",
3300
- children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3301
- className: topicItem.icon + " topics-icon"
3302
- })
3314
+ children: topicItem.icon && topicItem.icon.trim().startsWith('<svg')
3315
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3316
+ className: "topics-icon topics-icon-svg",
3317
+ dangerouslySetInnerHTML: { __html: topicItem.icon }
3318
+ })
3319
+ : topicItem.icon && (topicItem.icon.endsWith('.svg') || topicItem.icon.endsWith('.png') || topicItem.icon.endsWith('.jpg') || topicItem.icon.endsWith('.webp'))
3320
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
3321
+ src: topicItem.icon,
3322
+ alt: topicItem.text || '',
3323
+ className: "topics-icon topics-icon-img"
3324
+ })
3325
+ : (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3326
+ className: topicItem.icon + " topics-icon"
3327
+ })
3303
3328
  }),
3304
- (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3305
- href: topicItem.link,
3329
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3306
3330
  className: "topics-link",
3307
3331
  children: topicItem.text
3308
3332
  }),
@@ -3330,10 +3354,10 @@ function HomepageFeatures({ frontmatter, routePath }) {
3330
3354
 
3331
3355
  return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3332
3356
  children: [
3333
- (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3357
+ features.title && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3334
3358
  children: [
3335
3359
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
3336
- children: features.title ?? 'Features',
3360
+ children: features.title,
3337
3361
  className: "topics-title"
3338
3362
  }),
3339
3363
  ],
@@ -3352,10 +3376,21 @@ function HomepageFeatures({ frontmatter, routePath }) {
3352
3376
  href: featureItem.link,
3353
3377
  children: [
3354
3378
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3355
- children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3356
- className: featureItem.icon + " features-item-icon",
3357
- }),
3358
- className: "features-item-icon-div"
3379
+ children: featureItem.icon && featureItem.icon.trim().startsWith('<svg')
3380
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3381
+ className: "features-item-icon features-item-icon-svg",
3382
+ dangerouslySetInnerHTML: { __html: featureItem.icon }
3383
+ })
3384
+ : featureItem.icon && (featureItem.icon.endsWith('.svg') || featureItem.icon.endsWith('.png') || featureItem.icon.endsWith('.jpg') || featureItem.icon.endsWith('.webp'))
3385
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
3386
+ src: featureItem.icon,
3387
+ alt: featureItem.text || '',
3388
+ className: "features-item-icon features-item-icon-img"
3389
+ })
3390
+ : (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3391
+ className: featureItem.icon + " features-item-icon",
3392
+ }),
3393
+ className: "features-item-icon-div" + (!(featureItem.icon && (featureItem.icon.trim().startsWith('<svg') || featureItem.icon.endsWith('.svg') || featureItem.icon.endsWith('.png') || featureItem.icon.endsWith('.jpg') || featureItem.icon.endsWith('.webp'))) ? " features-item-icon-div--fa" : "")
3359
3394
  }),
3360
3395
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
3361
3396
  className: "topics-item-text",
@@ -3615,10 +3650,21 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
3615
3650
  href: featureItem.link,
3616
3651
  children: [
3617
3652
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3618
- className: "features-item-icon-div",
3619
- children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3620
- className: featureItem.icon + " features-item-icon",
3621
- })
3653
+ className: "features-item-icon-div" + (!(featureItem.icon && (featureItem.icon.trim().startsWith('<svg') || featureItem.icon.endsWith('.svg') || featureItem.icon.endsWith('.png') || featureItem.icon.endsWith('.jpg') || featureItem.icon.endsWith('.webp'))) ? " features-item-icon-div--fa" : ""),
3654
+ children: featureItem.icon && featureItem.icon.trim().startsWith('<svg')
3655
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
3656
+ className: "features-item-icon features-item-icon-svg",
3657
+ dangerouslySetInnerHTML: { __html: featureItem.icon }
3658
+ })
3659
+ : featureItem.icon && (featureItem.icon.endsWith('.svg') || featureItem.icon.endsWith('.png') || featureItem.icon.endsWith('.jpg') || featureItem.icon.endsWith('.webp'))
3660
+ ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
3661
+ src: featureItem.icon,
3662
+ alt: featureItem.text || '',
3663
+ className: "features-item-icon features-item-icon-img"
3664
+ })
3665
+ : (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3666
+ className: featureItem.icon + " features-item-icon",
3667
+ })
3622
3668
  }),
3623
3669
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
3624
3670
  className: "topics-item-text",
@@ -4052,8 +4098,9 @@ function WhatsNew({ frontmatter }) {
4052
4098
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
4053
4099
  className: "whatsnew-cards",
4054
4100
  children: (whatsNew.items || []).map((item) => {
4055
- return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
4101
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
4056
4102
  className: "whatsnew-card",
4103
+ href: item.link,
4057
4104
  children: [
4058
4105
  item.label && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
4059
4106
  className: "whatsnew-label",
@@ -4064,13 +4111,8 @@ function WhatsNew({ frontmatter }) {
4064
4111
  children: item.title
4065
4112
  }),
4066
4113
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
4067
- className: "whatsnew-date",
4068
- children: item.date
4069
- }),
4070
- (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
4071
- href: item.link,
4072
- className: "whatsnew-link",
4073
- children: "View Details →"
4114
+ className: "whatsnew-desc",
4115
+ children: item.desc
4074
4116
  }),
4075
4117
  ]
4076
4118
  }, item.title);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rspress-theme-anatole/theme-default",
3
3
  "author": "Anatole Tong",
4
- "version": "0.7.38",
4
+ "version": "0.7.40",
5
5
  "license": "MIT",
6
6
  "sideEffects": [
7
7
  "*.css",
@@ -21,8 +21,8 @@
21
21
  "types": "./dist/bundle.d.ts",
22
22
  "dependencies": {
23
23
  "@mdx-js/react": "2.3.0",
24
- "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.38",
25
- "@rspress-theme-anatole/shared": "0.7.38",
24
+ "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.40",
25
+ "@rspress-theme-anatole/shared": "0.7.40",
26
26
  "@rspress/runtime": "1.43.8",
27
27
  "body-scroll-lock": "4.0.0-beta.0",
28
28
  "copy-to-clipboard": "^3.3.3",