コンテンツにスキップ

変更履歴

SpiraCSS パッケージの主な変更点をまとめています。

0.4.3-beta

@spiracss/stylelint-plugin

追加

spiracss/property-placement: marginSideTags オプション（デフォルト: true）を追加し、タグセレクタのルールにも marginSide を適用。

変更

spiracss/property-placement: marginSideTags のタグ判定を調整し、セレクタチェーン上のタグのみをカウント（:is(main) など疑似クラス引数内だけのタグは除外）。
spiracss/property-placement: tag/class 混在セレクタ、marginSide: 'bottom' とタグセレクタの組み合わせ、non-tag unverified selector の skip 挙動に対する回帰テストを追加。

@spiracss/html-cli

モノレポのリリースに合わせてバージョンを揃える。

VS Code 拡張

spiracss-comment-links

モノレポのリリースに合わせてバージョンを揃える。

spiracss-html-to-scss

@spiracss/html-cli 依存を ^0.4.3 に更新。
モノレポのリリースに合わせてバージョンを揃える。

ドキュメント

spiracss/property-placement ドキュメント（英日）を marginSideTags の挙動とセレクタ適用範囲の注記に合わせて更新。
AI エージェントガイドを v0.4.3-beta に更新。
ヘッダー / クイックスタートのバージョンバッジを v0.4.3-beta に更新。

0.4.2-beta

@spiracss/stylelint-plugin

修正

spiracss/class-structure: rootSingle: true 時に、同一 root Block の複数定義を duplicateRootBlock として報告。
spiracss/class-structure: 同じセレクタで duplicateRootBlock が出る場合、rootSelectorNeedNesting の重複警告を抑制。
spiracss/class-structure: root 関連診断（multipleRootBlocks / duplicateRootBlock / rootSelectorMissingBlock / rootSelectorNeedNesting）に Auto-fix ガイダンスを追加。

@spiracss/html-cli

モノレポのリリースに合わせてバージョンを揃える。

VS Code 拡張

spiracss-comment-links

モノレポのリリースに合わせてバージョンを揃える。

spiracss-html-to-scss

@spiracss/html-cli 依存を ^0.4.2 に更新。
モノレポのリリースに合わせてバージョンを揃える。

ドキュメント

class-structure ルールドキュメント（英日）に duplicateRootBlock / rootSelectorNeedNesting を追加。
AI エージェントガイドを v0.4.2-beta に更新。
ヘッダー / クイックスタートのバージョンバッジを v0.4.2-beta に更新。

0.4.1-beta

@spiracss/stylelint-plugin

修正

spiracss/class-structure: rootSingle: true 時に、external.classes / external.prefixes のみで構成されたトップレベルセレクタが root Block 包含チェックを回避できないように修正。
spiracss/class-structure: 同一 root Block の複数定義を duplicateRootBlock として報告し、rootSelectorNeedNesting のネスト書き換えガイダンスを明確化。

@spiracss/html-cli

モノレポのリリースに合わせてバージョンを揃える。

VS Code 拡張

spiracss-comment-links

モノレポのリリースに合わせてバージョンを揃える。

spiracss-html-to-scss

@spiracss/html-cli 依存を ^0.4.1 に更新。
モノレポのリリースに合わせてバージョンを揃える。

ドキュメント

AI エージェントガイドを v0.4.1-beta に更新。
ヘッダー / クイックスタートのバージョンバッジを v0.4.1-beta に更新。

0.4.0-beta

@spiracss/stylelint-plugin

破壊的変更

Stylelint v17 必須: Stylelint v16 サポートを廃止。v16 ユーザーは @spiracss/stylelint-plugin@0.3.x を使用してください。
ESM のみ: CommonJS ビルドを廃止。ESM のみ提供。
Node.js >= 20.19.0: Stylelint 17 に合わせて最低バージョンを引き上げ。
moduleResolution: TypeScript の moduleResolution は Bundler、Node16、または NodeNext が必要（Stylelint 17 が exports で型宣言を提供するため）。
createRules() は設定オブジェクトのみ受付: createRules(path) でのファイルパス渡しを廃止。spiracss.config.js を import してオブジェクトを渡すか、createRulesAsync(path) を使用してください。

変更

helpers.ts を簡素化：CJS 互換コード（約 80 行）を削除、loadConfigFromPathAsync はネイティブ import() を直接使用。
CJS ビルドスクリプトと tsconfig.build.cjs.json を削除。
ビルドスクリプトを .cjs から .mjs に変換。

@spiracss/html-cli

モノレポのリリースに合わせてバージョンを揃える。

VS Code 拡張

spiracss-comment-links

モノレポのリリースに合わせてバージョンを揃える。

spiracss-html-to-scss

@spiracss/html-cli 依存を ^0.4.0 に更新。
モノレポのリリースに合わせてバージョンを揃える。

ドキュメント

全ドキュメントから CJS 例を削除し、ESM のみの設定に更新。
Stylelint v16 ユーザー向けに v0.3 AI エージェントドキュメントを追加。
AI エージェントガイドを v0.4.0-beta に更新。

0.3.4-beta

@spiracss/stylelint-plugin

修正

外部クラスのみのルートで // --interaction がある場合、@at-root を許可。

ドキュメント

@at-root の外部ルート例外を追記。

0.3.3-beta

@spiracss/stylelint-plugin

修正

createRules() 利用時、stylelint.base.paths.components が未設定なら componentsDirs を aliasRoots.components にフォールバックし、nonComponentLink の誤検知を防ぎます。

