@ eocrm/ 设计指针
共享网络和克特林多平台/构成的EOCRM可视化符号. 时间
包中包含生成的 Sass; Maven 文物包含生成的,
强烈打入了 Compose API. 两者的出版版本都与
@eocrm/design-system。 。 。 .
现场操场 (手提箱和部件,从 main: https://eocrm.github.io/design-system/ (中文(简体) )
网页
软件包在 npmjs 上公开( 无) .npmrc 或需要的标志 :
npm install @eocrm/design-tokens
导入光/主题中立的契约和暗主题覆盖:
@use '@eocrm/design-tokens/styles/tokens.scss';
@use '@eocrm/design-tokens/styles/dark.scss';
反应消费者导入编译的 @eocrm/design-system/styles/global.css
(或 tokens.css),不需要此软件包;为 Sass 变量安装
或直接合同.
Kotlin 多平台和编曲
GitHub套件甚至对公共的Maven套件也需要认证. 对于
本地开发,使用经典的个人访问符 read:packages· ;
保留 gpr.user 财务报告和审定财务报表 gpr.key 在您的用户级别 ~/.gradle/gradle.properties, (中文(简体) ),
不是在仓库里 在 GitHub 动作中, 允许消费存储器访问
到软件包并使用工作流程 GITHUB_TOKEN。 。 。 .
repositories {
maven {
url = uri("https://maven.pkg.github.com/eocrm/design-system")
credentials {
username = providers.gradleProperty("gpr.user").orNull
password = providers.gradleProperty("gpr.key").orNull
}
}
}
dependencies {
commonMainImplementation("com.eocrm.design:design-tokens-compose:1.2.3")
}
直接使用生成的主题对象 :
import com.eocrm.design.tokens.EocrmDarkTokens
import com.eocrm.design.tokens.EocrmLightTokens
val background = EocrmLightTokens.colors.background
val darkBackground = EocrmDarkTokens.colors.background
val spacing = EocrmLightTokens.dimensions.space4
该文物支持了JVM,Android,iOS设备(iosArm64),和苹果硅
iOS 模拟器 (iosSimulatorArm64) (中文(简体) ). 它故意不发表
情报 iosX64 目标.
分数
tokens.json 可能有一个根 accents 键 : { "<name>": { "<tokenId>": { "light": "#rrggbb", "dark": "#rrggbb" } } }每个口音发出a [data-accent='<name>'] 块来压上每个主题块中的这些符号(光线、强迫黑暗、OS黑暗),以及一个编曲 Eocrm<Name>LightTokens 编号 : Eocrm<Name>DarkTokens 双人 校验者拒绝:
unknown-accent-token- 代号id不存在accent-non-color- 符号不是颜色accent-unthemed- 底牌不是浅/暗的accent-alias——该值是一个别名而不是颜色invalid-token-value- 颜色不整齐
捐款
src/tokens.json 是唯一可编辑符号值的来源。 不编辑
任何在下面的东西 generated/ 或生成 Kotlin 文件
compose/src/commonMain;再生取代它们.
npm run tokens:validate
npm run tokens:generate
npm run tokens:test
npm run tokens:check
packages/design-tokens/compose/gradlew --no-daemon -p packages/design-tokens/compose jvmTest assemble
在源更改的同时提交生成的产出 . tokens:check 验证
计划与语义合同, 运行测试, 失败在产生的漂移.
见 共享设计所有权 联 合 国 介于中性符号、 React 组件、 Compose 产品 UI 和 本土平台行为.
许可证
Apache 许可证 2.0。 。 。 .