@lism-css/mcp 0.10.2 → 0.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -329,8 +329,8 @@
329
329
  "name": "Media",
330
330
  "package": "lism-css",
331
331
  "category": "atomic",
332
- "description": "img, video, iframe 等のメディア要素を統一的に扱うコンポーネント。デフォルトでimgタグが出力される。",
333
- "aliases": ["画像", "動画", "img tag", "video tag", "メディア要素", "HTML.img"],
332
+ "description": "img, video, iframe, picture 等のメディア要素を統一的に扱うコンポーネント。デフォルトでimgタグが出力される。as prop で img(デフォルト) / video / iframe / picture に変更可能。",
333
+ "aliases": ["画像", "動画", "img tag", "video tag", "picture", "メディア要素", "HTML.img"],
334
334
  "props": [
335
335
  { "name": "src", "type": "string", "description": "メディアのURL。" },
336
336
  { "name": "alt", "type": "string", "description": "代替テキスト (img の場合)。" }
@@ -38,7 +38,7 @@
38
38
  "省略",
39
39
  "Emmet"
40
40
  ],
41
- "snippet": "CSSの階層構造を明確に定義。@layer lism.reset → lism.base → lism.modules → lism.utility の順。Module Class (.l--name, .a--name 等)、Prop Class (.-prop:value)、Set Class (.set--name) の命名規則を説明。"
41
+ "snippet": "CSSの階層構造を明確に定義。@layer lism-reset → lism-base → lism-modules → lism-utility の順。Module Class (.l--name, .a--name 等)、Prop Class (.-prop:value)、Set Class (.set--name) の命名規則を説明。"
42
42
  },
43
43
  {
44
44
  "sourcePath": "tokens.mdx",
@@ -221,23 +221,18 @@
221
221
  "description": "Lism CSS の各バージョンにおける変更履歴をまとめています。",
222
222
  "category": "guide",
223
223
  "headings": [
224
+ "v.0.10.4 (2026.04.04)",
225
+ "v.0.10.3 (2026.04.04)",
224
226
  "v.0.10.2 (2026.04.04)",
225
227
  "v.0.10.1 (2026.04.03)",
226
- "lism-css v.0.9.4 (2026.03.31)",
227
- "@lism-css/ui v.0.9.3 (2026.03.30)",
228
+ "`lism-css` v.0.9.4 (2026.03.31)",
229
+ "`@lism-css/ui` v.0.9.3 (2026.03.30)",
228
230
  "v.0.9.2 (2026.03.18)",
229
231
  "v.0.9.1 (2026.03.18)",
230
232
  "v.0.9.0 (2026.03.17)",
231
233
  "v.0.8.3",
232
234
  "v.0.8.2",
233
- "v.0.8 (大幅な変更)",
234
- "v.0.7",
235
- "v.0.7.1",
236
- "v.0.7.2",
237
- "v.0.7.3",
238
- "v.0.6",
239
- "v.0.5(大幅な変更)",
240
- "~ v.0.3"
235
+ "v.0.8 (大幅な変更)"
241
236
  ],
242
237
  "keywords": ["changelog", "変更履歴", "更新", "バージョン"],
243
238
  "snippet": "Lism CSS の各バージョンにおける変更内容を記載。"
@@ -275,7 +270,7 @@
275
270
  "description": "LismのCSS設計に対応した様々なプロパティを受け取ることができる汎用的なコンポーネントです。",
276
271
  "category": "core-components",
277
272
  "headings": ["Import", "Lism Props", "補足"],
278
- "keywords": ["Lism", "core", "コア", "基盤", "コンポーネント", "lismClass", "variant", "layout", "as", "exProps", "HTML.button", "HTML.xxx"],
273
+ "keywords": ["Lism", "core", "コア", "基盤", "コンポーネント", "lismClass", "variant", "layout", "as", "exProps"],
279
274
  "snippet": "全コンポーネントの基盤。Props システムによる CSS クラス・スタイルの自動変換を提供。as prop で出力要素や外部コンポーネントを指定可能。レスポンシブ指定は配列またはオブジェクト形式で対応。"
280
275
  },
281
276
  {
@@ -284,7 +279,7 @@
284
279
  "description": "<p>タグを出力するLismコンポーネントです。",
285
280
  "category": "core-components",
286
281
  "headings": ["Import", "基本的な使い方"],
287
- "keywords": ["Text", "テキスト", "paragraph", "p", "ブロック", "コンポーネント", "HTML.p", "HTML.xxx"],
282
+ "keywords": ["Text", "テキスト", "paragraph", "p", "ブロック", "コンポーネント"],
288
283
  "snippet": "<p>タグを出力するLismコンポーネント。<Lism as=\"p\">のエイリアス。as prop で div / blockquote / address / figcaption / pre に変更可能。"
289
284
  },