ドキュメント

設定ドキュメントと AI エージェントガイドに componentsDirs のフォールバック説明を追記。

0.3.2-beta

@spiracss/stylelint-plugin

変更

CSS Modules の :global / :local を透過扱いにし、内側のセレクタを検証します。
:global ラッパーの扱いを改善（右端の :global(...) やセレクタリストも含む）。
rootFile（ルートファイル名チェック）で *.module.scss を許可し、childDir 配下は childFileCase を利用します。

@spiracss/html-cli

追加

JSX の class/className 抽出を改善（文字列/テンプレートリテラル/メンバーアクセス）。
メンバーアクセス抽出を制限できる jsxClassBindings.memberAccessAllowlist を追加（空配列で無効化）。

変更

generator.layoutMixins の既定値を空配列（[]）に変更（設定しない限りミックスインは注入されません）。

VS Code 拡張

spiracss-html-to-scss

@spiracss/html-cli 依存を ^0.3.2 に更新。

spiracss-comment-links

リリースバージョンをモノレポと揃える。

ドキュメント

AI エージェントガイドと設定ドキュメントを v0.3.2 に更新（rootFile / @rel の fileCase、CSS Modules 注意点）。

0.3.1-beta

@spiracss/stylelint-plugin

追加

stylelint.rel.fileCase / stylelint.rel.childFileCase オプション
子リンクコメントで *.module.scss を許可（CSS Modules）
createRules() 使用時に stylelint.class.rootCase を stylelint.rel.fileCase の既定値として採用

変更

子リンクの検証は childDir 配下に childFileCase、それ以外に fileCase を適用

@spiracss/html-cli

追加

子 SCSS の生成と @rel コメントで childFileCase に対応

VS Code 拡張

spiracss-html-to-scss

子 SCSS 生成で childFileCase に対応（HTML CLI と整合）
@spiracss/html-cli 依存を ^0.3.1 に更新

spiracss-comment-links

リリースバージョンをモノレポと揃える

ドキュメント

rel-comments のオプション（fileCase / childFileCase / *.module.scss）を追記
AI エージェントガイドの互換表記を更新

0.3.0-beta

@spiracss/stylelint-plugin

破壊的変更

Stylelint 設定の再構成: stylelint.classStructure を stylelint.base / stylelint.class に分離し、各ルール用のセクション（stylelint.placement, stylelint.pageLayer, stylelint.interactionProps, stylelint.keyframes, stylelint.pseudo, stylelint.rel）を追加。
セクション名の変更: interactionProperties → interactionProps, keyframesNaming → keyframes, pseudoNesting → pseudo, relComments → rel.
コメント/キャッシュ系のキー変更: stylelint.sectionCommentPatterns → stylelint.base.comments, stylelint.cacheSizes → stylelint.base.cache, sharedCommentPattern / interactionCommentPattern → comments.shared / comments.interaction.
外部クラス許可の移動: allowExternalClasses / allowExternalPrefixes → external.classes / external.prefixes.
新ルールをデフォルト有効化: spiracss/property-placement, spiracss/page-layer.

追加

新規ルール: spiracss/page-layer — ページ層 SCSS の検証（子 Block にコンポーネントリンクコメント必須）
新規ルール: spiracss/property-placement — セレクタの役割に基づくプロパティ配置の検証（container/item/internal）
stylelint.pseudo.enabled オプション

変更

セレクタ解析・検証ロジックの改善
エラーメッセージの明確化
selectorPolicy（data/class モード）のサポート改善

@spiracss/html-cli

破壊的変更

新しい stylelint 設定に合わせて、命名・外部クラスの参照先を stylelint.base / stylelint.class に変更（旧 stylelint.classStructure のキーは非対応）。
外部クラス許可の設定を external.classes / external.prefixes に変更。

変更

HTML 検証と SCSS 生成で新しい external 形式を使用。
設定警告メッセージに命名の参照元を表示。

VS Code 拡張

spiracss-comment-links

公式サイトへのドキュメントリンクに更新。

spiracss-html-to-scss

新しい stylelint 設定に対応（HTML CLI と同じ破壊的変更）。
外部クラス許可の設定を external.classes / external.prefixes に変更。

ドキュメント

公式サイト (spiracss.jp) の内容を更新
新規ルールドキュメント: spiracss/page-layer, spiracss/property-placement
表記統一: 「AI」→「AI エージェント」
ルール説明を最新のエラーメッセージと例に合わせて更新

0.2.2-beta

@spiracss/stylelint-plugin

追加

keyframes.enabled オプションで spiracss/keyframes-naming ルールを完全に無効化可能に

ドキュメント

README に SpiraCSS 設計原則へのリンクを追加
日本語ドキュメントへのリンクを Docs セクションに追加

@spiracss/html-cli

ドキュメント

README に SpiraCSS 設計原則へのリンクを追加
日本語ドキュメントへのリンクを Docs セクションに追加
説明文をより明確に改善

VS Code 拡張

spiracss-comment-links

README に SpiraCSS 設計原則へのリンクを追加
日本語ドキュメントへのリンクを Docs セクションに追加

spiracss-html-to-scss

README に SpiraCSS 設計原則へのリンクを追加
日本語ドキュメントへのリンクを Docs セクションに追加

0.2.1-beta

全 SpiraCSS パッケージの初回ベータリリース。

0.1.x (Alpha)

初期開発中の実験的リリース。

前へ
スターター次へ
設計原則