diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 18eb798..430490a 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -27,8 +27,10 @@ const preview: Preview = { 'アコーディオン', 'パンくずリスト', 'インプットテキスト', + '引用ブロック', 'カレンダー', '緊急時バナー', + '説明リスト', 'セレクトボックス', 'チェックボックス', 'テーブル', diff --git a/package-lock.json b/package-lock.json index 5b55d81..99c0581 100644 --- a/package-lock.json +++ b/package-lock.json @@ -29,13 +29,13 @@ "@types/node": "^24.3.0", "@types/react": "^18.3.20", "@types/react-dom": "^18.3.5", - "@vitejs/plugin-react-swc": "^4.0.0", + "@vitejs/plugin-react-swc": "^4.2.2", "autoprefixer": "^10.4.21", "markuplint": "^4.13.0", "postcss": "^8.5.6", "storybook": "^9.1.2", "typescript": "^5.9.2", - "vite": "^7.1.2" + "vite": "^7.2.7" }, "engines": { "node": ">=20" @@ -1146,9 +1146,9 @@ } }, "node_modules/@markuplint/cli-utils": { - "version": "4.4.12", - "resolved": "https://registry.npmjs.org/@markuplint/cli-utils/-/cli-utils-4.4.12.tgz", - "integrity": "sha512-46nrSfrHBNwLS9LA+D2EeQphJz85ZN7X8hCPD6paSTRhgjfNo7NV8GEqT+B3Pn1Y+HFO9SufopSa7ijSnUKQYA==", + "version": "4.4.13", + "resolved": "https://registry.npmjs.org/@markuplint/cli-utils/-/cli-utils-4.4.13.tgz", + "integrity": "sha512-3fYjgYZvsg1z16O6keo4tyyG2RSpwibKxIWf+qE5OKmGhLy8288CQRJZiCWg/9FlgsuTCaDpmLvtg3W+1CDbJQ==", "dev": true, "license": "MIT", "dependencies": { @@ -1157,7 +1157,7 @@ "enquirer": "2.4.1", "has-yarn": "3.0.0", "picocolors": "1.1.1", - "strip-ansi": "7.1.0" + "strip-ansi": "7.1.2" } }, "node_modules/@markuplint/config-presets": { @@ -1168,29 +1168,117 @@ "license": "MIT" }, "node_modules/@markuplint/file-resolver": { - "version": "4.9.15", - "resolved": "https://registry.npmjs.org/@markuplint/file-resolver/-/file-resolver-4.9.15.tgz", - "integrity": "sha512-E5KnIjL5IsygOvwbtEplfaPIAFtXxW6dUgXIwL/V+vz9tKgObHhOxEQwLheann5riyD8KQew+4G4NhR5/oOK1A==", + "version": "4.9.17", + "resolved": "https://registry.npmjs.org/@markuplint/file-resolver/-/file-resolver-4.9.17.tgz", + "integrity": "sha512-lvd0F/o1g0B2ZA2TqDPX4Si2xcHb4RW9VJJbZV6lkA/m7bINXNAj5pF7M5bnjC1DvXaKdoi+VcW9hJJ6bs4cmA==", "dev": true, "license": "MIT", "dependencies": { - "@markuplint/html-parser": "4.6.20", + "@markuplint/html-parser": "4.6.22", "@markuplint/ml-ast": "4.4.10", - "@markuplint/ml-config": "4.8.12", - "@markuplint/ml-core": "4.13.0", - "@markuplint/ml-spec": "4.9.7", - "@markuplint/parser-utils": "4.8.8", - "@markuplint/selector": "4.7.5", + "@markuplint/ml-config": "4.8.14", + "@markuplint/ml-core": "4.13.2", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/parser-utils": "4.8.10", + "@markuplint/selector": "4.7.7", "@markuplint/shared": "4.4.12", "cosmiconfig": "9.0.0", - "debug": "4.4.1", + "debug": "4.4.3", "glob": "11.0.3", "ignore": "7.0.5", - "import-meta-resolve": "4.1.0", + "import-meta-resolve": "4.2.0", "jsonc": "2.0.0", "minimatch": "10.0.3" } }, + "node_modules/@markuplint/file-resolver/node_modules/@markuplint/html-parser": { + "version": "4.6.22", + "resolved": "https://registry.npmjs.org/@markuplint/html-parser/-/html-parser-4.6.22.tgz", + "integrity": "sha512-cUC/skwuI/tG7VYCRuieuTKzxW1t484x27MrYY+u1E3tJH3c4NAEvs79ZOVxZ/0l80TDuq+p15Claqqo9Tgzzw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/parser-utils": "4.8.10", + "parse5": "8.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/file-resolver/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/file-resolver/node_modules/@markuplint/parser-utils": { + "version": "4.8.10", + "resolved": "https://registry.npmjs.org/@markuplint/parser-utils/-/parser-utils-4.8.10.tgz", + "integrity": "sha512-spBtkkPiPVEuVh1s1KdCB1lhK89Gp5fzJMQUvhGBvPvnPCdrzrd9azN3RHXlB86JwuEzioYV0lMrgGFRh9+2XQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/types": "4.8.1", + "@types/uuid": "10.0.0", + "debug": "4.4.3", + "espree": "10.4.0", + "type-fest": "4.41.0", + "uuid": "13.0.0" + } + }, + "node_modules/@markuplint/file-resolver/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/file-resolver/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/file-resolver/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, "node_modules/@markuplint/file-resolver/node_modules/glob": { "version": "11.0.3", "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.3.tgz", @@ -1231,12 +1319,25 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/@markuplint/file-resolver/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@markuplint/file-resolver/node_modules/lru-cache": { - "version": "11.1.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.1.0.tgz", - "integrity": "sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==", + "version": "11.2.4", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz", + "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==", "dev": true, - "license": "ISC", + "license": "BlueOak-1.0.0", "engines": { "node": "20 || >=22" } @@ -1258,9 +1359,9 @@ } }, "node_modules/@markuplint/file-resolver/node_modules/path-scurry": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz", - "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.1.tgz", + "integrity": "sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==", "dev": true, "license": "BlueOak-1.0.0", "dependencies": { @@ -1274,6 +1375,20 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/@markuplint/file-resolver/node_modules/uuid": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz", + "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==", + "dev": true, + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "license": "MIT", + "bin": { + "uuid": "dist-node/bin/uuid" + } + }, "node_modules/@markuplint/html-parser": { "version": "4.6.20", "resolved": "https://registry.npmjs.org/@markuplint/html-parser/-/html-parser-4.6.20.tgz", @@ -1288,13 +1403,84 @@ } }, "node_modules/@markuplint/html-spec": { - "version": "4.15.0", - "resolved": "https://registry.npmjs.org/@markuplint/html-spec/-/html-spec-4.15.0.tgz", - "integrity": "sha512-hMdgxIKZoaqGVGF00s2255W0uwQ7vyMecdOWhV1A5tsdwYyczt2Sl00hTdo1eqzsix9OM9ozmVVheJjpGRnOHA==", + "version": "4.16.1", + "resolved": "https://registry.npmjs.org/@markuplint/html-spec/-/html-spec-4.16.1.tgz", + "integrity": "sha512-a2ogzeYoi/8V4KfATkBtkSNnrBffSsu1H93QvbfSYE7YRM36XOMHH9rNuyz9YsePsNDbWqTmvm+T289divp46w==", "dev": true, "license": "MIT", "dependencies": { - "@markuplint/ml-spec": "4.9.7" + "@markuplint/ml-spec": "4.10.1" + } + }, + "node_modules/@markuplint/html-spec/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/html-spec/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/html-spec/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/html-spec/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@markuplint/html-spec/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/@markuplint/i18n": { @@ -1326,15 +1512,15 @@ "license": "MIT" }, "node_modules/@markuplint/ml-config": { - "version": "4.8.12", - "resolved": "https://registry.npmjs.org/@markuplint/ml-config/-/ml-config-4.8.12.tgz", - "integrity": "sha512-V9VJfJWddw/rMrI+LIOWT1scHkQZQCSMwtntdv/rJ9nHib3UthFhdRdLX9bJx3Ql3j0lp3pqKp8XdnZ2Q/emZg==", + "version": "4.8.14", + "resolved": "https://registry.npmjs.org/@markuplint/ml-config/-/ml-config-4.8.14.tgz", + "integrity": "sha512-UnEEGz0aMBwTbU6Im/fyw5+zeTbFqkEps3npGHUljGc1Y37kTSRGka+C5RaaRMVR8Saf5ip5FnEIR/00Nd7tjw==", "dev": true, "license": "MIT", "dependencies": { "@markuplint/ml-ast": "4.4.10", - "@markuplint/ml-spec": "4.9.7", - "@markuplint/selector": "4.7.5", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/selector": "4.7.7", "@markuplint/shared": "4.4.12", "@types/mustache": "4.2.6", "deepmerge": "4.3.1", @@ -1343,29 +1529,215 @@ "type-fest": "4.41.0" } }, + "node_modules/@markuplint/ml-config/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/ml-config/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/ml-config/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/ml-config/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@markuplint/ml-config/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@markuplint/ml-core": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/@markuplint/ml-core/-/ml-core-4.13.0.tgz", - "integrity": "sha512-OURExsK7GZIDwSPtwVyYgZR5PLXyCTSgOJFBrCx0wTMDil7c6PUKQ3MozEwd5ySdjxjQ4M/E0waLJcqfrz4PfQ==", + "version": "4.13.2", + "resolved": "https://registry.npmjs.org/@markuplint/ml-core/-/ml-core-4.13.2.tgz", + "integrity": "sha512-kTN2dHbJkegQDJ6BD3mhGbDtEoeO+8TWig8Jz+IqLkkuPcP4aOMdAoWpgDflsHt4XMKNmNd05asoUlwt/KsY8Q==", "dev": true, "license": "MIT", "dependencies": { "@markuplint/config-presets": "4.5.13", - "@markuplint/html-parser": "4.6.20", - "@markuplint/html-spec": "4.15.0", + "@markuplint/html-parser": "4.6.22", + "@markuplint/html-spec": "4.16.1", "@markuplint/i18n": "4.7.0", "@markuplint/ml-ast": "4.4.10", - "@markuplint/ml-config": "4.8.12", - "@markuplint/ml-spec": "4.9.7", - "@markuplint/parser-utils": "4.8.8", - "@markuplint/selector": "4.7.5", + "@markuplint/ml-config": "4.8.14", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/parser-utils": "4.8.10", + "@markuplint/selector": "4.7.7", "@markuplint/shared": "4.4.12", "@types/debug": "4.1.12", - "debug": "4.4.1", + "debug": "4.4.3", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/ml-core/node_modules/@markuplint/html-parser": { + "version": "4.6.22", + "resolved": "https://registry.npmjs.org/@markuplint/html-parser/-/html-parser-4.6.22.tgz", + "integrity": "sha512-cUC/skwuI/tG7VYCRuieuTKzxW1t484x27MrYY+u1E3tJH3c4NAEvs79ZOVxZ/0l80TDuq+p15Claqqo9Tgzzw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/parser-utils": "4.8.10", + "parse5": "8.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/ml-core/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", "is-plain-object": "5.0.0", "type-fest": "4.41.0" } }, + "node_modules/@markuplint/ml-core/node_modules/@markuplint/parser-utils": { + "version": "4.8.10", + "resolved": "https://registry.npmjs.org/@markuplint/parser-utils/-/parser-utils-4.8.10.tgz", + "integrity": "sha512-spBtkkPiPVEuVh1s1KdCB1lhK89Gp5fzJMQUvhGBvPvnPCdrzrd9azN3RHXlB86JwuEzioYV0lMrgGFRh9+2XQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/types": "4.8.1", + "@types/uuid": "10.0.0", + "debug": "4.4.3", + "espree": "10.4.0", + "type-fest": "4.41.0", + "uuid": "13.0.0" + } + }, + "node_modules/@markuplint/ml-core/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/ml-core/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/ml-core/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@markuplint/ml-core/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@markuplint/ml-core/node_modules/uuid": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz", + "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==", + "dev": true, + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "license": "MIT", + "bin": { + "uuid": "dist-node/bin/uuid" + } + }, "node_modules/@markuplint/ml-spec": { "version": "4.9.7", "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.9.7.tgz", @@ -1408,40 +1780,182 @@ } }, "node_modules/@markuplint/rules": { - "version": "4.11.0", - "resolved": "https://registry.npmjs.org/@markuplint/rules/-/rules-4.11.0.tgz", - "integrity": "sha512-lH27+XmfWzDpXe+F6qUfuuk8+HMcPkyl0W/81SRv1ac2Gs7e1aji0uId9q4v5+JPcMJP7Jra4UrVx06qCGoncg==", + "version": "4.11.2", + "resolved": "https://registry.npmjs.org/@markuplint/rules/-/rules-4.11.2.tgz", + "integrity": "sha512-OuuPVFVtEThhx2hU2n7MsGI2IcQ7OGuxIBO8B9ac7WtD2gKjjfnPioG4oikjLwZIXe6fqFfjO0KueJJlj0SzTA==", "dev": true, "license": "MIT", "dependencies": { - "@markuplint/html-spec": "4.15.0", - "@markuplint/ml-core": "4.13.0", - "@markuplint/ml-spec": "4.9.7", - "@markuplint/selector": "4.7.5", + "@markuplint/html-spec": "4.16.1", + "@markuplint/ml-core": "4.13.2", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/selector": "4.7.7", "@markuplint/shared": "4.4.12", - "@markuplint/types": "4.7.7", + "@markuplint/types": "4.8.1", "@types/debug": "4.1.12", "@ungap/structured-clone": "1.3.0", "ansi-colors": "4.1.3", "chrono-node": "2.8.4", - "debug": "4.4.1", + "debug": "4.4.3", "type-fest": "4.41.0" } }, + "node_modules/@markuplint/rules/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/rules/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/rules/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/rules/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@markuplint/rules/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@markuplint/selector": { - "version": "4.7.5", - "resolved": "https://registry.npmjs.org/@markuplint/selector/-/selector-4.7.5.tgz", - "integrity": "sha512-mLjQCU4W8UPMg9dZBNPksdvxJHWz2Maen32/XRwWDV2RWYGEYOkYoXlFd+BRQOm/EdzlJ9KQm3ImpzmWOZTS0w==", + "version": "4.7.7", + "resolved": "https://registry.npmjs.org/@markuplint/selector/-/selector-4.7.7.tgz", + "integrity": "sha512-T0HFKTlNzIMcvBmZK2CLtEQU/RRz/Z7DQ+oEIaxyZf3ZVi3jG0M2fun5vQp3AfSZt4kHmJSXM7V3WfsdItsOLw==", "dev": true, "license": "MIT", "dependencies": { - "@markuplint/ml-spec": "4.9.7", + "@markuplint/ml-spec": "4.10.1", "@types/debug": "4.1.12", - "debug": "4.4.1", + "debug": "4.4.3", "postcss-selector-parser": "7.1.0", "type-fest": "4.41.0" } }, + "node_modules/@markuplint/selector/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/@markuplint/selector/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/@markuplint/selector/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@markuplint/selector/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@markuplint/selector/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@markuplint/shared": { "version": "4.4.12", "resolved": "https://registry.npmjs.org/@markuplint/shared/-/shared-4.4.12.tgz", @@ -3330,9 +3844,9 @@ } }, "node_modules/@rolldown/pluginutils": { - "version": "1.0.0-beta.32", - "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.32.tgz", - "integrity": "sha512-QReCdvxiUZAPkvp1xpAg62IeNzykOFA6syH2CnClif4YmALN1XKpB39XneL80008UbtMShthSVDKmrx05N1q/g==", + "version": "1.0.0-beta.47", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.47.tgz", + "integrity": "sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==", "dev": true, "license": "MIT" }, @@ -3837,15 +4351,15 @@ } }, "node_modules/@swc/core": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.13.3.tgz", - "integrity": "sha512-ZaDETVWnm6FE0fc+c2UE8MHYVS3Fe91o5vkmGfgwGXFbxYvAjKSqxM/j4cRc9T7VZNSJjriXq58XkfCp3Y6f+w==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.3.tgz", + "integrity": "sha512-Qd8eBPkUFL4eAONgGjycZXj1jFCBW8Fd+xF0PzdTlBCWQIV1xnUT7B93wUANtW3KGjl3TRcOyxwSx/u/jyKw/Q==", "dev": true, "hasInstallScript": true, "license": "Apache-2.0", "dependencies": { "@swc/counter": "^0.1.3", - "@swc/types": "^0.1.23" + "@swc/types": "^0.1.25" }, "engines": { "node": ">=10" @@ -3855,16 +4369,16 @@ "url": "https://opencollective.com/swc" }, "optionalDependencies": { - "@swc/core-darwin-arm64": "1.13.3", - "@swc/core-darwin-x64": "1.13.3", - "@swc/core-linux-arm-gnueabihf": "1.13.3", - "@swc/core-linux-arm64-gnu": "1.13.3", - "@swc/core-linux-arm64-musl": "1.13.3", - "@swc/core-linux-x64-gnu": "1.13.3", - "@swc/core-linux-x64-musl": "1.13.3", - "@swc/core-win32-arm64-msvc": "1.13.3", - "@swc/core-win32-ia32-msvc": "1.13.3", - "@swc/core-win32-x64-msvc": "1.13.3" + "@swc/core-darwin-arm64": "1.15.3", + "@swc/core-darwin-x64": "1.15.3", + "@swc/core-linux-arm-gnueabihf": "1.15.3", + "@swc/core-linux-arm64-gnu": "1.15.3", + "@swc/core-linux-arm64-musl": "1.15.3", + "@swc/core-linux-x64-gnu": "1.15.3", + "@swc/core-linux-x64-musl": "1.15.3", + "@swc/core-win32-arm64-msvc": "1.15.3", + "@swc/core-win32-ia32-msvc": "1.15.3", + "@swc/core-win32-x64-msvc": "1.15.3" }, "peerDependencies": { "@swc/helpers": ">=0.5.17" @@ -3876,9 +4390,9 @@ } }, "node_modules/@swc/core-darwin-arm64": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.13.3.tgz", - "integrity": "sha512-ux0Ws4pSpBTqbDS9GlVP354MekB1DwYlbxXU3VhnDr4GBcCOimpocx62x7cFJkSpEBF8bmX8+/TTCGKh4PbyXw==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.3.tgz", + "integrity": "sha512-AXfeQn0CvcQ4cndlIshETx6jrAM45oeUrK8YeEY6oUZU/qzz0Id0CyvlEywxkWVC81Ajpd8TQQ1fW5yx6zQWkQ==", "cpu": [ "arm64" ], @@ -3893,9 +4407,9 @@ } }, "node_modules/@swc/core-darwin-x64": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.13.3.tgz", - "integrity": "sha512-p0X6yhxmNUOMZrbeZ3ZNsPige8lSlSe1llllXvpCLkKKxN/k5vZt1sULoq6Nj4eQ7KeHQVm81/+AwKZyf/e0TA==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.3.tgz", + "integrity": "sha512-p68OeCz1ui+MZYG4wmfJGvcsAcFYb6Sl25H9TxWl+GkBgmNimIiRdnypK9nBGlqMZAcxngNPtnG3kEMNnvoJ2A==", "cpu": [ "x64" ], @@ -3910,9 +4424,9 @@ } }, "node_modules/@swc/core-linux-arm-gnueabihf": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.13.3.tgz", - "integrity": "sha512-OmDoiexL2fVWvQTCtoh0xHMyEkZweQAlh4dRyvl8ugqIPEVARSYtaj55TBMUJIP44mSUOJ5tytjzhn2KFxFcBA==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.3.tgz", + "integrity": "sha512-Nuj5iF4JteFgwrai97mUX+xUOl+rQRHqTvnvHMATL/l9xE6/TJfPBpd3hk/PVpClMXG3Uvk1MxUFOEzM1JrMYg==", "cpu": [ "arm" ], @@ -3927,9 +4441,9 @@ } }, "node_modules/@swc/core-linux-arm64-gnu": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.13.3.tgz", - "integrity": "sha512-STfKku3QfnuUj6k3g9ld4vwhtgCGYIFQmsGPPgT9MK/dI3Lwnpe5Gs5t1inoUIoGNP8sIOLlBB4HV4MmBjQuhw==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.3.tgz", + "integrity": "sha512-2Nc/s8jE6mW2EjXWxO/lyQuLKShcmTrym2LRf5Ayp3ICEMX6HwFqB1EzDhwoMa2DcUgmnZIalesq2lG3krrUNw==", "cpu": [ "arm64" ], @@ -3944,9 +4458,9 @@ } }, "node_modules/@swc/core-linux-arm64-musl": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.13.3.tgz", - "integrity": "sha512-bc+CXYlFc1t8pv9yZJGus372ldzOVscBl7encUBlU1m/Sig0+NDJLz6cXXRcFyl6ABNOApWeR4Yl7iUWx6C8og==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.3.tgz", + "integrity": "sha512-j4SJniZ/qaZ5g8op+p1G9K1z22s/EYGg1UXIb3+Cg4nsxEpF5uSIGEE4mHUfA70L0BR9wKT2QF/zv3vkhfpX4g==", "cpu": [ "arm64" ], @@ -3961,9 +4475,9 @@ } }, "node_modules/@swc/core-linux-x64-gnu": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.13.3.tgz", - "integrity": "sha512-dFXoa0TEhohrKcxn/54YKs1iwNeW6tUkHJgXW33H381SvjKFUV53WR231jh1sWVJETjA3vsAwxKwR23s7UCmUA==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.3.tgz", + "integrity": "sha512-aKttAZnz8YB1VJwPQZtyU8Uk0BfMP63iDMkvjhJzRZVgySmqt/apWSdnoIcZlUoGheBrcqbMC17GGUmur7OT5A==", "cpu": [ "x64" ], @@ -3978,9 +4492,9 @@ } }, "node_modules/@swc/core-linux-x64-musl": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.13.3.tgz", - "integrity": "sha512-ieyjisLB+ldexiE/yD8uomaZuZIbTc8tjquYln9Quh5ykOBY7LpJJYBWvWtm1g3pHv6AXlBI8Jay7Fffb6aLfA==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.3.tgz", + "integrity": "sha512-oe8FctPu1gnUsdtGJRO2rvOUIkkIIaHqsO9xxN0bTR7dFTlPTGi2Fhk1tnvXeyAvCPxLIcwD8phzKg6wLv9yug==", "cpu": [ "x64" ], @@ -3995,9 +4509,9 @@ } }, "node_modules/@swc/core-win32-arm64-msvc": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.13.3.tgz", - "integrity": "sha512-elTQpnaX5vESSbhCEgcwXjpMsnUbqqHfEpB7ewpkAsLzKEXZaK67ihSRYAuAx6ewRQTo7DS5iTT6X5aQD3MzMw==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.3.tgz", + "integrity": "sha512-L9AjzP2ZQ/Xh58e0lTRMLvEDrcJpR7GwZqAtIeNLcTK7JVE+QineSyHp0kLkO1rttCHyCy0U74kDTj0dRz6raA==", "cpu": [ "arm64" ], @@ -4012,9 +4526,9 @@ } }, "node_modules/@swc/core-win32-ia32-msvc": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.13.3.tgz", - "integrity": "sha512-nvehQVEOdI1BleJpuUgPLrclJ0TzbEMc+MarXDmmiRFwEUGqj+pnfkTSb7RZyS1puU74IXdK/YhTirHurtbI9w==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.3.tgz", + "integrity": "sha512-B8UtogMzErUPDWUoKONSVBdsgKYd58rRyv2sHJWKOIMCHfZ22FVXICR4O/VwIYtlnZ7ahERcjayBHDlBZpR0aw==", "cpu": [ "ia32" ], @@ -4029,9 +4543,9 @@ } }, "node_modules/@swc/core-win32-x64-msvc": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.13.3.tgz", - "integrity": "sha512-A+JSKGkRbPLVV2Kwx8TaDAV0yXIXm/gc8m98hSkVDGlPBBmydgzNdWy3X7HTUBM7IDk7YlWE7w2+RUGjdgpTmg==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.3.tgz", + "integrity": "sha512-SpZKMR9QBTecHeqpzJdYEfgw30Oo8b/Xl6rjSzBt1g0ZsXyy60KLXrp6IagQyfTYqNYE/caDvwtF2FPn7pomog==", "cpu": [ "x64" ], @@ -4062,9 +4576,9 @@ } }, "node_modules/@swc/types": { - "version": "0.1.24", - "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.24.tgz", - "integrity": "sha512-tjTMh3V4vAORHtdTprLlfoMptu1WfTZG9Rsca6yOKyNYsRr+MUXutKmliB17orgSZk5DpnDxs8GUdd/qwYxOng==", + "version": "0.1.25", + "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz", + "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -4396,14 +4910,14 @@ "license": "ISC" }, "node_modules/@vitejs/plugin-react-swc": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-4.0.1.tgz", - "integrity": "sha512-NQhPjysi5duItyrMd5JWZFf2vNOuSMyw+EoZyTBDzk+DkfYD8WNrsUs09sELV2cr1P15nufsN25hsUBt4CKF9Q==", + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-4.2.2.tgz", + "integrity": "sha512-x+rE6tsxq/gxrEJN3Nv3dIV60lFflPj94c90b+NNo6n1QV1QQUTLoL0MpaOVasUZ0zqVBn7ead1B5ecx1JAGfA==", "dev": true, "license": "MIT", "dependencies": { - "@rolldown/pluginutils": "1.0.0-beta.32", - "@swc/core": "^1.13.2" + "@rolldown/pluginutils": "1.0.0-beta.47", + "@swc/core": "^1.13.5" }, "engines": { "node": "^20.19.0 || >=22.12.0" @@ -5035,9 +5549,9 @@ "license": "MIT" }, "node_modules/dayjs": { - "version": "1.11.13", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz", - "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==", + "version": "1.11.19", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz", + "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==", "dev": true, "license": "MIT" }, @@ -5222,9 +5736,9 @@ } }, "node_modules/error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz", + "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==", "dev": true, "license": "MIT", "dependencies": { @@ -5523,23 +6037,10 @@ "global-modules": "1.0.0" } }, - "node_modules/get-stdin": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz", - "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/glob": { - "version": "10.4.5", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", - "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz", + "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==", "license": "ISC", "dependencies": { "foreground-child": "^3.1.0", @@ -5723,9 +6224,9 @@ } }, "node_modules/import-meta-resolve": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz", - "integrity": "sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz", + "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==", "dev": true, "license": "MIT", "funding": { @@ -5971,9 +6472,9 @@ "license": "MIT" }, "node_modules/js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz", + "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==", "dev": true, "license": "MIT", "dependencies": { @@ -6169,37 +6670,151 @@ } }, "node_modules/markuplint": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/markuplint/-/markuplint-4.13.0.tgz", - "integrity": "sha512-l4nGzeNW3KboTx5facR8ODrgnm9wEVJg/LMzqh/6HEjGXeDKlYIEW2WFkxgH3hfxmKSSoXcNciehp/JwfsORxw==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/markuplint/-/markuplint-4.14.0.tgz", + "integrity": "sha512-UnO4fZS1mf0CXriC++f7eK2CHyYGqQHRgwpoTwJ+aoj7YWj5+3Nc5Xk/COcRrqQ5v1qDSQeNFBRKqLOJu16lLw==", "dev": true, "license": "MIT", "dependencies": { - "@markuplint/cli-utils": "4.4.12", - "@markuplint/file-resolver": "4.9.15", - "@markuplint/html-parser": "4.6.20", - "@markuplint/html-spec": "4.15.0", + "@markuplint/cli-utils": "4.4.13", + "@markuplint/file-resolver": "4.9.17", + "@markuplint/html-parser": "4.6.22", + "@markuplint/html-spec": "4.16.1", "@markuplint/i18n": "4.7.0", "@markuplint/ml-ast": "4.4.10", - "@markuplint/ml-config": "4.8.12", - "@markuplint/ml-core": "4.13.0", - "@markuplint/ml-spec": "4.9.7", - "@markuplint/rules": "4.11.0", + "@markuplint/ml-config": "4.8.14", + "@markuplint/ml-core": "4.13.2", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/rules": "4.11.2", "@markuplint/shared": "4.4.12", "@types/debug": "4.1.12", "chokidar": "4.0.3", - "debug": "4.4.1", - "get-stdin": "9.0.0", + "debug": "4.4.3", "meow": "13.2.0", "os-locale": "6.0.2", "strict-event-emitter": "0.5.1", - "strip-ansi": "7.1.0", + "strip-ansi": "7.1.2", "type-fest": "4.41.0" }, "bin": { "markuplint": "bin/markuplint.mjs" } }, + "node_modules/markuplint/node_modules/@markuplint/html-parser": { + "version": "4.6.22", + "resolved": "https://registry.npmjs.org/@markuplint/html-parser/-/html-parser-4.6.22.tgz", + "integrity": "sha512-cUC/skwuI/tG7VYCRuieuTKzxW1t484x27MrYY+u1E3tJH3c4NAEvs79ZOVxZ/0l80TDuq+p15Claqqo9Tgzzw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/parser-utils": "4.8.10", + "parse5": "8.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/markuplint/node_modules/@markuplint/ml-spec": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@markuplint/ml-spec/-/ml-spec-4.10.1.tgz", + "integrity": "sha512-HYxN2Rh8UqWnDBAVSZtFwHvG5laTN0dOOROMhId/O4SBcOilvJffvi/gJvIOGM5y92DWjxqPF4zVRuDOFiHdPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/types": "4.8.1", + "dom-accessibility-api": "0.7.0", + "is-plain-object": "5.0.0", + "type-fest": "4.41.0" + } + }, + "node_modules/markuplint/node_modules/@markuplint/parser-utils": { + "version": "4.8.10", + "resolved": "https://registry.npmjs.org/@markuplint/parser-utils/-/parser-utils-4.8.10.tgz", + "integrity": "sha512-spBtkkPiPVEuVh1s1KdCB1lhK89Gp5fzJMQUvhGBvPvnPCdrzrd9azN3RHXlB86JwuEzioYV0lMrgGFRh9+2XQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/ml-ast": "4.4.10", + "@markuplint/ml-spec": "4.10.1", + "@markuplint/types": "4.8.1", + "@types/uuid": "10.0.0", + "debug": "4.4.3", + "espree": "10.4.0", + "type-fest": "4.41.0", + "uuid": "13.0.0" + } + }, + "node_modules/markuplint/node_modules/@markuplint/types": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@markuplint/types/-/types-4.8.1.tgz", + "integrity": "sha512-jAG4b8k9W7O7bNgOPkuHhgROah1rqb79NAJvhFRz2jbjhhtchKg+8Qyn39ey9gwX6rdjajuRDjc/KsD7UI/eqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@markuplint/shared": "4.4.12", + "@types/css-tree": "2.3.11", + "@types/debug": "4.1.12", + "@types/whatwg-mimetype": "3.0.2", + "bcp-47": "2.1.0", + "css-tree": "3.1.0", + "debug": "4.4.3", + "leven": "4.1.0", + "type-fest": "4.41.0", + "whatwg-mimetype": "4.0.0" + } + }, + "node_modules/markuplint/node_modules/@types/css-tree": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz", + "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==", + "dev": true, + "license": "MIT" + }, + "node_modules/markuplint/node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/markuplint/node_modules/leven": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-4.1.0.tgz", + "integrity": "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/markuplint/node_modules/uuid": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz", + "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==", + "dev": true, + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "license": "MIT", + "bin": { + "uuid": "dist-node/bin/uuid" + } + }, "node_modules/mdn-data": { "version": "2.12.2", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz", @@ -7451,9 +8066,9 @@ "license": "MIT" }, "node_modules/strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz", + "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==", "license": "MIT", "dependencies": { "ansi-regex": "^6.0.1" @@ -7727,14 +8342,14 @@ "license": "MIT" }, "node_modules/tinyglobby": { - "version": "0.2.14", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", - "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==", + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", "dev": true, "license": "MIT", "dependencies": { - "fdir": "^6.4.4", - "picomatch": "^4.0.2" + "fdir": "^6.5.0", + "picomatch": "^4.0.3" }, "engines": { "node": ">=12.0.0" @@ -7957,9 +8572,9 @@ } }, "node_modules/vite": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.3.tgz", - "integrity": "sha512-OOUi5zjkDxYrKhTV3V7iKsoS37VUM7v40+HuwEmcrsf11Cdx9y3DIr2Px6liIcZFwt3XSRpQvFpL3WVy7ApkGw==", + "version": "7.2.7", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.7.tgz", + "integrity": "sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==", "dev": true, "license": "MIT", "dependencies": { @@ -7968,7 +8583,7 @@ "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", - "tinyglobby": "^0.2.14" + "tinyglobby": "^0.2.15" }, "bin": { "vite": "bin/vite.js" diff --git a/package.json b/package.json index ecff29d..6bc96ab 100644 --- a/package.json +++ b/package.json @@ -59,13 +59,13 @@ "@types/node": "^24.3.0", "@types/react": "^18.3.20", "@types/react-dom": "^18.3.5", - "@vitejs/plugin-react-swc": "^4.0.0", + "@vitejs/plugin-react-swc": "^4.2.2", "autoprefixer": "^10.4.21", "markuplint": "^4.13.0", "postcss": "^8.5.6", "storybook": "^9.1.2", "typescript": "^5.9.2", - "vite": "^7.1.2" + "vite": "^7.2.7" }, "engines": { "node": ">=20" diff --git a/src/components/Blockquote/Blockquote.stories.tsx b/src/components/Blockquote/Blockquote.stories.tsx new file mode 100644 index 0000000..6bef377 --- /dev/null +++ b/src/components/Blockquote/Blockquote.stories.tsx @@ -0,0 +1,52 @@ +import type { Meta, StoryObj } from '@storybook/react-vite'; +import { Ul } from '../'; +import { Blockquote } from './Blockquote'; + +const meta = { + id: 'Component/DADS v2/Blockquote', + title: 'Component/引用ブロック', + component: Blockquote, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: + 'これは引用文の例です。デジタル庁デザインシステムでは、アクセシビリティファーストの原則に基づいて、すべてのユーザーが利用しやすいサービスの提供を目指しています。', + }, +}; + +export const MultipleParagraphs: Story = { + render: () => { + return ( +
+

+ これは引用文の例です。デジタル庁デザインシステムでは、アクセシビリティファーストの原則に基づいて、すべてのユーザーが利用しやすいサービスの提供を目指しています。 +

+

これは複数の段落を含めている例です。

+

最初と最後の段落のマージンは自動的に調整されます。

+
+ ); + }, +}; + +export const WithList: Story = { + render: () => { + return ( +
+

デジタル庁デザインシステムは、以下の理念を追求して作成されています。

+
    +
  • アクセシビリティファースト
    • +
  • 行政機関にとって高い汎用性と利便性
    • +
  • 継続的かつ持続可能な改善活動および研究と実践
    • +
+

+ これにより、デジタル化の恩恵をすべての人に届けられる日本のデジタル化社会の構築に寄与します。 +

+
+ ); + }, +}; diff --git a/src/components/Blockquote/Blockquote.tsx b/src/components/Blockquote/Blockquote.tsx new file mode 100644 index 0000000..dcb4db4 --- /dev/null +++ b/src/components/Blockquote/Blockquote.tsx @@ -0,0 +1,15 @@ +import type { ComponentProps } from 'react'; + +type Props = ComponentProps<'blockquote'>; + +export const Blockquote = (props: Props) => { + const { children, className, ...rest } = props; + return ( +
*:first-child]:!mt-0 [&>*:last-child]:!mb-0 ${className ?? ''}`} + {...rest} + > + {children} +
+ ); +}; diff --git a/src/components/Blockquote/index.ts b/src/components/Blockquote/index.ts new file mode 100644 index 0000000..d3e4a04 --- /dev/null +++ b/src/components/Blockquote/index.ts @@ -0,0 +1 @@ +export { Blockquote } from './Blockquote'; diff --git a/src/components/Dl/Dl.stories.tsx b/src/components/Dl/Dl.stories.tsx new file mode 100644 index 0000000..6193a70 --- /dev/null +++ b/src/components/Dl/Dl.stories.tsx @@ -0,0 +1,202 @@ +import type { Meta, StoryObj } from '@storybook/react-vite'; +import { Dd, Dl, Dt } from './Dl'; + +const meta = { + id: 'Component/DADS v2/説明リスト', + title: 'Component/説明リスト', + component: Dl, + tags: ['autodocs'], + argTypes: { + marker: { + options: ['none', 'bullet'], + control: { type: 'radio' }, + description: '説明リストのマーカーの種類を指定します。', + }, + }, +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + render: (args) => { + return ( +
+
+
項目名1
+
+ これは項目1の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名2
+
+ これは項目2の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名3
+
+ これは項目3の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+ ); + }, + args: { + marker: 'none', + }, +}; + +export const Default: Story = { + render: (args) => { + return ( +
+
+
項目名1
+
+ これは項目1の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名2
+
+ これは項目2の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名3
+
+ これは項目3の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+ ); + }, + args: { + marker: 'none', + }, +}; + +/** + * マーカーとしてブレットを表示する場合は、`marker="bullet"`を指定します。 + */ +export const Bullet: Story = { + render: (args) => { + return ( +
+
+
項目名1
+
+ これは項目1の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名2
+
+ これは項目2の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
項目名3
+
+ これは項目3の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+ ); + }, + args: { + marker: 'bullet', + }, +}; + +/** + * 独自のマーカーを使用する場合は、カスタムマーカーを`Dt`コンポーネントの最初の``要素で指定します。 + */ +export const Custom: Story = { + render: (args) => { + return ( +
+
+
+ + + + + + 項目名1 +
+
+ これは項目1の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
+ + + + + + 項目名2 +
+
+ これは項目2の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+
+ + + + + + 項目名3 +
+
+ これは項目3の説明文です。説明リストは用語とその説明をセットで表示するのに適しています。 +
+
+
+ ); + }, + argTypes: { + marker: { table: { disable: true } }, + }, + args: { + marker: 'none', + }, +}; diff --git a/src/components/Dl/Dl.tsx b/src/components/Dl/Dl.tsx new file mode 100644 index 0000000..1cd8205 --- /dev/null +++ b/src/components/Dl/Dl.tsx @@ -0,0 +1,39 @@ +import type { ComponentProps } from 'react'; + +type DlProps = ComponentProps<'dl'> & { + marker?: 'none' | 'bullet'; +}; + +export const Dl = (props: DlProps) => { + const { children, className, marker, ...rest } = props; + return ( +
+ {children} +
+ ); +}; + +type DtProps = ComponentProps<'dt'>; + +export const Dt = (props: DtProps) => { + const { children, className, ...rest } = props; + return ( +
+ {children} +
+ ); +}; + +type DdProps = ComponentProps<'dd'>; + +export const Dd = (props: DdProps) => { + const { children, className, ...rest } = props; + return ( +
+ {children} +
+ ); +}; diff --git a/src/components/Dl/index.ts b/src/components/Dl/index.ts new file mode 100644 index 0000000..ee1c37c --- /dev/null +++ b/src/components/Dl/index.ts @@ -0,0 +1,5 @@ +export { + Dd, + Dl, + Dt, +} from './Dl'; diff --git a/src/components/NotificationBanner/NotificationBanner.stories.tsx b/src/components/NotificationBanner/NotificationBanner.stories.tsx index c9400e0..cc5d068 100644 --- a/src/components/NotificationBanner/NotificationBanner.stories.tsx +++ b/src/components/NotificationBanner/NotificationBanner.stories.tsx @@ -3,8 +3,6 @@ import { Button } from '../'; import { NotificationBanner } from './NotificationBanner'; import { NotificationBannerBody } from './parts/Body'; import { NotificationBannerClose } from './parts/Close'; -import { NotificationBannerHeader } from './parts/Header'; -import { NotificationBannerHeading } from './parts/Heading'; import { NotificationBannerMobileClose } from './parts/MobileClose'; const meta = { @@ -39,20 +37,17 @@ export const Playground: Story = { args: { bannerStyle: 'standard', type: 'info2', + headingLevel: 'h2', + title: 'バナータイトル', children: ( - <> - - バナータイトル - - -

- -

-

- ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -

- - + +

+ +

+

+ ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 +

+ ), }, }; @@ -61,57 +56,57 @@ export const StandardWithClose = { render: () => { return (
- - - - 登録期間が延長されました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 登録期間が延長されました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 偽SNSアカウントにご注意ください - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 操作を完了できませんでした - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 登録手続きは全て完了しました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 @@ -125,57 +120,57 @@ export const ColorChipWithClose = { render: () => { return (
- - - - 登録期間が延長されました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 登録期間が延長されました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 偽SNSアカウントにご注意ください - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 操作を完了できませんでした - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 - - - - 登録手続きは全て完了しました - - console.log('Clicked close')} /> - + + console.log('Clicked close')} /> ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 @@ -189,15 +184,15 @@ export const StandardWithButton = { render: () => { return (
- - - - 登録期間が延長されました - - + ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -
+
@@ -207,15 +202,15 @@ export const StandardWithButton = {
- - - - 登録期間が延長されました - - + ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -
+
@@ -346,15 +341,15 @@ export const ColorChipWithButton = {
- - - - 登録期間が延長されました - - + ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -
+
@@ -485,15 +480,15 @@ export const StandardWithButtonMobileHoriz = {
- - - - 登録期間が延長されました - - + ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -
+
@@ -624,15 +619,15 @@ export const ColorChipWithButtonMobileHoriz = {
- - - - 登録期間が延長されました - - + ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。ダミーテキストは、デザインの作成時に使用される仮の文章です。 -
+
+ +
), diff --git a/src/components/NotificationBanner/NotificationBanner.tsx b/src/components/NotificationBanner/NotificationBanner.tsx index 7c826db..d5baf22 100644 --- a/src/components/NotificationBanner/NotificationBanner.tsx +++ b/src/components/NotificationBanner/NotificationBanner.tsx @@ -1,32 +1,46 @@ import type { ReactNode } from 'react'; import { NotificationBannerIcon } from './parts/Icon'; import { bannerStyleClasses, bannerTypeClasses } from './styles'; -import type { NotificationBannerStyle, NotificationBannerType } from './types'; +import type { + NotificationBannerHeadingLevel, + NotificationBannerStyle, + NotificationBannerType, +} from './types'; type Props = { className?: string; children: ReactNode; bannerStyle: NotificationBannerStyle; type: NotificationBannerType; + title: string; + headingLevel?: NotificationBannerHeadingLevel; }; export const NotificationBanner = (props: Props) => { - const { className, children, bannerStyle, type } = props; + const { className, children, bannerStyle, type, title, headingLevel } = props; + const Tag = headingLevel ?? 'div'; return (
-
- -
- + + + + {title} + + {children}
); diff --git a/src/components/NotificationBanner/index.ts b/src/components/NotificationBanner/index.ts index d900584..473c9b7 100644 --- a/src/components/NotificationBanner/index.ts +++ b/src/components/NotificationBanner/index.ts @@ -1,6 +1,4 @@ export { NotificationBanner } from './NotificationBanner'; export { NotificationBannerBody } from './parts/Body'; export { NotificationBannerClose } from './parts/Close'; -export { NotificationBannerHeader } from './parts/Header'; -export { NotificationBannerHeading } from './parts/Heading'; -export { NotificationBannerIcon } from './parts/Icon'; +export { NotificationBannerMobileClose } from './parts/MobileClose'; diff --git a/src/components/NotificationBanner/parts/Body.tsx b/src/components/NotificationBanner/parts/Body.tsx index 93fd5d7..cfb7571 100644 --- a/src/components/NotificationBanner/parts/Body.tsx +++ b/src/components/NotificationBanner/parts/Body.tsx @@ -8,7 +8,7 @@ export const NotificationBannerBody = (props: Props) => { return (
{ return (