@jike-js/ui 0.3.0 → 0.3.1
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.
- package/README.md +2 -2
- package/dist/BrandLogo.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
7
7
|
```powershell
|
|
8
|
-
pnpm add @jike-js/ui@0.3.
|
|
8
|
+
pnpm add @jike-js/ui@0.3.1
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
当前公开版本：`0.3.1`，包含统一 `BrandLogo` 和品牌资源导出。BrandLogo 使用静态 SVG 模块导入，Vite 开发与生产构建会正确处理资源路径。业务项目安装后锁定明确版本，不使用 Git、本地 `file:` 或未发布版本。
|
|
12
12
|
|
|
13
13
|
业务项目只需引入 `@jike-js/ui/styles.css` 一个样式入口；该入口在构建时包含 Token、基础层和组件层，避免漏引或形成第二份 reset。Token 的唯一源文件仍是 `frontend/tokens/design-tokens.json`，CSS 是其运行时输出。
|
|
14
14
|
|
package/dist/BrandLogo.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
import logoSource from "./assets/brand/jike-logo.svg";
|
|
3
3
|
export function BrandLogo({ size = "md", alt, "aria-label": ariaLabel }) {
|
|
4
4
|
const label = ariaLabel ?? alt ?? "jike";
|
|
5
5
|
return _jsx("img", { className: `jike-brand-logo jike-brand-logo--${size}`, src: logoSource, alt: label, "aria-label": ariaLabel });
|
package/dist/styles.css
CHANGED
|
@@ -135,7 +135,7 @@ svg {
|
|
|
135
135
|
.jike-brand-logo { display: block; width: var(--jike-brand-logo-size); height: var(--jike-brand-logo-size); object-fit: contain; }
|
|
136
136
|
.jike-brand-logo--sm { --jike-brand-logo-size: 32px; }
|
|
137
137
|
.jike-brand-logo--md { --jike-brand-logo-size: 40px; }
|
|
138
|
-
.jike-brand-logo--lg { --jike-brand-logo-size:
|
|
138
|
+
.jike-brand-logo--lg { --jike-brand-logo-size: var(--login-logo-size); }
|
|
139
139
|
.jike-login-shell__card { box-sizing: border-box; display: grid; grid-template-columns: var(--login-column-ratio); width: var(--login-container-width); max-width: var(--login-container-max-width); min-height: var(--login-container-min-height); overflow: hidden; background: var(--color-bg-surface); border: var(--border-width-default) solid var(--color-border); border-radius: var(--radius-container); box-shadow: var(--shadow-login); }
|
|
140
140
|
.jike-login-shell__brand { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--login-brand-padding-y) var(--login-brand-padding-x); color: var(--color-bg-surface); text-align: center; background: linear-gradient(135deg, var(--jike-login-brand-primary, var(--color-brand)), var(--jike-login-brand-primary-hover, var(--color-brand-hover))); }
|
|
141
141
|
.jike-login-shell__logo { display: grid; place-items: center; width: var(--login-logo-size); height: var(--login-logo-size); margin-bottom: var(--space-6); }
|