Skip to content

Commit fc9c97d

Browse files
chenjiahanchenjiahan
committed
Merge branch 'main' into renovate/major-react-monorepo
2 parents a1791bb + 4d9ff50 commit fc9c97d

24 files changed

Lines changed: 2033 additions & 16 deletions

‎.github/workflows/chromatic.yml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ jobs:
2626
run: npm install -g corepack@latest --force && corepack enable
2727

2828
- name: Setup Node.js
29-
uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6
29+
uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6
3030
with:
3131
node-version: 24.15.0
3232
cache: 'pnpm'
@@ -38,7 +38,7 @@ jobs:
3838
run: pnpm run build-storybook
3939

4040
- name: Run Chromatic
41-
uses: chromaui/action@5c6ec06f45a2117a25f07b1bf2b2f3009233fac8 # latest
41+
uses: chromaui/action@cad40970f69e7a6a5bef4ddfe42c01309ba17cb1 # latest
4242
with:
4343
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
4444
# Use the pre-built Storybook

‎.github/workflows/release.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ jobs:
2222
uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
2323

2424
- name: Setup Node.js
25-
uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6
25+
uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6
2626
with:
2727
node-version: 24.15.0
2828

‎.github/workflows/test.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ jobs:
2727
run: npm install -g corepack@latest --force && corepack enable
2828

2929
- name: Setup Node.js
30-
uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6
30+
uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6
3131
with:
3232
node-version: 24.15.0
3333
cache: "pnpm"

