@lism-css/mcp 0.20.0 → 0.23.0

package/dist/data/guides/trait-class/has--transition.md

@@ -70,4 +70,4 @@
 ## 関連
 
 - [`-hov:*` プロパティクラス](../property-class.md) — ホバー時の変化を定義
-- [`set--var:hov`](../set-class.md#set--varhov) — 親のホバー状態を子要素に伝播させる仕組み
+- [`set--hov`](../set-class.md#set--hov) — 親のホバー状態を子要素に伝播させる仕組み

package/dist/data/guides/trait-class/is--boxLink.md

@@ -28,8 +28,8 @@ BoxLink には主に2通りの使い方があります。
 ```jsx
 <BoxLink href="/article/1" p="30" bgc="base" bd bdrs="30" hov="-o">
   <Group fz="xl" fw="bold">Heading text</Group>
-  <Text lh="s" mbs="15">記事の抜粋テキスト...</Text>
-  <Group fz="s" c="text-2" ta="right" lh="1" mbs="10">
+  <Text hl="s" mbs="15">記事の抜粋テキスト...</Text>
+  <Group fz="s" c="text-2" ta="right" hl="0" mbs="10">
     MORE →
   </Group>
 </BoxLink>
@@ -38,8 +38,8 @@ BoxLink には主に2通りの使い方があります。
 ```html
 <a class="is--boxLink -hov:-o -p:30 -bgc:base -bd -bdrs:30" href="/article/1">
   <p class="-fz:xl -fw:bold">Heading text</p>
-  <p class="-c:text-2 -lh:s -mbs:15">記事の抜粋テキスト...</p>
-  <p class="-fz:s -c:text-2 -ta:right -lh:1 -mbs:10">MORE →</p>
+  <p class="-c:text-2 -hl:s -mbs:15">記事の抜粋テキスト...</p>
+  <p class="-fz:s -c:text-2 -ta:right -hl:0 -mbs:10">MORE →</p>
 </a>
 ```
 
@@ -54,7 +54,7 @@ BoxLink には主に2通りの使い方があります。
       Heading link text
     </Link>
   </Group>
-  <Text c="text-2" lh="s" mbs="15">記事の抜粋テキスト...</Text>
+  <Text c="text-2" hl="s" mbs="15">記事の抜粋テキスト...</Text>
   <Group mbs="10">
     <a href="/tag/foo" className="-hov:-o">Inner Link</a>
   </Group>
@@ -66,7 +66,7 @@ BoxLink には主に2通りの使い方があります。
   <div class="-fz:xl -fw:bold">
     <a class="is--coverLink" href="/article/1">Heading link text</a>
   </div>
-  <p class="-c:text-2 -lh:s -mbs:15">記事の抜粋テキスト...</p>
+  <p class="-c:text-2 -hl:s -mbs:15">記事の抜粋テキスト...</p>
   <div class="-mbs:10">
     <a href="/tag/foo" class="-hov:-o">Inner Link</a>
   </div>

package/dist/data/guides/trait-class/is--container.md

@@ -43,7 +43,7 @@
 
 最外側の `is--container` は直下の子要素に `--sz--bleed: 100cqi` をセットします。`-max-sz:bleed` はこの値を参照しており、最外側の `is--container` 基準の幅まで広がります（ネストされた `is--container` は `--sz--bleed` を再上書きしないため、内側の子要素は外側の値を inherit で参照します）。
 
-`has--gutter` と併用した場合は `calc(100cqi + var(--gutter-size) * 2)` に自動調整され、gutter 分を含めた端〜端の幅になります。
+`has--gutter` と併用した場合は `calc(100cqi + var(--gutter) * 2)` に自動調整され、gutter 分を含めた端〜端の幅になります。
 
 `@property --sz--bleed` の `initial-value` は `100svi` のため、`is--container` が祖先に存在しない場合はビューポート幅まで広がる fallback として動作します。
 

package/dist/data/guides/trait-class/is--wrapper.md

@@ -17,14 +17,16 @@
 |------|------|
 | `isWrapper` | `is--wrapper` |
 | `isWrapper="s"` | `is--wrapper -contentSize:s` |
+| `isWrapper="m"` | `is--wrapper -contentSize:m` |
 | `isWrapper="l"` | `is--wrapper -contentSize:l` |
+| `isWrapper="xl"` | `is--wrapper -contentSize:xl` |
 | `isWrapper="20rem"`（任意値） | `is--wrapper` + `style="--contentSize: 20rem"` |
 
 ## 専用Props
 
 | Prop | 説明 |
 |------|------|
-| `contentSize` | コンテンツサイズ。`s` / `l` / トークン / 任意値 |
+| `contentSize` | コンテンツサイズ。`s` / `m` / `l` / `xl` / トークン / 任意値 |
 
 ```jsx
 // 下記の ① と ② は同じ結果
@@ -85,13 +87,17 @@
 `is--wrapper` 直下の子要素には次のスタイルが当たる：
 
 ```scss
-.is--wrapper > * {
-  inline-size: 100%;
-  max-inline-size: min(100%, var(--contentSize));
-  margin-inline: auto;
+.is--wrapper {
+  --contentSize: var(--sz--m, 100%);
+  > * {
+    inline-size: 100%;
+    max-inline-size: min(100%, var(--contentSize));
+    margin-inline: auto;
+  }
 }
 ```
 
+- `--contentSize` の初期値は `var(--sz--m, 100%)`（`m` 相当）。`-contentSize:s` / `-contentSize:m` / `-contentSize:l` / `-contentSize:xl` のプリセットクラスは `contentSize` Prop の auto-generated 出力から props 層へ自動生成される
 - `inline-size: 100%` により、自然幅が `--contentSize` 未満の要素（短い段落、`<table>` など）も常に親幅まで広げてから `max-inline-size` で制限される。これにより `l--stack` などの flex 縦並び配下でも横幅が揃い、ガタつきが起きない
 - `<table>` を直下に置くと内容依存の自然幅にはならず、常に wrapper 幅まで広がる。テーブルの自然幅を保ちたい場合は `is--wrapper` を直接の親にしないように、間に別の要素を挟む
 

package/dist/data/guides/trait-class.md

@@ -30,7 +30,7 @@ Lism CSS では、要素に対して宣言的に「役割」や「機能」を
 | クラス | 用途 |
 |--------|------|
 | `is--container` | コンテナクエリの基準要素を定義する（`container-type: inline-size`を付与する）。Lism のレスポンシブ機能の判定基準となるラッパーに付与する |
-| `is--wrapper` | 直下の子要素のコンテンツ幅を一括で制限する。`-contentSize:s` / `-contentSize:l` で事前定義したプリセットサイズを指定可能（デフォルト: `--sz--m`）。セクション・ヘッダー・フッター・記事コンテンツなどで、共通したコンテンツ幅を使用する |
+| `is--wrapper` | 直下の子要素のコンテンツ幅を一括で制限する。`-contentSize:s` / `-contentSize:m` / `-contentSize:l` / `-contentSize:xl` で事前定義したプリセットサイズを指定可能（デフォルト: `--sz--m`）。セクション・ヘッダー・フッター・記事コンテンツなどで、共通したコンテンツ幅を使用する |
 | `is--layer` | 親要素全体に被さる絶対配置レイヤー（`position: absolute; inset: 0;`）。背景画像・カラーオーバーレイ・フィルターレイヤー・コンテンツ等を重ねて表示する |
 | `is--boxLink` | ボックス全体をクリッカブルなリンク領域にする。自身を`a`タグにして利用するか、もしくは自身を`div`にして内部の`a`タグに`is--coverLink`を付与して使う |
 | `is--coverLink` | 親要素全体に被さるクリック領域を持つリンク（`::before` を `inset: 0` で広げる）。`is--boxLink` と併用する |
@@ -53,7 +53,7 @@ Lism コンポーネントでは `isContainer`, `isLayer` 等の Props として
 | クラス | 用途 | 主な CSS 変数 |
 |--------|------|--------------|
 | `has--transition` | transition プロパティをまとめてセット。主に hoverクラス（`-hov:*`）と組み合わせて使用 | `--transitionProps`, `--duration`, `--ease`, `--delay`（グローバル上書きは `--transition-duration`） |
-| `has--gutter` | コンテンツの左右に統一した余白（gutter）を設定する | `--gutter-size`（デフォルト `var(--s30)`） |
+| `has--gutter` | コンテンツの左右に統一した余白（gutter）を設定する | `--gutter`（基準値: `--gutter--base`、初期値 `var(--s30)`） |
 | `has--snap` | `scroll-snap-` 系プロパティを CSS 変数経由でセットできるようにする | `--snapType`, `--snapAlign` 等 |
 | `has--mask` | `--maskImg` 変数と組み合わせて、要素自身にマスクを適用する | `--maskImg`, `--maskPos`（`50%`）, `--maskSize`（`contain`）, `--maskRepeat`（`no-repeat`） |
 

package/dist/data/guides/utility-class.md

@@ -30,7 +30,7 @@ Lism コンポーネントでの `util` prop による指定方法は [component
 | `u--trimAll` | 直下の子要素（`:empty`, `figure`, `picture`, `video`, `button`, `textarea`, `table` を除く）にハーフレディングトリムを一括適用する除外方式のクラス | [`_trim.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_trim.scss) |
 | `u--cbox` | `--keycolor` を使い `color-mix()` で `--c` / `--bgc` / `--bdc` を自動生成する色付きボックス | [`_cbox.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_cbox.scss) |
 | `u--divide` | Grid / Flex の子要素**間**にのみ `box-shadow` で区切り線を表示する | [`_divide.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_divide.scss) |
-| `u--cells` | Grid / Flex の各子要素を `box-shadow` で枠囲みし、table セル風に表示する | [`_divide.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_divide.scss) |
+| `u--enclose` | Grid / Flex の各子要素を `box-shadow` で枠囲みし、table セル風に表示する | [`_divide.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_divide.scss) |
 | `u--srOnly` | スクリーンリーダー専用（視覚的に非表示）。`clip-path: inset(50%)` で実装 | [`_srOnly.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_srOnly.scss) |
 | `u--clipText` | テキストで背景をクリッピング（`background-clip: text`） | [`_clipText.scss`](https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/utility/_clipText.scss) |
 

package/dist/data/meta.js

@@ -1,5 +1,5 @@
 export const meta = {
-    generatedAt: '2026-05-20',
-    sourceCommit: '53ab6527',
+    generatedAt: '2026-06-19',
+    sourceCommit: '2fa37425',
     docsVersion: '0.1.0',
 };

package/dist/lib/markdown-utils.d.ts

@@ -20,7 +20,7 @@ export interface PropRow {
     cssProperty: string;
     /** 所属する ### セクション名 */
     sectionName: string;
-    /** プリセット値クラス列の生テキスト（例: "-fz:root, -fz:base, ..."） */
+    /** プリセット値クラス列の生テキスト（例: "-fz:base, -fz:5xl, ..."） */
     presetColumn: string;
 }
 /**

package/dist/tools/convert-css.js

@@ -56,7 +56,7 @@ function parseCssDeclarations(cssText) {
     }
     return declarations;
 }
-/** プリセット値列から値を抽出する（例: "-fz:root, -fz:base" → ["root", "base"]） */
+/** プリセット値列から値を抽出する（例: "-fz:base, -fz:5xl" → ["base", "5xl"]） */
 function extractPresetValues(presetColumn, propName) {
     if (!presetColumn || presetColumn === '—' || presetColumn === '-')
         return [];

package/dist/tools/get-guide.js

@@ -14,7 +14,7 @@ const GUIDE_TOPICS = {
         label: 'UI components (Accordion, Modal, Tabs, Button, etc.)',
     },
     'base-styles': { file: 'base-styles.md', label: 'Base styling, reset CSS, HTML element styles' },
-    'set-class': { file: 'set-class.md', label: 'Set classes (set--plain, set--var:bxsh, set--var:hov, etc.)' },
+    'set-class': { file: 'set-class.md', label: 'Set classes (set--plain, set--bxsh, set--hov, etc.)' },
     'primitive-class': {
         file: 'primitive-class.md',
         label: 'Primitive class prefixes (is--, l--, a--) and Component class (c--), with column-layout primitive selection guide',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lism-css/mcp",
-  "version": "0.20.0",
+  "version": "0.23.0",
   "description": "MCP server for lism-css documentation and API reference.",
   "type": "module",
   "bin": {