@lism-css/mcp 0.3.0 → 0.10.1
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.
- package/README.md +3 -2
- package/dist/data/components.json +562 -537
- package/dist/data/docs-index.json +784 -689
- package/dist/data/meta.js +2 -2
- package/dist/data/overview.json +112 -112
- package/dist/data/props-system.json +1152 -1145
- package/dist/data/tokens.json +132 -132
- package/dist/lib/schemas.d.ts +33 -0
- package/dist/lib/schemas.js +8 -0
- package/dist/lib/search.d.ts +5 -0
- package/dist/lib/search.js +31 -11
- package/dist/lib/types.d.ts +8 -0
- package/dist/tools/get-component.js +1 -3
- package/dist/tools/get-props-system.js +2 -1
- package/package.json +2 -1
package/dist/data/meta.js
CHANGED
package/dist/data/overview.json
CHANGED
|
@@ -1,114 +1,114 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
2
|
+
"description": "Lism CSS は、WEBサイトの骨組みをテンポ良くサクっと作るための軽量なCSS設計フレームワークです。デザインに自然と心地よいリズムを生み出すトークン設計、レイアウトファーストなモジュール設計、CSS変数を活かした柔軟でレスポンシブなユーティリティ設計が特徴です。ビルドや設定は不要で、CSSを読み込むだけでも使えます。Every Layout + Bootstrap + Tailwind CSS を混ぜ合わせたような設計です。",
|
|
3
|
+
"architecture": "CSS Layers による詳細度管理を採用。Settings → Base(@lism-base: Reset CSS・トークン定義・Set Class) → Modules(@lism-modules: .is--/.l--/.a--/.c--モジュール群) → Utility(@lism-utility: .u--クラス) → Custom(@lism-custom: カスタマイズ用) の順で読み込まれます。Prop Class はレイヤー外で定義され、詳細度が高くなります。コンテナクエリをデフォルトで採用し、メディアクエリに依存しないレイアウト設計が可能です。",
|
|
4
|
+
"packages": [
|
|
5
|
+
{
|
|
6
|
+
"name": "lism-css",
|
|
7
|
+
"npmName": "lism-css",
|
|
8
|
+
"description": "コアCSSフレームワーク。レイアウトモジュール、デザイントークン、Prop Class、React/Astroコンポーネントを提供。",
|
|
9
|
+
"version": "0.10.1"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"name": "lism-ui",
|
|
13
|
+
"npmName": "@lism-css/ui",
|
|
14
|
+
"description": "lism-css の上に構築されたインタラクティブな UI コンポーネントライブラリ。Accordion, Modal, Tabs 等を React/Astro で提供。",
|
|
15
|
+
"version": "0.9.3"
|
|
16
|
+
}
|
|
17
|
+
],
|
|
18
|
+
"breakpoints": {
|
|
19
|
+
"sm": "480px (container query)",
|
|
20
|
+
"md": "800px (container query)",
|
|
21
|
+
"lg": "1120px (container query, 要カスタマイズ)"
|
|
22
|
+
},
|
|
23
|
+
"installation": "## CSSのみ (CDN)\n```html\n<link href=\"https://cdn.jsdelivr.net/npm/lism-css@0.10.1/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
|
+
"cssLayers": "Settings → @lism-base → @lism-modules(.is--, .l--, .a--, .c--) → @lism-utility(.u--) → @lism-custom → Prop Class(レイヤー外)。標準でsm,mdまでサポート、lg以降はSCSSカスタマイズが必要。",
|
|
25
|
+
"classNaming": {
|
|
26
|
+
"setClass": ".set--{style} (例: .set--plain, .set--transition) - @lism-base層で定義されるベーススタイル上書き・トークン再定義用クラス",
|
|
27
|
+
"moduleClass": {
|
|
28
|
+
"stateModules": ".is--{stateName} (例: .is--wrapper, .is--container) - 状態として付け外しできるレイアウト機能クラス",
|
|
29
|
+
"layoutModules": ".l--{name} (例: .l--grid, .l--columns, .l--flex) - レイアウト構成単位モジュール",
|
|
30
|
+
"atomicModules": ".a--{name} (例: .a--divider, .a--icon) - レイアウト最小単位モジュール",
|
|
31
|
+
"customModules": ".c--{name} (例: .c--button, .c--accordion) - より具体的な役割を持つコンポーネント群"
|
|
32
|
+
},
|
|
33
|
+
"propClass": ".-{prop}:{value} (例: .-fz:l, .-p:20, .-d:none)",
|
|
34
|
+
"propClassVariable": ".-{prop} + --{prop} (例: .-p + --p)",
|
|
35
|
+
"propClassBreakpoint": ".-{prop}_{bp} + --{prop}_{bp} (例: .-p_sm + --p_sm)",
|
|
36
|
+
"utilityClass": ".u--{style} (例: .u--cbox, .u--trim) - @lism-utility層で定義される用途明確なユーティリティクラス",
|
|
37
|
+
"variantClass": ".{pre}--{name}--{variant} (例: .c--button.c--button--outline) - モジュールのバリエーション",
|
|
38
|
+
"childElementClass": ".{pre}--{componentName}_{elementName} (例: .c--hoge_item) - 子要素クラス"
|
|
39
|
+
},
|
|
40
|
+
"propAbbreviations": {
|
|
41
|
+
"f": "font",
|
|
42
|
+
"fz": "font-size",
|
|
43
|
+
"fw": "font-weight",
|
|
44
|
+
"ff": "font-family",
|
|
45
|
+
"fs": "font-style",
|
|
46
|
+
"lh": "line-height",
|
|
47
|
+
"lts": "letter-spacing",
|
|
48
|
+
"ta": "text-align",
|
|
49
|
+
"td": "text-decoration",
|
|
50
|
+
"tt": "text-transform",
|
|
51
|
+
"d": "display",
|
|
52
|
+
"v": "visibility",
|
|
53
|
+
"o": "opacity",
|
|
54
|
+
"ov": "overflow",
|
|
55
|
+
"ovx": "overflow-x",
|
|
56
|
+
"ovy": "overflow-y",
|
|
57
|
+
"ar": "aspect-ratio",
|
|
58
|
+
"w": "width",
|
|
59
|
+
"h": "height",
|
|
60
|
+
"max-w": "max-width",
|
|
61
|
+
"max-h": "max-height",
|
|
62
|
+
"min-w": "min-width",
|
|
63
|
+
"min-h": "min-height",
|
|
64
|
+
"sz": "inline-size",
|
|
65
|
+
"max-sz": "max-inline-size",
|
|
66
|
+
"p": "padding",
|
|
67
|
+
"px": "padding-inline",
|
|
68
|
+
"py": "padding-block",
|
|
69
|
+
"m": "margin",
|
|
70
|
+
"mx": "margin-inline",
|
|
71
|
+
"my": "margin-block",
|
|
72
|
+
"g": "gap",
|
|
73
|
+
"g-x": "column-gap",
|
|
74
|
+
"g-y": "row-gap",
|
|
75
|
+
"bd": "border",
|
|
76
|
+
"bdc": "--bdc (border-color)",
|
|
77
|
+
"bds": "--bds (border-style)",
|
|
78
|
+
"bdw": "--bdw (border-width)",
|
|
79
|
+
"bdrs": "border-radius",
|
|
80
|
+
"bxsh": "box-shadow",
|
|
81
|
+
"bg": "background",
|
|
82
|
+
"bgc": "background-color",
|
|
83
|
+
"bgi": "background-image",
|
|
84
|
+
"c": "color",
|
|
85
|
+
"pos": "position",
|
|
86
|
+
"t": "top",
|
|
87
|
+
"l": "left",
|
|
88
|
+
"r": "right",
|
|
89
|
+
"b": "bottom",
|
|
90
|
+
"z": "z-index",
|
|
91
|
+
"i": "inset",
|
|
92
|
+
"fx": "flex",
|
|
93
|
+
"fxd": "flex-direction",
|
|
94
|
+
"fxw": "flex-wrap",
|
|
95
|
+
"fxsh": "flex-shrink",
|
|
96
|
+
"fxg": "flex-grow",
|
|
97
|
+
"fxb": "flex-basis",
|
|
98
|
+
"gt": "grid-template",
|
|
99
|
+
"gta": "grid-template-areas",
|
|
100
|
+
"gtc": "grid-template-columns",
|
|
101
|
+
"gtr": "grid-template-rows",
|
|
102
|
+
"gaf": "grid-auto-flow",
|
|
103
|
+
"ga": "grid-area",
|
|
104
|
+
"gc": "grid-column",
|
|
105
|
+
"gr": "grid-row",
|
|
106
|
+
"ai": "align-items",
|
|
107
|
+
"ac": "align-content",
|
|
108
|
+
"ji": "justify-items",
|
|
109
|
+
"jc": "justify-content",
|
|
110
|
+
"aslf": "align-self",
|
|
111
|
+
"jslf": "justify-self",
|
|
112
|
+
"order": "order"
|
|
113
|
+
}
|
|
114
114
|
}
|