‎package.json‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@rstack-dev/doc-ui",
3-
"version": "1.12.5",
3+
"version": "1.13.3",
44
"type": "module",
55
"types": "./dist/index.d.ts",
66
"license": "MIT",
@@ -49,6 +49,22 @@
4949
"./antd": {
5050
"types": "./dist/antd/index.d.ts",
5151
"import": "./dist/antd/index.js"
52+
},
53+
"./blog-avatar": {
54+
"types": "./dist/blog-avatar/index.d.ts",
55+
"import": "./dist/blog-avatar/index.js"
56+
},
57+
"./blog-back-button": {
58+
"types": "./dist/blog-back-button/index.d.ts",
59+
"import": "./dist/blog-back-button/index.js"
60+
},
61+
"./blog-list": {
62+
"types": "./dist/blog-list/index.d.ts",
63+
"import": "./dist/blog-list/index.js"
64+
},
65+
"./blog-background": {
66+
"types": "./dist/blog-background/index.d.ts",
67+
"import": "./dist/blog-background/index.js"
5268
}
5369
},
5470
"repository": {

‎rslib.config.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,10 @@ export default defineConfig({
2525
entry: {
2626
'nav-icon': './src/nav-icon/index.tsx',
2727
benchmark: './src/benchmark/index.tsx',
28+
'blog-avatar': './src/blog-avatar/index.tsx',
29+
'blog-back-button': './src/blog-back-button/index.tsx',
30+
'blog-list': './src/blog-list/index.tsx',
31+
'blog-background': './src/blog-background/index.tsx',
2832
'tool-stack': './src/tool-stack/index.tsx',
2933
hero: './src/hero/index.tsx',
3034
'section-style': './src/section-style/index.tsx',

‎src/background-image/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ export const BackgroundImage: FC<BackgroundProps> = ({
4747
<>
4848
{/* For transparent navbar, overrides css only in homepage, and unmounted in other pages */}
4949
<style>
50-
{'body:not(.notTopArrived) .rp-nav {background: transparent !important; border-bottom: none !important;}' +
50+
{'body:not(.notTopArrived) .rp-nav {background: transparent !important; border-bottom: 1px solid transparent !important;}' +
5151
'.rp-nav {background: color-mix(in srgb,var(--rp-c-bg) 60%,transparent);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);}'}
5252
</style>
5353
<img

‎src/blog-avatar/index.module.scss‎

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
:global {
2+
html:not(.dark) {
3+
--rs-blog-avatar-group-ring: rgba(255, 255, 255, 0.92);
4+
--rs-blog-avatar-group-overflow-bg: var(--rp-c-bg-soft);
5+
}
6+
7+
html.dark {
8+
--rs-blog-avatar-group-ring: #111827;
9+
--rs-blog-avatar-group-overflow-bg: rgba(255, 255, 255, 0.08);
10+
}
11+
}
12+
13+
.root {
14+
display: inline-flex;
15+
align-items: center;
16+
gap: 10px;
17+
max-width: 100%;
18+
padding: 4px 0;
19+
}
20+
21+
.avatar {
22+
width: 40px;
23+
height: 40px;
24+
border-radius: 50%;
25+
object-fit: cover;
26+
flex-shrink: 0;
27+
pointer-events: none;
28+
box-shadow: 0 0 0 1px rgba(143, 161, 185, 0.18);
29+
}
30+
31+
.content {
32+
display: flex;
33+
flex-direction: column;
34+
min-width: 0;
35+
gap: 2px;
36+
}
37+
38+
.nameRow {
39+
display: flex;
40+
align-items: center;
41+
gap: 8px;
42+
min-width: 0;
43+
}
44+
45+
.name {
46+
color: var(--rp-c-text-1);
47+
font-size: 0.875rem;
48+
font-weight: 600;
49+
line-height: 1.25rem;
50+
white-space: nowrap;
51+
overflow: hidden;
52+
text-overflow: ellipsis;
53+
}
54+
55+
.title {
56+
color: var(--rp-c-text-2);
57+
font-size: 0.75rem;
58+
line-height: 1.35;
59+
white-space: nowrap;
60+
overflow: hidden;
61+
text-overflow: ellipsis;
62+
}
63+
64+
.links {
65+
display: flex;
66+
align-items: center;
67+
gap: 4px;
68+
color: var(--rp-c-text-2);
69+
opacity: 0.55;
70+
transition:
71+
opacity 0.2s ease,
72+
color 0.2s ease;
73+
}
74+
75+
.root:hover .links,
76+
.root:focus-within .links {
77+
opacity: 1;
78+
}
79+
80+
.link {
81+
display: inline-flex;
82+
align-items: center;
83+
justify-content: center;
84+
width: 20px;
85+
height: 20px;
86+
border-radius: 999px;
87+
color: inherit;
88+
transition:
89+
color 0.2s ease,
90+
background-color 0.2s ease;
91+
92+
&:hover,
93+
&:focus-visible {
94+
color: var(--rp-c-text-1);
95+
}
96+
97+
&:focus-visible {
98+
outline: 2px solid var(--rp-c-text-1);
99+
outline-offset: 2px;
100+
}
101+
102+
svg {
103+
width: 12px;
104+
height: 12px;
105+
}
106+
}
107+
108+
.group {
109+
display: flex;
110+
flex-wrap: wrap;
111+
gap: 10px 20px;
112+
max-width: 100%;
113+
}
114+
115+
.groupItem {
116+
max-width: 100%;
117+
}
118+
119+
.compactGroup {
120+
display: flex;
121+
align-items: center;
122+
gap: 10px;
123+
min-width: 0;
124+
max-width: 100%;
125+
}
126+
127+
.compactAvatars {
128+
display: flex;
129+
align-items: center;
130+
flex-shrink: 0;
131+
}
132+
133+
.compactAvatar,
134+
.compactOverflow {
135+
width: 28px;
136+
height: 28px;
137+
border-radius: 50%;
138+
box-shadow: 0 0 0 2px var(--rs-blog-avatar-group-ring);
139+
}
140+
141+
.compactAvatar {
142+
object-fit: cover;
143+
background-color: var(--rp-c-bg-soft);
144+
}
145+
146+
.compactAvatar + .compactAvatar,
147+
.compactOverflow {
148+
margin-left: -8px;
149+
}
150+
151+
.compactOverflow {
152+
display: inline-flex;
153+
align-items: center;
154+
justify-content: center;
155+
color: var(--rp-c-text-1);
156+
font-size: 0.75rem;
157+
font-weight: 600;
158+
line-height: 1;
159+
background-color: var(--rs-blog-avatar-group-overflow-bg);
160+
}
161+
162+
.compactNames {
163+
min-width: 0;
164+
color: var(--rp-c-text-2);
165+
font-size: 0.875rem;
166+
line-height: 1.35;
167+
white-space: nowrap;
168+
overflow: hidden;
169+
text-overflow: ellipsis;
170+
}
171+
172+
@media (max-width: 768px) {
173+
.group {
174+
gap: 10px 16px;
175+
}
176+
177+
.compactGroup {
178+
gap: 8px;
179+
}
180+
181+
.compactNames {
182+
font-size: 0.8125rem;
183+
}
184+
}

0 commit comments

Comments
 (0)