290
285
  {
@@ -293,7 +288,7 @@
293
288
  "description": "<span>タグを出力するLismコンポーネントです。",
294
289
  "category": "core-components",
295
290
  "headings": ["Import", "基本的な使い方"],
296
- "keywords": ["Inline", "インライン", "span", "em", "strong", "コンポーネント", "HTML.span", "HTML.xxx"],
291
+ "keywords": ["Inline", "インライン", "span", "em", "strong", "コンポーネント"],
297
292
  "snippet": "<span>タグを出力するLismコンポーネント。<Lism as=\"span\">のエイリアス。テキストの一部にスタイルを適用したい場合に使用。as prop で em / strong / small / code 等に変更可能。"
298
293
  },
299
294
  {
@@ -302,7 +297,7 @@
302
297
  "description": "<div>タグを出力するLismコンポーネントです。",
303
298
  "category": "core-components",
304
299
  "headings": ["Import", "基本的な使い方"],
305
- "keywords": ["Group", "グループ", "div", "コンテナ", "コンポーネント", "HTML.div", "HTML.xxx"],
300
+ "keywords": ["Group", "グループ", "div", "コンテナ", "コンポーネント"],
306
301
  "snippet": "<div>タグを出力するLismコンポーネント。<Lism as=\"div\">のエイリアス。要素をグルーピングするための汎用コンテナ。as prop で section / article / figure / nav / aside 等に変更可能。"
307
302
  },
308
303
  {
@@ -311,7 +306,7 @@
311
306
  "description": "見出しタグ(<h1>〜<h6>)を出力するLismコンポーネントです。",
312
307
  "category": "core-components",
313
308
  "headings": ["Props", "Import", "基本的な使い方", "見出しレベルの指定"],
314
- "keywords": ["Heading", "見出し", "h1", "h2", "h3", "h4", "h5", "h6", "level", "コンポーネント", "HTML.h", "HTML.xxx"],
309
+ "keywords": ["Heading", "見出し", "h1", "h2", "h3", "h4", "h5", "h6", "level", "コンポーネント"],
315
310
  "snippet": "見出しタグを出力するLismコンポーネント。level プロパティで h1〜h6 を指定。デフォルトは h2。"
316
311
  },
317
312
  {
@@ -320,7 +315,7 @@
320
315
  "description": "<a>タグを出力するLismコンポーネントです。",
321
316
  "category": "core-components",
322
317
  "headings": ["Import", "基本的な使い方"],
323
- "keywords": ["Link", "リンク", "a", "アンカー", "href", "コンポーネント", "HTML.a", "HTML.xxx"],
318
+ "keywords": ["Link", "リンク", "a", "アンカー", "href", "コンポーネント"],
324
319
  "snippet": "<a>タグを出力するLismコンポーネント。<Lism as=\"a\">のエイリアス。全ての Lism Props が使用可能。"
325
320
  },
326
321
  {
@@ -329,7 +324,7 @@
329
324
  "description": "リストタグ(<ul>, <li>)を出力するLismコンポーネントです。",
330
325
  "category": "core-components",
331
326
  "headings": ["Import", "基本的な使い方", "番号付きリスト", "定義リスト"],
332
- "keywords": ["List", "ListItem", "リスト", "ul", "ol", "li", "dl", "dt", "dd", "コンポーネント", "HTML.ul", "HTML.ol", "HTML.li", "HTML.xxx"],
327
+ "keywords": ["List", "ListItem", "リスト", "ul", "ol", "li", "dl", "dt", "dd", "コンポーネント"],
333
328
  "snippet": "<ul>タグを出力するListと<li>タグを出力するListItemのLismコンポーネント。as prop で ol / dl や li / dt / dd に変更可能。"
334
329
  },
335
330
  {
@@ -529,8 +524,8 @@
529
524
  "description": "画像や動画などのメディア要素を出力するLismコンポーネントです。",
530
525
  "category": "core-components",
531
526
  "headings": ["Import"],
532
- "keywords": ["Media", "メディア", "img", "video", "iframe", "画像", "filter", "HTML.img", "HTML.xxx"],
533
- "snippet": "img, video, iframe 等のメディア要素を統一的に扱うコンポーネント。objectPositionやfilter系はstyleで指定。Next.js/AstroのImageコンポーネントとの連携も可能。"
527
+ "keywords": ["Media", "メディア", "img", "video", "iframe", "画像", "picture", "Astro Image"],
528
+ "snippet": "img, video, iframe 等のメディア要素を統一的に扱うコンポーネント。objectPositionやfilter系はstyleで指定。Astro版では as='img' で Astro Image、as='picture' で Astro Picture に自動マッピング。Next.js Image コンポーネントとの連携も可能。"
534
529
  },
