Lism CSS
検索

Changelog

v.1.0リリースまでしばらく激しい変更が続く可能性があるため、変更点をここに記載して行く予定です。

lism-css v.0.25.0 (2026.08.06)

構造変数を lism.config から上書き可能に (#530)

  • --L / --C / --fz-mol / --hl-unit / --s-unit をトークンの新グループ vars へ移動し、lism.config の tokens から上書きできるようにしました。
  • 影色 --shadow を color.shadow へ移動しました（CSS変数名は従来どおりです）。

spacing系の方向指定 props を main.css でもクラス化 (#531)

  • ps / pe / pl / pt / ms / mt / cg / rg など方向指定の props 全18種で、-ps:20 のようなトークンクラスと -pl_sm のようなBPクラスが main.css でも使えるようになりました。
  • これに伴い main.css のサイズが約 +1.5KB（gzip後）増えています。full.css のサイズは変わりません。

カラー系 Property Class の拡充 (#533)

  • -c:keycolor / -bgc:keycolor / -bdc:keycolor を main.css で出力するようにしました。
  • full.css では c / bgc / bdc の全カラートークンがクラス化されます（-bgc:red など）。
  • -bgc:current（currentColor）を追加しました。

その他

  • set--plain が input のフォーム既定スタイルに詳細度で負ける問題を修正しました。(#537)
  • .browserslistrc を追加し、不要なベンダープレフィックスを除去しました。

@lism-css/plugin v.0.4.2 (2026.08.06)

  • カラー系 Property Class のクラス生成を color ∪ palette の和集合に揃え、full.css のビルド結果をランタイム側の解決規則と一致させました。(#533)
  • マージ前の default-config だけを読み込む loadDefaultConfig() を追加しました。(#539)

@lism-css/ui v.0.25.0 (2026.08.06)

  • lism-css v0.25.0 への追従リリースです。コンポーネントの変更はありません。

lism-css v.0.24.1 (2026.08.04)

  • full.css で border 用の Property Class（.-bd 系）が効かなくなっていた競合を修正しました。(#513)
  • ブラウザ標準スタイル由来の text-align（button）と letter-spacing（フォーム要素）が打ち消されていなかった問題を修正しました。(#516)
  • CSSに実装されていなかった flow トークンの l を tokens.ts から削除しました。
  • 依存パッケージの更新と内部の型定義の整理を行いました。（APIの変更はありません）

@lism-css/ui v.0.24.1 (2026.08.04)

  • lism-css v0.24.1 への追従リリースです。コンポーネントの変更はありません。
  • 依存パッケージを更新しました。

@lism-css/plugin v.0.4.1 (2026.08.04)

  • @lism-css/plugin/vite から lismConfigAlias をエクスポート (#521)
  • 依存パッケージを更新（Dependabot alert 44件対応） (#509)

lism-css v.0.24.0 (2026.07.06)

  • config の値（utils / presets / token）を導出してコンポーネント側の補完に反映 (#505)
  • lism.config 執筆用の LismConfig 型を追加 (#472)
  • body に display: flow-root を追加し、margin collapse による余分な縦スクロールを防止
  • pre のデフォルトスタイルを変更（background-color / padding を削除） (#477)
  • boxLink 内の coverLink を除外して重なり順を調整

AI スキル群の刷新 (#459)

  • lism-css-guide を強化・軽量化し、リファクタリング用スキル lism-css-refactor を新設
  • 検証プロセスのサブエージェント分離やチェックの素通り防止など、実装精度を改善 (#469, #473)
  • アンチパターン集を拡充 (#488)

@lism-css/plugin v.0.4.0 (2026.07.06)

  • lism.config.ts（TypeScript 形式の設定ファイル）の読み込みに対応 (#461)
  • config の値（utils / presets / token）から型を導出し、コンポーネント側の補完に反映 (#505)
  • purge: Astro の SSR / hybrid 構成で server 出力もスキャン・参照書き換えの対象に (#495)
  • purge: ハッシュ判定を厳格化し、レポートを実バイト数ベースに改善 (#503)

@lism-css/ui v.0.24.0 (2026.07.06)

  • lism-css v0.24.0 への追従リリース（コンポーネントの機能変更はありません）
  • Accordion / Modal / Tabs にユニットテストを追加 (#365)

lism-css v.0.23.0 (2026.06.19)

破壊的変更を含むリリースです。

ビルド/プラグイン層を @lism-css/plugin へ分離 (#439)

  • Vite / Astro 統合・purge・npx lism-css build CLI を本体から切り離し、新パッケージ @lism-css/plugin へ移行
  • lism-css/vite・lism-css/purge/*・lism-css/vite-plugin 等のエクスポートを廃止

トークンを値付きの単一情報源に刷新 (#434)

  • tokens を「キー: 値」のフラットマップに統合（値定義・ユーティリティ生成・props 受理を1か所で管理）
  • tokenValues チャンネルを廃止、c を color に改名、fz.root / writing トークンを削除

ブレイクポイント / フルビルド

  • xs ブレイクポイントに対応（CSS 出力・型ともオプトイン）(#428)
  • full.css / full_no_layer.css（全 props の BP を lg まで拡張）と isFullMode を追加 (#423, #425)
  • 標準サポート BP のデフォルトを md → lg に拡大

その他

  • hl="0" を追加し、lh を hl 推奨へ移行 (#437)
  • デフォルトフォントファミリーを見直し（--ff--base / --ff--accent）
  • props の冗長な bp:0 明示を削除（出力不変）

@lism-css/plugin v.0.3.0 (2026.06.19)

新パッケージ。lism-css のビルド／フレームワーク統合レイヤーを提供します。

  • lism.config.js を CSS 出力の単一情報源とする動的ビルドプラグイン（lismCss() / lismCssAstro()）
  • 軽量 CSS purge（@lism-css/plugin/purge/vite / /astro、統合プラグインの purge: true）
  • Next.js 16（@lism-css/plugin/next）/ WordPress（@lism-css/plugin/wordpress）アダプタ
  • breakpoints から lism-env.d.ts を自動生成

@lism-css/ui v.0.23.0 (2026.06.19)

  • Badge / Button / Chat の lh を hl 推奨プロパティへ移行（lism-css v0.23.0 の hl 追加に追従）
  • CSS ビルド層を @lism-css/plugin の compileCssTree へ移行

lism-css v.0.22.2 (2026.06.03)

  • カラートークン --green の彩度を微調整
  • Icon presets の alert アイコンを八角形（warning-octagon）スタイルに変更

@lism-css/ui v.0.22.2 (2026.06.03)

  • Alert / Callout に tip プリセットを追加（point のエイリアス）
  • Alert / Callout のプリセットを統一・整理（Callout に info を追加、note を gray に変更、Alert に note を追加）
  • Alert 本文の Flow を w="100%" にして layout="withSide" 時の表示崩れを修正

lism-css v.0.22.1 (2026.05.30)

  • : 単体を true 相当のフラグとして扱うように対応（テキストフォーム等 boolean を渡せない経路向け）
  • 0.22.0 のパッケージング不具合を修正（./config / ./default-config の参照先と配布ファイルを是正）
  • 廃止済みの ./next-js/* エクスポートを削除

@lism-css/ui v.0.22.1 (2026.06.02)

  • NavMenu.Link に hov="-bgc" をデフォルト付与（ホバー時に背景色が付くように）
  • Accordion.Item に isOpen prop を追加し、初期状態で展開できるよう対応（開閉アイコンの表示も調整）
  • Modal を開いた際にスクロールバーが消えて発生する横方向のがたつきを防止 (#413)

lism-css v.0.22.0 (2026.05.28)

破壊的変更を含むリリースです。

AutoColumns のデフォルトモード変更 (#408)

  • AutoColumns のデフォルトモードを auto-fit から auto-fill に変更

ユーティリティ・トークン名の整理

  • u--cells を u--enclose にリネーム (#412)
  • テーブルセル変数を --cells-p に整理 (#410)
  • --gutter-size を --gutter / --gutter--base 構造に整理 (#409)
  • --under-offset 変数を廃止し、text-underline-offset と tab-size を body に直値設定

フォームコントロールのスタイル調整

  • フォームコントロールの border-radius を削除
  • フォームコントロールの padding を em 単位に変更

その他

  • ロゴアイコンの整理・大きさを調整

@lism-css/ui v.0.22.0 (2026.05.28)

  • lism-css v0.22.0 への追従リリース

lism-css v.0.21.0 (2026.05.26)

破壊的変更を含むリリースです。

set クラスの命名変更 (#404)

  • set--var:xxx 形式を set--xxx 形式へ戻しました（set--var:hov → set--hov、set--var:bxsh → set--bxsh、set--var:bdrsInner → set--bdrsInner、set--var:s → set--s）
  • set prop の値も同様に set="var:hov" → set="hov" のように変更
  • ベータ版のため後方互換 alias は提供していません

contentSize Prop と set—bleed の追加 (#405)

  • contentSize を Lism Prop として追加（プリセット値 s / m / l / xl はクラス、任意値は CSS 変数として出力）
  • set--bleed をコア CSS に追加し、片側ブリードレイアウト用の --bleed 変数生成を提供
  • Wrapper コンポーネントを isWrapper + contentSize の組み合わせに整理

その他

  • isWrapper="xl" プリセットに対応
  • pos・order プロパティにブレークポイント対応（bp: 1）を追加
  • InlineAllowedTag に label タグを追加

@lism-css/ui v.0.21.0 (2026.05.26)

  • lism-css 本体の set クラス命名整理（set--var:xxx → set--xxx）に追従

lism-css v.0.20.0 (2026.05.20)

破壊的変更を含むリリースです。

方向系 Property Class の命名整理 (#378)

  • inline-start / block-start などの方向プロパティを短く読みやすい新命名に統一（v0 のため後方互換 alias なし）
  • padding / margin: px-s/px-e/py-s/py-e → ps/pe/pbs/pbe、mx-s/mx-e/my-s/my-e → ms/me/mbs/mbe
  • border: bd-x-s/bd-x-e/bd-y-s/bd-y-e → bd-s/bd-e/bd-bs/bd-be
  • inset: i-x-s/i-x-e/i-y-s/i-y-e → i-s/i-e/i-bs/i-be
  • CSS変数 --list-px-s → --list-ps

ブレークポイント対応プロパティの整理 (#394)

  • main.css のサイズ削減のため、bp デフォルトサポートを見直し
  • bp サポート廃止: pl/pr/pt/pb, ml/mr/mt/mb, hl, lts, cg, rg, bg
  • bp サポートを lg まで拡張: d, cols, g, gta/gtc/gtr, ga/gc/gr
  • bp:0 のプロパティに BP 指定した際、開発時に警告を表示

hover 色のデフォルト変更 (#381)

  • -hov:-bgc のデフォルト色を var(--base-2) から neutral mix（color-mix）に変更し、ライト/ダーク両方の背景で使えるように
  • --neutral トークンを追加し、-hov:neutral クラスを廃止
  • --hov-bgc--default でプロジェクト側のデフォルト差し替えに対応

その他

  • --flow デフォルト値の定義位置を root へ移動し、lang="ja" で少し広めに設定
  • base スタイルの微調整

@lism-css/ui v.0.20.0 (2026.05.20)

  • Modal にデフォルトの背景ブラー（backdrop-filter）を追加（--modal-blur で変更可能）
  • Callout / Alert からデフォルトの box-shadow を除去し、よりフラットな見た目に調整
  • Callout のアイコン・タイトル周りのマークアップを整理（Icon サイズを 1.25em に固定）
  • lism-css 本体の方向系 Property Class 命名整理に追従（bd-x-s → bd-s、px-s → ps）

v0.18.0 以前

v0.18.0 以前のリリースについては、主要な変更点のみを抜粋して掲載しています。

  • v0.18.0 (2026.05.17): --sz--* トークンを px 単位・80px 刻みに再設計 (#364)。spacing トークンを拡充し、--s-unit を要素フォントサイズに追従させる set--var:s を新設 (#377)
  • v0.17.0 (2026.05.09): -max-sz:container を廃止し、full-bleed 用の -max-sz:bleed を新設 (#360)。--REM を廃止し --fz--base を 1rem に統一。a タグのリンク装飾スタイルを廃止。@lism-css/ui が deep path import（@lism-css/ui/react/{Name} 等）に対応 (#354)
  • v0.16.x (2026.04.21〜04.29): ユーティリティクラスを整理（u--trimChildren → u--trimAll、u--collapseGrid → u--cells、u--divide を追加）(#323, #324)。opacity トークンをセマンティック命名（-o:p / -o:pp / -o:ppp）に変更 (#316)。Layout Primitive をリネーム（l--sideMain → l--withSide、l--fluidCols → l--autoColumns、l--switchCols → l--switchColumns）(#319)
  • v0.15.0 (2026.04.21): CSSレイヤー構造を再編し、lism-trait レイヤーを独立 (#304)。set-- クラスに var: プレフィックスを導入（set--hov → set--var:hov 等）。-hov: クラスを -hov:-{prop} 形式に整理 (#300)。シャドウトークンのスケールを1段階シフト (#311)
  • v0.14.0 (2026.04.17): lismClass / variant props を削除し className に集約。ysz → bsz 等の Property Class をリネーム。is--vertical を削除し -wm:vertical-rl へ移行
  • v0.13.x (2026.04.14〜04.15): 概念名を Module → Primitive、State → Trait に統一。is--linkBox → is--boxLink、u--expandedLink → is--coverLink にリネーム。util prop を追加
  • v0.12.0 (2026.04.10): TileGrid レイアウトを追加。gap 系 shorthand を cg / rg に変更。setXxxx 個別 props を廃止し set / unset に統一
  • v0.11.0 (2026.04.05): shadow 設計を変更し、bdrs / bxsh トークンを削減
  • v0.10.x (2026.04.03〜04.05): <HTML.xxx> を廃止し、セマンティックラッパーコンポーネント（Text / Inline / Group / Heading / Link / List 等）に置き換え。ネガティブマージンのトークン指定（mt="-10" 等）に対応。@layer 命名を lism-xxx 形式に変更
  • v0.9.x (2026.03.17〜03.31): React コンポーネントを TypeScript 化。クラス命名を -- 区切りに変更（set-xxx → set--xxx、u-xxx → u--xxx）。@lism-css/ui / @lism-css/mcp の公開を開始
  • v0.8.x: line-height をハーフレディングで管理するシステムに変更。レイアウトモジュールを再編（WithSide → SideMain、FluidCols の独立、SwitchCols 追加）。ダイナミックモジュール（accordion / modal / tabs）を削除し @lism-css/ui へ移行。トークン名を多数変更（--c--main → --brand、--c--line → --divider 等）

© Lism CSS. All rights reserved.

目次