tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Lightnign Design System 2.0.1が公開されました

Lightnign Design System 2.0.1が公開されました。
f:id:tyoshikawa1106:20160607233626p:plain

https://www.lightningdesignsystem.com/release-notes/

SITE IA/ENHANCEMENTS

まずサイト自体の構成が変更されました。一部メニューの位置が移動になったり、ナビゲーションが改善されたりしたみたいです。
f:id:tyoshikawa1106:20160607233747p:plain

NEW COMPONENTS AND VARIANTS

今回のアップデートで新しいコンポーネントが追加されました。

Checkbox Toggle

f:id:tyoshikawa1106:20160607234010p:plain

Checkbox Alternate

f:id:tyoshikawa1106:20160607234036p:plain

Card - Related list with tiles

f:id:tyoshikawa1106:20160607234120p:plain

Data Table - Basic and Advanced

f:id:tyoshikawa1106:20160607234302p:plain
※これはどこが変わったのかわからなかったです。

Detail Panel with Inline Edit Form

f:id:tyoshikawa1106:20160607234418p:plain
※詳細ページ用のスタイルです。インライン編集用の✎アイコンも表示できます。

Docked Composer - Voice Integration

f:id:tyoshikawa1106:20160607234549p:plain
※Voice用のスタイルが豊富になりました。

Modal with no header and/or no footer

f:id:tyoshikawa1106:20160607234704p:plain
※ヘッダー無しまたはフッターなしのModalが利用できるようになりました。

Lookups spec updated - Single and Polymorphic

f:id:tyoshikawa1106:20160607234859p:plain

Page headers spec updated

f:id:tyoshikawa1106:20160607234955p:plain
※ページヘッダーの仕様更新

Vertical Navigation for in-page navigation

f:id:tyoshikawa1106:20160607235104p:plain

Radio Group Alternate

f:id:tyoshikawa1106:20160607235155p:plain

Tree Grid

f:id:tyoshikawa1106:20160607235231p:plain

ADDED

以下のクラスが利用できるようになったみたいです。

  • Alignment utility - Absolute Center - Alignment - Absolute center utility
  • Interaction utilities - Link reset - Interaction Utilities
  • Text Utility - Heading label normal - Heading label normal
  • Theme Utility - Light version theme texture - Theme texture
  • Position input icons on both sides of the input container - Input
  • Position utilities - Relative and Static - Position Utilities

CHANGES

フォントサイズが小さくなったりModalの隙間がへったりいろいろ多くの変更があるみたいです。
f:id:tyoshikawa1106:20160607235437p:plain

FIXED

固定IE11のページヘッダ切り捨てのバグが解決したりしているみたいです。
f:id:tyoshikawa1106:20160607235526p:plain

DEPRECATED

非推奨になったものもけっこうありました。
f:id:tyoshikawa1106:20160607235603p:plain

REMOVED

除外されたものもありました。
f:id:tyoshikawa1106:20160607235653p:plain


v.2.0.1はこんな感じです。新しいコンポーネントが追加されたかなり良くなっている感じでした。