535
530
  {
536
531
  "sourcePath": "modules/a--spacer.mdx",
package/dist/data/meta.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export const meta = {
2
2
  generatedAt: '2026-04-04',
3
- sourceCommit: 'da8cfdb9',
3
+ sourceCommit: '29b85632',
4
4
  docsVersion: '0.1.0',
5
5
  };
@@ -6,13 +6,13 @@
6
6
  "name": "lism-css",
7
7
  "npmName": "lism-css",
8
8
  "description": "コアCSSフレームワーク。レイアウトモジュール、デザイントークン、Prop Class、React/Astroコンポーネントを提供。",
9
- "version": "0.10.2"
9
+ "version": "0.10.4"
10
10
  },
11
11
  {
12
12
  "name": "lism-ui",
13
13
  "npmName": "@lism-css/ui",
14
14
  "description": "lism-css の上に構築されたインタラクティブな UI コンポーネントライブラリ。Accordion, Modal, Tabs 等を React/Astro で提供。",
15
- "version": "0.9.3"
15
+ "version": "0.10.0"
16
16
  }
17
17
  ],
18
18
  "breakpoints": {
@@ -20,7 +20,7 @@
20
20
  "md": "800px (container query)",
21
21
  "lg": "1120px (container query, 要カスタマイズ)"
22
22
  },
23
- "installation": "## CSSのみ (CDN)\n```html\n<link href=\"https://cdn.jsdelivr.net/npm/lism-css@0.10.2/dist/css/main.css\" rel=\"stylesheet\" />\n```\n\n## npm パッケージ\n```bash\nnpm i lism-css\n# UI コンポーネントも使う場合\nnpm i @lism-css/ui\n```\n\n## CSS読み込み\n```js\nimport 'lism-css/main.css';\n// UI コンポーネントのCSS\nimport '@lism-css/ui/style.css';\n```\n\n## コンポーネント読み込み\n```jsx\n// React\nimport { Box, Flex, Stack } from 'lism-css/react';\nimport { Accordion, Modal } from '@lism-css/ui/react';\n\n// Astro\nimport { Box, Flex, Stack } from 'lism-css/astro';\nimport { Accordion, Modal } from '@lism-css/ui/astro';\n```\n\n## Astro での注意\n.astroファイルをnode_modules内から直接読み込めない場合、astro.config.jsのvite.ssr.noExternalに\"lism-css\"を追加してください。",
23
+ "installation": "## CSSのみ (CDN)\n```html\n<link href=\"https://cdn.jsdelivr.net/npm/lism-css@0.10.4/dist/css/main.css\" rel=\"stylesheet\" />\n```\n\n## npm パッケージ\n```bash\nnpm i lism-css\n# UI コンポーネントも使う場合\nnpm i @lism-css/ui\n```\n\n## CSS読み込み\n```js\nimport 'lism-css/main.css';\n// UI コンポーネントのCSS\nimport '@lism-css/ui/style.css';\n```\n\n## コンポーネント読み込み\n```jsx\n// React\nimport { Box, Flex, Stack } from 'lism-css/react';\nimport { Accordion, Modal } from '@lism-css/ui/react';\n\n// Astro\nimport { Box, Flex, Stack } from 'lism-css/astro';\nimport { Accordion, Modal } from '@lism-css/ui/astro';\n```\n\n## Astro での注意\n.astroファイルをnode_modules内から直接読み込めない場合、astro.config.jsのvite.ssr.noExternalに\"lism-css\"を追加してください。",
24
24
  "cssLayers": "Settings → @lism-base → @lism-modules(.is--, .l--, .a--, .c--) → @lism-utility(.u--) → @lism-custom → Prop Class(レイヤー外)。標準でsm,mdまでサポート、lg以降はSCSSカスタマイズが必要。",
25
25
  "classNaming": {
26
26
  "setClass": ".set--{style} (例: .set--plain, .set--transition) - @lism-base層で定義されるベーススタイル上書き・トークン再定義用クラス",
@@ -33,8 +33,8 @@
33
33
  "cssProperty": "font-weight",
34
34
  "type": "string",
35
35
  "responsive": false,
36
- "description": "フォントウェイト。",
37
- "values": ["thin", "light", "normal", "medium", "bold", "black"]
36
+ "description": "フォントウェイト。トークン値(light, normal, bold)または数値(100〜900)。",
37
+ "values": ["light", "normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"]
38
38
  },
39
39
  {
40
40
  "prop": "ff",
@@ -47,19 +47,20 @@
47
47
  },
