Spectrum CSS 12.0.0版本发布:重大变更与技术解析
Spectrum CSS是Adobe开源的一套UI组件库,它为开发者提供了符合Adobe设计系统的标准化CSS组件。该项目遵循语义化版本控制规范,12.0.0版本的发布标志着一次重大更新,包含了多项架构调整和功能改进。
核心变更概述
本次12.0.0版本最显著的变化是移除了多个已弃用的组件文档,包括cyclebutton、quickaction、searchwithin和splitbutton。这些组件在之前的版本中已被标记为弃用状态,现在正式从文档中移除,开发者需要迁移到替代方案。
另一个重要更新是对Spectrum 2(S2)基础架构的支持。Storybook现在可以切换不同的token包来连接不同版本的Spectrum设计系统:
-
Spectrum 1:被标记为"legacy"上下文,不再是默认选项。当选择此选项时,Storybook会加载14.6.0版本的@spectrum-css/tokens,并在容器上附加.spectrum--legacy类。
-
Spectrum 2:新的默认上下文,代表"S2基础"版本,作为S1和S2之间的桥梁。虽然这些组件尚未完全符合S2规范,但已经向S2设计方向迈出了重要一步。
-
Express:现已弃用的上下文,仍可通过加载14.6.0版本的token包在Storybook中呈现,但将在下一个主要版本中移除。
技术细节解析
设计系统迁移支持
新版本提供了从Spectrum 1到Spectrum 2的迁移文档,帮助开发者平滑过渡。这种渐进式迁移策略允许团队逐步适应新设计系统,而不是一次性完全重构。
开发者体验改进
修复了代码预览插件中重复行号的问题,提升了开发者在Storybook中查看示例代码的体验。同时更新了Storybook UI的样式,使其更好地融入Spectrum的设计语言,保持一致的视觉体验。
依赖项更新
伴随本次发布,相关依赖项也进行了同步更新:
- @spectrum-css/tokens升级至16.0.0版本
- @spectrum-css/table升级至8.0.0版本
这些依赖项的更新为组件提供了最新的设计token支持,确保样式与设计系统保持同步。
升级建议
对于正在使用Spectrum CSS的项目团队,建议:
-
检查项目是否使用了已移除的组件(cyclebutton、quickaction等),如有使用需制定迁移计划。
-
评估Spectrum 2带来的设计变化,利用新的迁移文档规划升级路径。
-
在测试环境中验证新版本对现有UI的影响,特别注意样式覆盖和自定义修改的部分。
-
关注即将移除的Express上下文,提前做好相关组件的重构准备。
Spectrum CSS 12.0.0版本的发布标志着该项目向现代化设计系统又迈进了一步,通过清晰的版本控制和迁移路径,为开发者提供了平稳过渡的保障。
- QQwen3-Next-80B-A3B-InstructQwen3-Next-80B-A3B-Instruct 是一款支持超长上下文(最高 256K tokens)、具备高效推理与卓越性能的指令微调大模型00
- QQwen3-Next-80B-A3B-ThinkingQwen3-Next-80B-A3B-Thinking 在复杂推理和强化学习任务中超越 30B–32B 同类模型,并在多项基准测试中优于 Gemini-2.5-Flash-Thinking00
GitCode-文心大模型-智源研究院AI应用开发大赛
GitCode&文心大模型&智源研究院强强联合,发起的AI应用开发大赛;总奖池8W,单人最高可得价值3W奖励。快来参加吧~0265cinatra
c++20实现的跨平台、header only、跨平台的高性能http库。C++00AI内容魔方
AI内容专区,汇集全球AI开源项目,集结模块、可组合的内容,致力于分享、交流。02- HHunyuan-MT-7B腾讯混元翻译模型主要支持33种语言间的互译,包括中国五种少数民族语言。00
GOT-OCR-2.0-hf
阶跃星辰StepFun推出的GOT-OCR-2.0-hf是一款强大的多语言OCR开源模型,支持从普通文档到复杂场景的文字识别。它能精准处理表格、图表、数学公式、几何图形甚至乐谱等特殊内容,输出结果可通过第三方工具渲染成多种格式。模型支持1024×1024高分辨率输入,具备多页批量处理、动态分块识别和交互式区域选择等创新功能,用户可通过坐标或颜色指定识别区域。基于Apache 2.0协议开源,提供Hugging Face演示和完整代码,适用于学术研究到工业应用的广泛场景,为OCR领域带来突破性解决方案。00- HHowToCook程序员在家做饭方法指南。Programmer's guide about how to cook at home (Chinese only).Dockerfile06
- PpathwayPathway is an open framework for high-throughput and low-latency real-time data processing.Python00
热门内容推荐
最新内容推荐
项目优选









