From 8ee3784ffe10af1003d5fce05b754381936cd856 Mon Sep 17 00:00:00 2001 From: ngorin Date: Tue, 2 Dec 2025 14:27:44 +0300 Subject: [PATCH] feat: install themes lib --- demo/.storybook/main.ts | 16 +- demo/package-lock.json | 580 ++++++++++++++++--- demo/package.json | 4 +- demo/src/Components/ConsentPopup/index.scss | 3 +- demo/src/Components/DocPage/index.scss | 5 +- demo/src/Components/DocPageHidden/index.scss | 5 +- demo/src/Components/SearchSuggest/index.scss | 2 +- package-lock.json | 7 + package.json | 1 + src/styles/yfm.scss | 94 +-- 10 files changed, 584 insertions(+), 133 deletions(-) diff --git a/demo/.storybook/main.ts b/demo/.storybook/main.ts index 1ff5d365..e9ddf0c7 100644 --- a/demo/.storybook/main.ts +++ b/demo/.storybook/main.ts @@ -74,17 +74,13 @@ const config: StorybookConfig = { if (sassLoader) { sassLoader.options = sassLoader.options || {}; + sassLoader.options.api = 'modern'; sassLoader.options.sassOptions = sassLoader.options.sassOptions || {}; - sassLoader.options.sassOptions.importer = (file: string) => { - if (!file.startsWith('@diplodoc/components')) { - return {file}; - } - - const root = dirname(dirname(__dirname)); - const pkg = require(join(root, '/package.json')); - - return {file: join(root, pkg.exports['.'].import.style)}; - }; + sassLoader.options.sassOptions.loadPaths = [ + join(dirname(require.resolve('@diplodoc/transform/package.json')), 'dist/scss'), + join(__dirname, '../node_modules'), + dirname(dirname(__dirname)), // project root for @diplodoc/components + ]; } return config; diff --git a/demo/package-lock.json b/demo/package-lock.json index 9f679113..97a3e766 100644 --- a/demo/package-lock.json +++ b/demo/package-lock.json @@ -9,7 +9,7 @@ "version": "1.0.0", "license": "MIT", "dependencies": { - "@diplodoc/transform": "^4.26.0", + "@diplodoc/transform": "^4.64.0", "bem-cn-lite": "^4.1.0", "prop-types": "^15.8.1", "react": "^18.2.0", @@ -30,7 +30,7 @@ "@storybook/react-webpack5": "^7.6.17", "@storybook/testing-library": "^0.2.0", "@svgr/webpack": "^8.1.0", - "sass": "^1.66.1", + "sass": "^1.80.6", "storybook": "^7.6.17" } }, @@ -81,7 +81,6 @@ "version": "7.25.2", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.24.7", @@ -1944,11 +1943,40 @@ "node": ">=0.1.90" } }, + "node_modules/@diplodoc/cut-extension": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@diplodoc/cut-extension/-/cut-extension-1.1.0.tgz", + "integrity": "sha512-dgkcwtdABnJAygG3YtNetcZIRp2E/DMV03peNUlzFttGfDjgMg8MLT1XH4hKzqJeVCFooZ71FcwOuy1Idttbxg==", + "dependencies": { + "@diplodoc/directive": "^0.3.0", + "@diplodoc/utils": "^2.0.1" + } + }, + "node_modules/@diplodoc/directive": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@diplodoc/directive/-/directive-0.3.3.tgz", + "integrity": "sha512-QojMfwlyjg0uhPd7I/roIkBYDDBsNkYmHPr7nzkHEGYC/nszJy/4NuWshzB10YW3CbWSO9BUwCk6XoZXgTrKZg==", + "dependencies": { + "markdown-it-directive": "^2.0.6" + } + }, + "node_modules/@diplodoc/file-extension": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@diplodoc/file-extension/-/file-extension-0.2.1.tgz", + "integrity": "sha512-4m9ZcQwmeHw0t2t5vv5GGxKfUifOdpf4Idb9a/Rfkxl6pqGnk0rnZ0xwXrruQEwinkQIBL4TCl2YN3SKGaBrjQ==", + "dependencies": { + "@diplodoc/directive": "^0.3.0" + }, + "peerDependencies": { + "markdown-it": "^13.0.0" + } + }, "node_modules/@diplodoc/tabs-extension": { - "version": "3.2.0", - "license": "MIT", + "version": "3.7.5", + "resolved": "https://registry.npmjs.org/@diplodoc/tabs-extension/-/tabs-extension-3.7.5.tgz", + "integrity": "sha512-iBUvaLAPXPfIEneOjyJ9Sr/vRf1Hhx31vZIPlMfCg/F6/d5qE34XEqOtQ4Bwn3SUZENdyxnMcqrj9xrUsFuPfg==", "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "react": { @@ -1957,12 +1985,16 @@ } }, "node_modules/@diplodoc/transform": { - "version": "4.26.0", - "license": "MIT", - "dependencies": { - "@diplodoc/tabs-extension": "^3.0.0", + "version": "4.64.0", + "resolved": "https://registry.npmjs.org/@diplodoc/transform/-/transform-4.64.0.tgz", + "integrity": "sha512-TUIy2JrpfmYcz7QOFCHN7bWCVv0HJTNlw+Eq5hRNqJ6W49wVVkKigobpmyROeXsVSaExSyxS22qYwfY33MfDyw==", + "dependencies": { + "@diplodoc/cut-extension": "^1.1.0", + "@diplodoc/file-extension": "^0.2.1", + "@diplodoc/tabs-extension": "^3.7.4", + "@diplodoc/utils": "^2.1.0", "chalk": "^4.1.2", - "cheerio": "^1.0.0-rc.12", + "cheerio": "^1.0.0", "css": "^3.0.0", "cssfilter": "0.0.10", "get-root-node-polyfill": "1.0.0", @@ -1970,15 +2002,16 @@ "js-yaml": "^4.1.0", "lodash": "4.17.21", "markdown-it": "^13.0.2", - "markdown-it-attrs": "4.1.4", + "markdown-it-attrs": "^4.2.0", "markdown-it-deflist": "2.1.0", - "markdown-it-meta": "0.0.1", "markdown-it-sup": "1.0.0", "markdownlint": "^0.32.1", "markdownlint-rule-helpers": "0.17.2", + "quick-lru": "^5.1.1", "sanitize-html": "^2.11.0", - "slugify": "1.6.5", - "svgo": "^3.2.0" + "slugify": "1.6.6", + "svgo": "^3.2.0", + "ts-dedent": "^2.2.0" }, "peerDependencies": { "highlight.js": "^10.0.3 || ^11" @@ -2033,6 +2066,19 @@ "node": ">=8" } }, + "node_modules/@diplodoc/utils": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@diplodoc/utils/-/utils-2.1.0.tgz", + "integrity": "sha512-1XfZSb0gPLqSRGwxlLHcXo4c59bcFomcEaDM5v2S/aFDhgNRfZgDGxWEbHwkIijfBB2rvFWuVgKzON0VDp2uqQ==", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + } + } + }, "node_modules/@discoveryjs/json-ext": { "version": "0.5.7", "dev": true, @@ -2181,6 +2227,7 @@ "os": [ "aix" ], + "peer": true, "engines": { "node": ">=18" } @@ -2198,6 +2245,7 @@ "os": [ "android" ], + "peer": true, "engines": { "node": ">=18" } @@ -2215,6 +2263,7 @@ "os": [ "android" ], + "peer": true, "engines": { "node": ">=18" } @@ -2232,6 +2281,7 @@ "os": [ "android" ], + "peer": true, "engines": { "node": ">=18" } @@ -2249,6 +2299,7 @@ "os": [ "darwin" ], + "peer": true, "engines": { "node": ">=18" } @@ -2266,6 +2317,7 @@ "os": [ "darwin" ], + "peer": true, "engines": { "node": ">=18" } @@ -2283,6 +2335,7 @@ "os": [ "freebsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2300,6 +2353,7 @@ "os": [ "freebsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2317,6 +2371,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2334,6 +2389,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2351,6 +2407,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2368,6 +2425,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2385,6 +2443,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2402,6 +2461,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2419,6 +2479,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2436,6 +2497,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2453,6 +2515,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">=18" } @@ -2470,6 +2533,7 @@ "os": [ "netbsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2487,6 +2551,7 @@ "os": [ "netbsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2504,6 +2569,7 @@ "os": [ "openbsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2521,6 +2587,7 @@ "os": [ "openbsd" ], + "peer": true, "engines": { "node": ">=18" } @@ -2538,6 +2605,7 @@ "os": [ "openharmony" ], + "peer": true, "engines": { "node": ">=18" } @@ -2555,6 +2623,7 @@ "os": [ "sunos" ], + "peer": true, "engines": { "node": ">=18" } @@ -2572,6 +2641,7 @@ "os": [ "win32" ], + "peer": true, "engines": { "node": ">=18" } @@ -2589,6 +2659,7 @@ "os": [ "win32" ], + "peer": true, "engines": { "node": ">=18" } @@ -2606,6 +2677,7 @@ "os": [ "win32" ], + "peer": true, "engines": { "node": ">=18" } @@ -3027,6 +3099,302 @@ "node": ">= 8" } }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "dev": true, @@ -4545,6 +4913,7 @@ "integrity": "sha512-Ok18Y698Ccyg++MoUNJNHY0cXUvo8ETFIRLJk1g9ElJ70j6kPgNnzW2pAtZkBNmswHtofZ7pT156cj96k/LgfA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/manager-api": "7.6.17", "@storybook/preview-api": "7.6.17", @@ -4561,6 +4930,7 @@ "integrity": "sha512-GFG40pzaSxk1hUr/J/TMqW5AFDDPUSu+HkeE/oqSWJbOodBOLJzHN6CReJS6y1DjYSZLNFt1jftPWZZInG/XUA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/client-logger": "7.6.17", "@storybook/core-events": "7.6.17", @@ -4580,6 +4950,7 @@ "integrity": "sha512-6WBYqixAXNAXlSaBWwgljWpAu10tPRBJrcFvx2gPUne58EeMM20Gi/iHYBz2kMCY+JLAgeIH7ZxInqwO8vDwiQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/global": "^5.0.0" }, @@ -4594,6 +4965,7 @@ "integrity": "sha512-AriWMCm/k1cxlv10f+jZ1wavThTRpLaN3kY019kHWbYT9XgaSuLU67G7GPr3cGnJ6HuA6uhbzu8qtqVCd6OfXA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "ts-dedent": "^2.0.0" }, @@ -4608,6 +4980,7 @@ "integrity": "sha512-IJIV1Yc6yw1dhCY4tReHCfBnUKDqEBnMyHp3mbXpsaHxnxJZrXO45WjRAZIKlQKhl/Ge1CrnznmHRCmYgqmrWg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/channels": "7.6.17", "@storybook/client-logger": "7.6.17", @@ -4635,6 +5008,7 @@ "integrity": "sha512-wLfDdI9RWo1f2zzFe54yRhg+2YWyxLZvqdZnSQ45mTs4/7xXV5Wfbv3QNTtcdw8tT3U5KRTrN1mTfTCiRJc0Kw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/channels": "7.6.17", "@storybook/client-logger": "7.6.17", @@ -4662,6 +5036,7 @@ "integrity": "sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/client-logger": "7.6.17", "memoizerific": "^1.11.3", @@ -4678,6 +5053,7 @@ "integrity": "sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", "@storybook/client-logger": "7.6.17", @@ -4699,6 +5075,7 @@ "integrity": "sha512-GRY0xEJQ0PrL7DY2qCNUdIfUOE0Gsue6N+GBJw9ku1IUDFLJRDOF+4Dx2BvYcVCPI5XPqdWKlEyZdMdKjiQN7Q==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@storybook/channels": "7.6.17", "@types/babel__core": "^7.0.0", @@ -4714,7 +5091,6 @@ "version": "7.6.17", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@storybook/client-logger": "7.6.17", "@storybook/manager-api": "7.6.17" @@ -5573,7 +5949,6 @@ "version": "7.6.20", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@radix-ui/react-select": "^1.2.2", "@radix-ui/react-toolbar": "^1.0.4", @@ -6119,7 +6494,6 @@ "version": "7.6.20", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ts-dedent": "^2.0.0" }, @@ -6737,7 +7111,6 @@ "version": "7.6.20", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", "@storybook/client-logger": "7.6.20", @@ -6917,7 +7290,6 @@ "version": "8.1.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/core": "^7.21.3", "@svgr/babel-preset": "8.1.0", @@ -7017,7 +7389,6 @@ "dev": true, "hasInstallScript": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@swc/counter": "^0.1.3", "@swc/types": "^0.1.12" @@ -7502,11 +7873,33 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/linkify-it": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.5.tgz", + "integrity": "sha512-yg6E+u0/+Zjva+buc3EIb+29XEg4wltq7cSmd4Uc2EE/1nUVmxyzpX6gUXD0V8jIrG0r7YeOGVIbYRkxeooCtw==", + "peer": true + }, "node_modules/@types/lodash": { "version": "4.17.7", "dev": true, "license": "MIT" }, + "node_modules/@types/markdown-it": { + "version": "13.0.9", + "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-13.0.9.tgz", + "integrity": "sha512-1XPwR0+MgXLWfTn9gCsZ55AHOKW1WN+P9vr0PaQh5aerR9LLQXUbjfEAFhjmEmyoYFWAyuN2Mqkn40MZ4ukjBw==", + "peer": true, + "dependencies": { + "@types/linkify-it": "^3", + "@types/mdurl": "^1" + } + }, + "node_modules/@types/mdurl": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.5.tgz", + "integrity": "sha512-6L6VymKTzYSrEf4Nev4Xa1LCHKrlTlYCBMTlQKFuddo1CvQcE52I0mwfOJayueUC7MJuXOeHTcIU683lzd0cUA==", + "peer": true + }, "node_modules/@types/mdx": { "version": "2.0.13", "dev": true, @@ -7843,7 +8236,6 @@ "version": "7.4.1", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -7911,7 +8303,6 @@ "version": "8.17.1", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -8557,7 +8948,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "caniuse-lite": "^1.0.30001646", "electron-to-chromium": "^1.5.4", @@ -9151,6 +9541,7 @@ "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "is-what": "^3.14.1" }, @@ -9591,6 +9982,19 @@ "node": ">=8" } }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/detect-node-es": { "version": "1.1.0", "dev": true, @@ -9908,6 +10312,7 @@ "dev": true, "license": "MIT", "optional": true, + "peer": true, "dependencies": { "prr": "~1.0.1" }, @@ -10105,6 +10510,7 @@ }, "node_modules/esprima": { "version": "4.0.1", + "dev": true, "license": "BSD-2-Clause", "bin": { "esparse": "bin/esparse.js", @@ -10619,7 +11025,6 @@ "version": "6.12.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -11398,6 +11803,7 @@ "dev": true, "license": "MIT", "optional": true, + "peer": true, "bin": { "image-size": "bin/image-size.js" }, @@ -11892,7 +12298,8 @@ "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/is-wsl": { "version": "2.2.0", @@ -12449,6 +12856,7 @@ "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==", "dev": true, "license": "Apache-2.0", + "peer": true, "dependencies": { "copy-anything": "^2.0.1", "parse-node-version": "^1.0.1", @@ -12493,6 +12901,7 @@ "dev": true, "license": "MIT", "optional": true, + "peer": true, "dependencies": { "pify": "^4.0.1", "semver": "^5.6.0" @@ -12508,6 +12917,7 @@ "dev": true, "license": "ISC", "optional": true, + "peer": true, "bin": { "semver": "bin/semver" } @@ -12519,6 +12929,7 @@ "dev": true, "license": "BSD-3-Clause", "optional": true, + "peer": true, "engines": { "node": ">=0.10.0" } @@ -12722,7 +13133,6 @@ "node_modules/markdown-it": { "version": "13.0.2", "license": "MIT", - "peer": true, "dependencies": { "argparse": "^2.0.1", "entities": "~3.0.1", @@ -12735,8 +13145,9 @@ } }, "node_modules/markdown-it-attrs": { - "version": "4.1.4", - "license": "MIT", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/markdown-it-attrs/-/markdown-it-attrs-4.3.1.tgz", + "integrity": "sha512-/ko6cba+H6gdZ0DOw7BbNMZtfuJTRp9g/IrGIuz8lYc/EfnmWRpaR3CFPnNbVz0LDvF8Gf1hFGPqrQqq7De0rg==", "engines": { "node": ">=6" }, @@ -12748,29 +13159,13 @@ "version": "2.1.0", "license": "MIT" }, - "node_modules/markdown-it-meta": { - "version": "0.0.1", - "license": "MIT", - "dependencies": { - "js-yaml": "^3.8.1" - } - }, - "node_modules/markdown-it-meta/node_modules/argparse": { - "version": "1.0.10", - "license": "MIT", - "dependencies": { - "sprintf-js": "~1.0.2" - } - }, - "node_modules/markdown-it-meta/node_modules/js-yaml": { - "version": "3.14.1", - "license": "MIT", - "dependencies": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - }, - "bin": { - "js-yaml": "bin/js-yaml.js" + "node_modules/markdown-it-directive": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/markdown-it-directive/-/markdown-it-directive-2.0.6.tgz", + "integrity": "sha512-yTjIan0I3LRMooa9uPNTs1DlcNVx/NqRjrEd3eipe286I8t3z+xzSSstrQ3OGDmKJkDSjg0rShO1t3uMN04U3Q==", + "peerDependencies": { + "@types/markdown-it": "^12.0.0 || ^13.0.0", + "markdown-it": "^12.0.0 || ^13.0.0" } }, "node_modules/markdown-it-sup": { @@ -13094,6 +13489,7 @@ "dev": true, "license": "MIT", "optional": true, + "peer": true, "dependencies": { "iconv-lite": "^0.6.3", "sax": "^1.2.4" @@ -13132,6 +13528,13 @@ "dev": true, "license": "MIT" }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "optional": true + }, "node_modules/node-dir": { "version": "0.1.17", "dev": true, @@ -13677,6 +14080,7 @@ "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">= 0.10" } @@ -13908,7 +14312,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "nanoid": "^3.3.7", "picocolors": "^1.0.1", @@ -14146,7 +14549,8 @@ "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", "dev": true, "license": "MIT", - "optional": true + "optional": true, + "peer": true }, "node_modules/pump": { "version": "3.0.0", @@ -14283,6 +14687,17 @@ ], "license": "MIT" }, + "node_modules/quick-lru": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", + "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/ramda": { "version": "0.29.0", "dev": true, @@ -14336,7 +14751,6 @@ "node_modules/react": { "version": "18.3.1", "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -14403,7 +14817,6 @@ "node_modules/react-dom": { "version": "18.3.1", "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.2" @@ -14445,7 +14858,6 @@ "version": "0.14.2", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -15124,12 +15536,12 @@ } }, "node_modules/sass": { - "version": "1.77.8", + "version": "1.80.6", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.6.tgz", + "integrity": "sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==", "dev": true, - "license": "MIT", - "peer": true, "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", + "chokidar": "^4.0.0", "immutable": "^4.0.0", "source-map-js": ">=0.6.2 <2.0.0" }, @@ -15138,6 +15550,9 @@ }, "engines": { "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" } }, "node_modules/sass-loader": { @@ -15176,13 +15591,42 @@ } } }, + "node_modules/sass/node_modules/chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass/node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/sax": { "version": "1.4.3", "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz", "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==", "dev": true, "license": "BlueOak-1.0.0", - "optional": true + "optional": true, + "peer": true }, "node_modules/scheduler": { "version": "0.23.2", @@ -15381,8 +15825,9 @@ } }, "node_modules/slugify": { - "version": "1.6.5", - "license": "MIT", + "version": "1.6.6", + "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz", + "integrity": "sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==", "engines": { "node": ">=8.0.0" } @@ -15475,6 +15920,7 @@ }, "node_modules/sprintf-js": { "version": "1.0.3", + "dev": true, "license": "BSD-3-Clause" }, "node_modules/stackframe": { @@ -15964,7 +16410,6 @@ "version": "6.12.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -16184,7 +16629,6 @@ }, "node_modules/ts-dedent": { "version": "2.2.0", - "dev": true, "license": "MIT", "engines": { "node": ">=6.10" @@ -16204,7 +16648,6 @@ "version": "2.19.0", "dev": true, "license": "(MIT OR CC0-1.0)", - "peer": true, "engines": { "node": ">=12.20" }, @@ -16633,7 +17076,6 @@ "version": "5.93.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/eslint-scope": "^3.7.3", "@types/estree": "^1.0.5", @@ -16746,7 +17188,6 @@ "version": "8.12.1", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -16766,7 +17207,6 @@ "version": "6.12.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", diff --git a/demo/package.json b/demo/package.json index f7a9be17..afc2f34e 100644 --- a/demo/package.json +++ b/demo/package.json @@ -22,11 +22,11 @@ "@storybook/react-webpack5": "^7.6.17", "@storybook/testing-library": "^0.2.0", "@svgr/webpack": "^8.1.0", - "sass": "^1.66.1", + "sass": "^1.80.6", "storybook": "^7.6.17" }, "dependencies": { - "@diplodoc/transform": "^4.26.0", + "@diplodoc/transform": "^4.64.0", "bem-cn-lite": "^4.1.0", "prop-types": "^15.8.1", "react": "^18.2.0", diff --git a/demo/src/Components/ConsentPopup/index.scss b/demo/src/Components/ConsentPopup/index.scss index d6e03bb8..3eed861b 100644 --- a/demo/src/Components/ConsentPopup/index.scss +++ b/demo/src/Components/ConsentPopup/index.scss @@ -1,2 +1 @@ -@import '@diplodoc/components'; -@import '@diplodoc/components/themes/common'; +@import '@diplodoc/components/build/index.css'; diff --git a/demo/src/Components/DocPage/index.scss b/demo/src/Components/DocPage/index.scss index 51d8dcca..f49bb2dc 100644 --- a/demo/src/Components/DocPage/index.scss +++ b/demo/src/Components/DocPage/index.scss @@ -1,3 +1,2 @@ -@import '@diplodoc/transform/dist/css/yfm.css'; -@import '@diplodoc/components'; -@import '@diplodoc/components/themes/common'; +@import '@diplodoc/components/build/index.css'; +@import '@diplodoc/transform/dist/scss/yfm-base.scss'; diff --git a/demo/src/Components/DocPageHidden/index.scss b/demo/src/Components/DocPageHidden/index.scss index 51d8dcca..f49bb2dc 100644 --- a/demo/src/Components/DocPageHidden/index.scss +++ b/demo/src/Components/DocPageHidden/index.scss @@ -1,3 +1,2 @@ -@import '@diplodoc/transform/dist/css/yfm.css'; -@import '@diplodoc/components'; -@import '@diplodoc/components/themes/common'; +@import '@diplodoc/components/build/index.css'; +@import '@diplodoc/transform/dist/scss/yfm-base.scss'; diff --git a/demo/src/Components/SearchSuggest/index.scss b/demo/src/Components/SearchSuggest/index.scss index 38ca19b4..2eb72ab4 100644 --- a/demo/src/Components/SearchSuggest/index.scss +++ b/demo/src/Components/SearchSuggest/index.scss @@ -1,4 +1,4 @@ -@import '@diplodoc/components'; +@import '@diplodoc/components/build/index.css'; .header { display: flex; diff --git a/package-lock.json b/package-lock.json index ac5765f5..f2cb7f08 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "hasInstallScript": true, "license": "MIT", "dependencies": { + "@diplodoc/themes": "^1.2.0", "@gravity-ui/components": "^4.16.0", "@gravity-ui/icons": "^2.5.0", "@gravity-ui/page-constructor": "^7.21.0", @@ -1620,6 +1621,12 @@ } } }, + "node_modules/@diplodoc/themes": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@diplodoc/themes/-/themes-1.2.0.tgz", + "integrity": "sha512-fb1iPz9TN0PjLXaKT4fudJxoBPdyR6AxYG9yp40a+A833vGtIKXBLrrKhNWk/eGdAheTgROtGk5N6o2vYnnltg==", + "license": "MIT" + }, "node_modules/@diplodoc/transform": { "version": "4.65.0", "resolved": "https://registry.npmjs.org/@diplodoc/transform/-/transform-4.65.0.tgz", diff --git a/package.json b/package.json index 7796a567..8b9bde06 100644 --- a/package.json +++ b/package.json @@ -75,6 +75,7 @@ "prepare": "husky || true" }, "dependencies": { + "@diplodoc/themes": "^1.2.0", "@gravity-ui/components": "^4.16.0", "@gravity-ui/icons": "^2.5.0", "@gravity-ui/page-constructor": "^7.21.0", diff --git a/src/styles/yfm.scss b/src/styles/yfm.scss index 9411914d..12fa4759 100644 --- a/src/styles/yfm.scss +++ b/src/styles/yfm.scss @@ -1,9 +1,46 @@ @use 'mixins'; @use 'variables'; +@use '@diplodoc/themes/lib/gravity/light.scss' as yfm-light; +@use '@diplodoc/themes/lib/gravity/dark.scss' as yfm-dark; +@use '@diplodoc/themes/lib/gravity/light-hc.scss' as yfm-light-hc; +@use '@diplodoc/themes/lib/gravity/dark-hc.scss' as yfm-dark-hc; + +// Применяем темизацию для YFM элементов + +.g-root_theme_light .dc-doc-page .yfm { + @include yfm-light.gravity-colors-for-diplodoc-light(); +} + +.g-root_theme_light-hc .dc-doc-page .yfm { + @include yfm-light-hc.gravity-colors-for-diplodoc-light-hc(); +} + +.g-root_theme_dark .dc-doc-page .yfm { + @include yfm-dark.gravity-colors-for-diplodoc-dark(); + + table[sticky-header] { + & th::before { + background: var(--yfm-color-base); + } + } + + .yfm-cut-title:before { + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg=='); + } + + .yfm-tabs-accordion .yfm-tab:after { + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg=='); + } +} + +.g-root_theme_dark-hc .dc-doc-page .yfm { + @include yfm-dark-hc.gravity-colors-for-diplodoc-dark-hc(); +} .dc-doc-page .yfm { - color: var(--g-color-text-primary); + color: var(--yfm-color-text); + // TODO: after determinate color for hljs in @diplodoc, remove this variables --yfm-color-hljs-background: var(--g-color-base-background); --yfm-color-hljs-subst: var(--g-color-text-complementary); --yfm-color-hljs-comment: var(--g-color-text-secondary); @@ -21,13 +58,11 @@ background: transparent; } - a:not(.pc-card-base-block) { - color: var(--g-color-text-link); + a { border-radius: var(--g-focus-border-radius); &:hover, &:active { - color: var(--g-color-text-link-hover); } @include mixins.focusable(0, 'box-shadow'); @@ -48,10 +83,10 @@ } $backgroundColors: ( - yfm-accent-info: var(--g-color-base-info-light), - yfm-accent-tip: var(--g-color-base-positive-light), - yfm-accent-alert: var(--g-color-base-danger-light), - yfm-accent-warning: var(--g-color-base-warning-light), + yfm-accent-info: var(--yfm-color-note-info-background), + yfm-accent-tip: var(--yfm-color-note-tip-background), + yfm-accent-alert: var(--yfm-color-note-important-background), + yfm-accent-warning: var(--yfm-color-note-warning-background), ); @each $type, $color in $backgroundColors { @@ -64,43 +99,34 @@ font-size: var(--dc-code-short-font-size); line-height: var(--dc-code-short-line-height); padding: var(--dc-code-short-padding); - background: var(--g-color-base-misc-light); - color: var(--g-color-text-misc); } pre > code { font-size: var(--dc-code-font-size); line-height: var(--dc-code-line-height); padding: 16px; - background: var(--g-color-base-misc-light); color: var(--g-color-text-complementary); } dfn, .inline_code_tooltip { - background: var(--g-color-base-float); - box-shadow: 0 8px 20px var(--g-color-sfx-shadow); + background: var(--yfm-color-term-dfn-background); + box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow); } dfn:before, .inline_code_tooltip:before { - box-shadow: 0 0 0 1px var(--g-color-line-generic-solid); - } - - table { - color: var(--g-color-text-primary); - border-color: var(--g-color-line-generic); - background: var(--g-color-base-background); + box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow); } table thead, table[sticky-header] thead th::after, table tr:nth-child(2n) { - background: var(--g-color-base-generic); + background: var(--yfm-color-table-row-background); } hr { - background-color: var(--g-color-base-background); + background-color: var(--yfm-color-base); } blockquote { @@ -108,7 +134,7 @@ } .yfm-tab-list { - border-bottom-color: var(--g-color-line-generic); + border-bottom-color: var(--yfm-color-border); } .yfm-tab { @@ -116,7 +142,7 @@ &:hover, &:active { - color: var(--g-color-text-link-hover); + color: var(--yfm-color-link-hover); } @include mixins.focusable(); } @@ -135,7 +161,7 @@ } .yfm-term_title:hover { - color: var(--g-color-text-link-hover); + color: var(--yfm-color-link-hover); } // Margin collapse is not applied for a block and header with a negative margin. @@ -181,7 +207,7 @@ .yfm-page__delimeter { height: 4px; border-radius: 2px; - background: var(--g-color-line-generic); + background: var(--yfm-color-border); margin-top: 20px; margin-bottom: 0; @@ -231,22 +257,6 @@ /* stylelint-enable declaration-no-important */ } -.g-root_theme_dark .dc-doc-page .yfm { - table[sticky-header] { - & th::before { - background: var(--g-color-base-background); - } - } - - .yfm-cut-title:before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg=='); - } - - .yfm-tabs-accordion .yfm-tab:after { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg=='); - } -} - .dc-neuro-expert-widget { position: fixed; width: fit-content;