48
48
  {
49
49
  "category": "fontSize",
50
- "description": "フォントサイズトークン。CSS変数名は --fz--{値}。分子8の調和数列(倍音列)ベースのスケーリング。",
50
+ "description": "フォントサイズトークン。CSS変数名は --fz--{値}。--fz-mol(デフォルト8)を分子とする調和数列(倍音列)ベースのスケーリング。--fz-mol を上書きすることでスケール全体を調整可能。",
51
51
  "tokens": [
52
52
  { "name": "--fz--base", "value": "var(--REM)", "description": "本文の基本フォントサイズ(≒ 1rem)" },
53
- { "name": "--fz--5xl", "value": "calc(var(--REM) * 8 / 2)", "description": "最大サイズ(8/2)" },
54
- { "name": "--fz--4xl", "value": "calc(var(--REM) * 8 / 3)", "description": "特大サイズ(8/3)" },
55
- { "name": "--fz--3xl", "value": "calc(var(--REM) * 8 / 4)", "description": "3XLサイズ(8/4)" },
56
- { "name": "--fz--2xl", "value": "calc(var(--REM) * 8 / 5)", "description": "2XLサイズ(8/5)" },
57
- { "name": "--fz--xl", "value": "calc(var(--REM) * 8 / 6)", "description": "XLサイズ(8/6)" },
58
- { "name": "--fz--l", "value": "calc(var(--REM) * 8 / 7)", "description": "Lサイズ(8/7)" },
59
- { "name": "--fz--m", "value": "calc(var(--REM) * 8 / 8)", "description": "Mサイズ(基準)" },
60
- { "name": "--fz--s", "value": "calc(var(--REM) * 8 / 9)", "description": "Sサイズ(8/9)" },
61
- { "name": "--fz--xs", "value": "calc(var(--REM) * 8 / 10)", "description": "XSサイズ(8/10)" },
62
- { "name": "--fz--2xs", "value": "calc(var(--REM) * 8 / 11)", "description": "最小サイズ(8/11)" }
53
+ { "name": "--fz-mol", "value": "8", "description": "倍音列の分母(7以上に対応)。この値を変更するとスケール全体が変わる" },
54
+ { "name": "--fz--5xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 6))", "description": "最大サイズ(mol/(mol-6))" },
55
+ { "name": "--fz--4xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 5))", "description": "特大サイズ(mol/(mol-5))" },
56
+ { "name": "--fz--3xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 4))", "description": "3XLサイズ(mol/(mol-4))" },
57
+ { "name": "--fz--2xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 3))", "description": "2XLサイズ(mol/(mol-3))" },
58
+ { "name": "--fz--xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 2))", "description": "XLサイズ(mol/(mol-2))" },
59
+ { "name": "--fz--l", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 1))", "description": "Lサイズ(mol/(mol-1))" },
60
+ { "name": "--fz--m", "value": "1em", "description": "Mサイズ(基準)" },
61
+ { "name": "--fz--s", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 1))", "description": "Sサイズ(mol/(mol+1))" },
62
+ { "name": "--fz--xs", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 2))", "description": "XSサイズ(mol/(mol+2))" },
63
+ { "name": "--fz--2xs", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 3))", "description": "最小サイズ(mol/(mol+3))" }
63
64
  ]
64
65
  },
65
66
  {
@@ -96,14 +97,11 @@
96
97
  },
97
98
  {
98
99
  "category": "fontWeight",
99
- "description": "フォントウェイトトークン。CSS変数名は --fw--{値}",
100
+ "description": "フォントウェイトトークン。CSS変数名は --fw--{値}。名前付きトークンは light / normal / bold の3つ。細かいウェイト指定には -fw:100 ~ -fw:900 の数値ユーティリティクラスを使用。",
100
101
  "tokens": [
101
- { "name": "--fw--thin", "value": "100", "description": "極細" },
102
102
  { "name": "--fw--light", "value": "300", "description": "細め" },
103
103
  { "name": "--fw--normal", "value": "400", "description": "標準" },
104
- { "name": "--fw--medium", "value": "500", "description": "中太" },
105
- { "name": "--fw--bold", "value": "700", "description": "太字" },
106
- { "name": "--fw--black", "value": "900", "description": "最太" }
104
+ { "name": "--fw--bold", "value": "600", "description": "太字(Hiragino Sans W6 相当)" }
107
105
  ]
108
106
  },
109
107
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lism-css/mcp",
3
- "version": "0.10.2",
3
+ "version": "0.10.4",
4
4
  "description": "MCP server for lism-css documentation and API reference.",
5
5
  "type": "module",
6
6
  "bin": {