diff --git a/package-lock.json b/package-lock.json
index 4acecb709..c21868309 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -82,6 +82,8 @@
"marked-shiki": "^1.2.0",
"postcss-loader": "^8.1.1",
"rimraf": "^2.6.1",
+ "sass": "^1.96.0",
+ "sass-loader": "^16.0.6",
"shiki": "^3.0.0",
"source-map-loader": "^0.2.1",
"style-loader": "^4.0.0",
@@ -2748,11 +2750,320 @@
"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==",
+ "hasInstallScript": true,
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "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"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher/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==",
+ "license": "Apache-2.0",
+ "optional": true,
+ "bin": {
+ "detect-libc": "bin/detect-libc.js"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
"node_modules/@shikijs/core": {
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.15.0.tgz",
"integrity": "sha512-8TOG6yG557q+fMsSVa8nkEDOZNTSxjbbR8l6lF2gyr6Np+jrPlslqDxQkN6rMXCECQ3isNPZAGszAfYoJOPGlg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.15.0",
@@ -2765,7 +3076,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.15.0.tgz",
"integrity": "sha512-ZedbOFpopibdLmvTz2sJPJgns8Xvyabe2QbmqMTz07kt1pTzfEvKZc5IqPVO/XFiEbbNyaOpjPBkkr1vlwS+qg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.15.0",
@@ -2777,7 +3088,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.15.0.tgz",
"integrity": "sha512-HnqFsV11skAHvOArMZdLBZZApRSYS4LSztk2K3016Y9VCyZISnlYUYsL2hzlS7tPqKHvNqmI5JSUJZprXloMvA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.15.0",
@@ -2788,7 +3099,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.15.0.tgz",
"integrity": "sha512-WpRvEFvkVvO65uKYW4Rzxs+IG0gToyM8SARQMtGGsH4GDMNZrr60qdggXrFOsdfOVssG/QQGEl3FnJ3EZ+8w8A==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.15.0"
@@ -2798,7 +3109,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.15.0.tgz",
"integrity": "sha512-8ow2zWb1IDvCKjYb0KiLNrK4offFdkfNVPXb1OZykpLCzRU6j+efkY+Y7VQjNlNFXonSw+4AOdGYtmqykDbRiQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.15.0"
@@ -2808,7 +3119,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.15.0.tgz",
"integrity": "sha512-BnP+y/EQnhihgHy4oIAN+6FFtmfTekwOLsQbRw9hOKwqgNy8Bdsjq8B05oAt/ZgvIWWFrshV71ytOrlPfYjIJw==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/vscode-textmate": "^10.0.2",
@@ -2819,7 +3130,7 @@
"version": "10.0.2",
"resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
"integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT"
},
"node_modules/@socket.io/component-emitter": {
@@ -3222,7 +3533,7 @@
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
"integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "*"
@@ -3266,7 +3577,7 @@
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
"integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "*"
@@ -3369,7 +3680,7 @@
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
"integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
- "dev": true,
+ "devOptional": true,
"license": "MIT"
},
"node_modules/@types/ws": {
@@ -3385,7 +3696,7 @@
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
"integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
- "dev": true,
+ "devOptional": true,
"license": "ISC"
},
"node_modules/@webassemblyjs/ast": {
@@ -4622,7 +4933,7 @@
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
- "dev": true,
+ "devOptional": true,
"dependencies": {
"fill-range": "^7.0.1"
},
@@ -4814,7 +5125,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
"integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -4839,7 +5150,7 @@
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
"integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -4850,7 +5161,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
"integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -5262,7 +5573,7 @@
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
"integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -6059,7 +6370,7 @@
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"engines": {
"node": ">=6"
@@ -6104,7 +6415,7 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
"integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"dequal": "^2.0.0"
@@ -7343,7 +7654,7 @@
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
- "dev": true,
+ "devOptional": true,
"dependencies": {
"to-regex-range": "^5.0.1"
},
@@ -8873,7 +9184,7 @@
"version": "9.0.5",
"resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
"integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/hast": "^3.0.0",
@@ -8897,7 +9208,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
"integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/hast": "^3.0.0"
@@ -9000,7 +9311,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
"integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -9551,6 +9862,12 @@
"resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
"integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
},
+ "node_modules/immutable": {
+ "version": "5.1.4",
+ "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+ "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+ "license": "MIT"
+ },
"node_modules/import-fresh": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -9840,7 +10157,7 @@
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
- "dev": true,
+ "devOptional": true,
"engines": {
"node": ">=0.10.0"
}
@@ -9858,7 +10175,7 @@
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
- "dev": true,
+ "devOptional": true,
"dependencies": {
"is-extglob": "^2.1.1"
},
@@ -9911,7 +10228,7 @@
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
- "dev": true,
+ "devOptional": true,
"engines": {
"node": ">=0.12.0"
}
@@ -11160,7 +11477,7 @@
"version": "16.4.2",
"resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
"integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"bin": {
"marked": "bin/marked.js"
@@ -11173,7 +11490,7 @@
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/marked-shiki/-/marked-shiki-1.2.1.tgz",
"integrity": "sha512-yHxYQhPY5oYaIRnROn98foKhuClark7M373/VpLxiy5TrDu9Jd/LsMwo8w+U91Up4oDb9IXFrP0N1MFRz8W/DQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"peerDependencies": {
"marked": ">=7.0.0",
@@ -11396,7 +11713,7 @@
"version": "13.2.0",
"resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
"integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/hast": "^3.0.0",
@@ -11475,7 +11792,7 @@
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
"integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
- "dev": true,
+ "devOptional": true,
"funding": [
{
"type": "GitHub Sponsors",
@@ -11496,7 +11813,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
"integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
- "dev": true,
+ "devOptional": true,
"funding": [
{
"type": "GitHub Sponsors",
@@ -11513,7 +11830,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
"integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
- "dev": true,
+ "devOptional": true,
"funding": [
{
"type": "GitHub Sponsors",
@@ -11535,7 +11852,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
"integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
- "dev": true,
+ "devOptional": true,
"funding": [
{
"type": "GitHub Sponsors",
@@ -11552,7 +11869,7 @@
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
"integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
- "dev": true,
+ "devOptional": true,
"funding": [
{
"type": "GitHub Sponsors",
@@ -11569,7 +11886,7 @@
"version": "4.0.5",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
- "dev": true,
+ "devOptional": true,
"dependencies": {
"braces": "^3.0.2",
"picomatch": "^2.3.1"
@@ -11849,6 +12166,13 @@
"integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==",
"dev": true
},
+ "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==",
+ "license": "MIT",
+ "optional": true
+ },
"node_modules/node-forge": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -12144,14 +12468,14 @@
"version": "0.12.1",
"resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz",
"integrity": "sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==",
- "dev": true,
+ "devOptional": true,
"license": "MIT"
},
"node_modules/oniguruma-to-es": {
"version": "4.3.3",
"resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.3.tgz",
"integrity": "sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"oniguruma-parser": "^0.12.1",
@@ -12530,7 +12854,7 @@
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
- "dev": true,
+ "devOptional": true,
"engines": {
"node": ">=8.6"
},
@@ -12854,7 +13178,7 @@
"version": "7.1.0",
"resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
"integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -13135,7 +13459,7 @@
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/regex/-/regex-6.0.1.tgz",
"integrity": "sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"regex-utilities": "^2.3.0"
@@ -13171,7 +13495,7 @@
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
"integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"regex-utilities": "^2.3.0"
@@ -13181,7 +13505,7 @@
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
"integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
- "dev": true,
+ "devOptional": true,
"license": "MIT"
},
"node_modules/regexpp": {
@@ -13608,6 +13932,95 @@
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"dev": true
},
+ "node_modules/sass": {
+ "version": "1.96.0",
+ "resolved": "https://registry.npmjs.org/sass/-/sass-1.96.0.tgz",
+ "integrity": "sha512-8u4xqqUeugGNCYwr9ARNtQKTOj4KmYiJAVKXf2CTIivTCR51j96htbMKWDru8H5SaQWpyVgTfOF8Ylyf5pun1Q==",
+ "license": "MIT",
+ "dependencies": {
+ "chokidar": "^4.0.0",
+ "immutable": "^5.0.2",
+ "source-map-js": ">=0.6.2 <2.0.0"
+ },
+ "bin": {
+ "sass": "sass.js"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "optionalDependencies": {
+ "@parcel/watcher": "^2.4.1"
+ }
+ },
+ "node_modules/sass-loader": {
+ "version": "16.0.6",
+ "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.6.tgz",
+ "integrity": "sha512-sglGzId5gmlfxNs4gK2U3h7HlVRfx278YK6Ono5lwzuvi1jxig80YiuHkaDBVsYIKFhx8wN7XSCI0M2IDS/3qA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "neo-async": "^2.6.2"
+ },
+ "engines": {
+ "node": ">= 18.12.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/webpack"
+ },
+ "peerDependencies": {
+ "@rspack/core": "0.x || 1.x",
+ "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+ "sass": "^1.3.0",
+ "sass-embedded": "*",
+ "webpack": "^5.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@rspack/core": {
+ "optional": true
+ },
+ "node-sass": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "sass-embedded": {
+ "optional": true
+ },
+ "webpack": {
+ "optional": true
+ }
+ }
+ },
+ "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==",
+ "license": "MIT",
+ "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==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 14.18.0"
+ },
+ "funding": {
+ "type": "individual",
+ "url": "https://paulmillr.com/funding/"
+ }
+ },
"node_modules/sax": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
@@ -14026,7 +14439,7 @@
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-3.15.0.tgz",
"integrity": "sha512-kLdkY6iV3dYbtPwS9KXU7mjfmDm25f5m0IPNFnaXO7TBPcvbUOY72PYXSuSqDzwp+vlH/d7MXpHlKO/x+QoLXw==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@shikijs/core": "3.15.0",
@@ -14368,7 +14781,7 @@
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
"integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -14652,7 +15065,7 @@
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
"integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"character-entities-html4": "^2.0.0",
@@ -15023,7 +15436,7 @@
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
- "dev": true,
+ "devOptional": true,
"dependencies": {
"is-number": "^7.0.0"
},
@@ -15079,7 +15492,7 @@
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
"integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
@@ -15515,7 +15928,7 @@
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
"integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0"
@@ -15529,7 +15942,7 @@
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
"integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0"
@@ -15543,7 +15956,7 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
"integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0"
@@ -15557,7 +15970,7 @@
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
"integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0",
@@ -15573,7 +15986,7 @@
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
"integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0",
@@ -15789,7 +16202,7 @@
"version": "6.0.3",
"resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
"integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0",
@@ -15804,7 +16217,7 @@
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
"integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"@types/unist": "^3.0.0",
@@ -16888,7 +17301,7 @@
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
"integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"funding": {
"type": "github",
diff --git a/package.json b/package.json
index 52b321bce..5e1a56352 100644
--- a/package.json
+++ b/package.json
@@ -117,6 +117,8 @@
"marked-shiki": "^1.2.0",
"postcss-loader": "^8.1.1",
"rimraf": "^2.6.1",
+ "sass": "^1.96.0",
+ "sass-loader": "^16.0.6",
"shiki": "^3.0.0",
"source-map-loader": "^0.2.1",
"style-loader": "^4.0.0",
diff --git a/samples/grids/grid-lite/styling-custom-theme/index.html b/samples/grids/grid-lite/styling-custom-theme/index.html
index 2585c6627..1bd012fb8 100644
--- a/samples/grids/grid-lite/styling-custom-theme/index.html
+++ b/samples/grids/grid-lite/styling-custom-theme/index.html
@@ -5,9 +5,8 @@
-
-
-
+
+
diff --git a/samples/grids/grid-lite/styling-custom-theme/package.json b/samples/grids/grid-lite/styling-custom-theme/package.json
index fb97991c2..e13256875 100644
--- a/samples/grids/grid-lite/styling-custom-theme/package.json
+++ b/samples/grids/grid-lite/styling-custom-theme/package.json
@@ -44,7 +44,10 @@
"file-loader": "^6.2.0",
"fork-ts-checker-webpack-plugin": "^9.1.0",
"html-webpack-plugin": "^5.6.4",
+ "igniteui-theming": "^24.0.2",
"parcel-bundler": "^1.12.5",
+ "sass": "^1.96.0",
+ "sass-loader": "^16.0.6",
"source-map": "^0.7.6",
"style-loader": "^4.0.0",
"tsconfig-paths-webpack-plugin": "^4.2.0",
@@ -55,4 +58,4 @@
"worker-loader": "^3.0.8",
"xml-loader": "^1.2.1"
}
-}
\ No newline at end of file
+}
diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.css b/samples/grids/grid-lite/styling-custom-theme/src/index.css
deleted file mode 100644
index 5532f1303..000000000
--- a/samples/grids/grid-lite/styling-custom-theme/src/index.css
+++ /dev/null
@@ -1,405 +0,0 @@
-.grid-lite-wrapper {
- width: 100%;
- height: 100%;
-}
-
-.custom-styled {
- --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
- --content-text-color: var(--ig-gray-50-contrast);
- --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
- --header-text-color: var(--ig-surface-500-contrast);
- --header-border-width: 0.0625rem;
- --header-border-style: solid;
- --header-border-color: hsla(var(--ig-gray-400), 0.38);
- --filtering-header-background: hsla(var(--ig-gray-50) 205deg, 92%, 13%, var(--ig-gray-a));
- --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
- --filtering-row-text-color: var(--ig-gray-50-contrast);
- --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
- --icon-color: "currentColor";
- --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
- --row-hover-text-color: var(--ig-gray-200-contrast);
- --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
- --row-even-text-color: var(--ig-gray-50-contrast);
- --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
- --row-odd-text-color: var(--ig-gray-50-contrast);
- --row-border-color: hsla(var(--ig-gray-300), 0.38);
- --row-border-style: solid;
- --row-border-width: 0.0625rem;
- --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
- --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
- --ig-font-family: "Merriweather Sans", sans-serif;
- --ig-h1-font-family: var(--ig-font-family);
- --ig-h1-font-size: 2.5rem;
- --ig-h1-font-weight: 500;
- --ig-h1-font-style: normal;
- --ig-h1-line-height: 3rem;
- --ig-h1-letter-spacing: -0.09375rem;
- --ig-h1-text-transform: none;
- --ig-h1-margin-top: 0;
- --ig-h1-margin-bottom: 0.5rem;
- --ig-h2-font-family: var(--ig-font-family);
- --ig-h2-font-size: 2rem;
- --ig-h2-font-weight: 500;
- --ig-h2-font-style: normal;
- --ig-h2-line-height: 2.4rem;
- --ig-h2-letter-spacing: -0.03125rem;
- --ig-h2-text-transform: none;
- --ig-h2-margin-top: 0;
- --ig-h2-margin-bottom: 0.5rem;
- --ig-h3-font-family: var(--ig-font-family);
- --ig-h3-font-size: 1.75rem;
- --ig-h3-font-weight: 500;
- --ig-h3-font-style: normal;
- --ig-h3-line-height: 2.1rem;
- --ig-h3-letter-spacing: 0;
- --ig-h3-text-transform: none;
- --ig-h3-margin-top: 0;
- --ig-h3-margin-bottom: 0.5rem;
- --ig-h4-font-family: var(--ig-font-family);
- --ig-h4-font-size: 1.5rem;
- --ig-h4-font-weight: 500;
- --ig-h4-font-style: normal;
- --ig-h4-line-height: 1.8rem;
- --ig-h4-letter-spacing: 0.015625rem;
- --ig-h4-text-transform: none;
- --ig-h4-margin-top: 0;
- --ig-h4-margin-bottom: 0.5rem;
- --ig-h5-font-family: var(--ig-font-family);
- --ig-h5-font-size: 1.25rem;
- --ig-h5-font-weight: 500;
- --ig-h5-font-style: normal;
- --ig-h5-line-height: 1.5rem;
- --ig-h5-letter-spacing: 0;
- --ig-h5-text-transform: none;
- --ig-h5-margin-top: 0;
- --ig-h5-margin-bottom: 0.5rem;
- --ig-h6-font-family: var(--ig-font-family);
- --ig-h6-font-size: 1rem;
- --ig-h6-font-weight: 500;
- --ig-h6-font-style: normal;
- --ig-h6-line-height: 1.2rem;
- --ig-h6-letter-spacing: 0.009375rem;
- --ig-h6-text-transform: none;
- --ig-h6-margin-top: 0;
- --ig-h6-margin-bottom: 0.5rem;
- --ig-subtitle-1-font-family: var(--ig-font-family);
- --ig-subtitle-1-font-size: 0.875rem;
- --ig-subtitle-1-font-weight: 400;
- --ig-subtitle-1-font-style: normal;
- --ig-subtitle-1-line-height: 1.5rem;
- --ig-subtitle-1-letter-spacing: 0.009375rem;
- --ig-subtitle-1-text-transform: none;
- --ig-subtitle-1-margin-top: 0;
- --ig-subtitle-1-margin-bottom: 0;
- --ig-subtitle-2-font-family: var(--ig-font-family);
- --ig-subtitle-2-font-size: 0.9rem;
- --ig-subtitle-2-font-weight: 400;
- --ig-subtitle-2-font-style: normal;
- --ig-subtitle-2-line-height: 1.35rem;
- --ig-subtitle-2-letter-spacing: 0.00625rem;
- --ig-subtitle-2-text-transform: none;
- --ig-subtitle-2-margin-top: 0;
- --ig-subtitle-2-margin-bottom: 0;
- --ig-body-1-font-family: var(--ig-font-family);
- --ig-body-1-font-size: 1rem;
- --ig-body-1-font-weight: 400;
- --ig-body-1-font-style: normal;
- --ig-body-1-line-height: 1.5rem;
- --ig-body-1-letter-spacing: 0.03125rem;
- --ig-body-1-text-transform: none;
- --ig-body-1-margin-top: 0;
- --ig-body-1-margin-bottom: 0;
- --ig-body-2-font-family: var(--ig-font-family);
- --ig-body-2-font-size: 0.9rem;
- --ig-body-2-font-weight: 400;
- --ig-body-2-font-style: normal;
- --ig-body-2-line-height: 1.5rem;
- --ig-body-2-letter-spacing: 0.015625rem;
- --ig-body-2-text-transform: none;
- --ig-body-2-margin-top: 0;
- --ig-body-2-margin-bottom: 0;
- --ig-button-font-family: var(--ig-font-family);
- --ig-button-font-size: 1rem;
- --ig-button-font-weight: 500;
- --ig-button-font-style: normal;
- --ig-button-line-height: 1.5rem;
- --ig-button-letter-spacing: 0.046875rem;
- --ig-button-text-transform: none;
- --ig-button-margin-top: 0;
- --ig-button-margin-bottom: 0;
- --ig-caption-font-family: var(--ig-font-family);
- --ig-caption-font-size: 0.75rem;
- --ig-caption-font-weight: 400;
- --ig-caption-font-style: normal;
- --ig-caption-line-height: 1rem;
- --ig-caption-letter-spacing: 0.025rem;
- --ig-caption-text-transform: none;
- --ig-caption-margin-top: 0;
- --ig-caption-margin-bottom: 0;
- --ig-overline-font-family: var(--ig-font-family);
- --ig-overline-font-size: 0.625rem;
- --ig-overline-font-weight: 400;
- --ig-overline-font-style: normal;
- --ig-overline-line-height: 1rem;
- --ig-overline-letter-spacing: 0.09375rem;
- --ig-overline-text-transform: uppercase;
- --ig-overline-margin-top: 0;
- --ig-overline-margin-bottom: 0;
- --ig-calendar-labels-font-family: var(--ig-font-family);
- --ig-calendar-labels-font-size: 0.8125rem;
- --ig-calendar-labels-font-weight: 400;
- --ig-calendar-labels-font-style: normal;
- --ig-calendar-labels-line-height: normal;
- --ig-calendar-labels-letter-spacing: normal;
- --ig-calendar-labels-text-transform: none;
- --ig-calendar-labels-margin-top: 0;
- --ig-calendar-labels-margin-bottom: 0;
- --ig-primary-50-contrast: black;
- --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);
- --ig-primary-100-contrast: black;
- --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);
- --ig-primary-200-contrast: black;
- --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);
- --ig-primary-300-contrast: black;
- --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);
- --ig-primary-400-contrast: black;
- --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);
- --ig-primary-h: 56deg;
- --ig-primary-s: 75%;
- --ig-primary-l: 50%;
- --ig-primary-a: 1;
- --ig-primary-500-contrast: black;
- --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);
- --ig-primary-600-contrast: black;
- --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);
- --ig-primary-700-contrast: black;
- --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);
- --ig-primary-800-contrast: black;
- --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);
- --ig-primary-900-contrast: black;
- --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);
- --ig-primary-A100-contrast: black;
- --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);
- --ig-primary-A200-contrast: black;
- --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);
- --ig-primary-A400-contrast: black;
- --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);
- --ig-primary-A700-contrast: black;
- --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);
- --ig-secondary-50-contrast: black;
- --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);
- --ig-secondary-100-contrast: black;
- --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);
- --ig-secondary-200-contrast: black;
- --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);
- --ig-secondary-300-contrast: black;
- --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);
- --ig-secondary-400-contrast: black;
- --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);
- --ig-secondary-h: 15deg;
- --ig-secondary-s: 55%;
- --ig-secondary-l: 64%;
- --ig-secondary-a: 1;
- --ig-secondary-500-contrast: black;
- --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);
- --ig-secondary-600-contrast: black;
- --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);
- --ig-secondary-700-contrast: black;
- --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);
- --ig-secondary-800-contrast: black;
- --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);
- --ig-secondary-900-contrast: white;
- --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);
- --ig-secondary-A100-contrast: black;
- --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);
- --ig-secondary-A200-contrast: black;
- --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);
- --ig-secondary-A400-contrast: black;
- --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);
- --ig-secondary-A700-contrast: white;
- --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);
- --ig-gray-50-contrast: white;
- --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 13%;
- --ig-gray-100-contrast: white;
- --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 26%;
- --ig-gray-200-contrast: white;
- --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 38%;
- --ig-gray-300-contrast: black;
- --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 54%;
- --ig-gray-400-contrast: black;
- --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 62%;
- --ig-gray-h: 205deg;
- --ig-gray-s: 92%;
- --ig-gray-l: 74%;
- --ig-gray-a: 1;
- --ig-gray-500-contrast: black;
- --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 74%;
- --ig-gray-600-contrast: black;
- --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 88%;
- --ig-gray-700-contrast: black;
- --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 93%;
- --ig-gray-800-contrast: black;
- --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 96%;
- --ig-gray-900-contrast: black;
- --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 98%;
- --ig-surface-50-contrast: white;
- --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);
- --ig-surface-100-contrast: white;
- --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);
- --ig-surface-200-contrast: white;
- --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);
- --ig-surface-300-contrast: white;
- --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);
- --ig-surface-400-contrast: white;
- --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);
- --ig-surface-h: 216deg;
- --ig-surface-s: 92%;
- --ig-surface-l: 14%;
- --ig-surface-a: 1;
- --ig-surface-500-contrast: white;
- --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);
- --ig-surface-600-contrast: white;
- --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);
- --ig-surface-700-contrast: white;
- --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);
- --ig-surface-800-contrast: white;
- --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);
- --ig-surface-900-contrast: white;
- --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);
- --ig-surface-A100-contrast: white;
- --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);
- --ig-surface-A200-contrast: white;
- --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);
- --ig-surface-A400-contrast: white;
- --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);
- --ig-surface-A700-contrast: white;
- --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);
- --ig-info-50-contrast: black;
- --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);
- --ig-info-100-contrast: black;
- --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);
- --ig-info-200-contrast: black;
- --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);
- --ig-info-300-contrast: black;
- --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);
- --ig-info-400-contrast: black;
- --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);
- --ig-info-h: 209deg;
- --ig-info-s: 84%;
- --ig-info-l: 45%;
- --ig-info-a: 1;
- --ig-info-500-contrast: black;
- --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);
- --ig-info-600-contrast: white;
- --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);
- --ig-info-700-contrast: white;
- --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);
- --ig-info-800-contrast: white;
- --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);
- --ig-info-900-contrast: white;
- --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);
- --ig-info-A100-contrast: black;
- --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);
- --ig-info-A200-contrast: black;
- --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);
- --ig-info-A400-contrast: white;
- --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);
- --ig-info-A700-contrast: white;
- --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);
- --ig-success-50-contrast: black;
- --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);
- --ig-success-100-contrast: black;
- --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);
- --ig-success-200-contrast: black;
- --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);
- --ig-success-300-contrast: black;
- --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);
- --ig-success-400-contrast: black;
- --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);
- --ig-success-h: 131deg;
- --ig-success-s: 43%;
- --ig-success-l: 51%;
- --ig-success-a: 1;
- --ig-success-500-contrast: black;
- --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);
- --ig-success-600-contrast: black;
- --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);
- --ig-success-700-contrast: black;
- --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);
- --ig-success-800-contrast: black;
- --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);
- --ig-success-900-contrast: white;
- --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);
- --ig-success-A100-contrast: black;
- --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);
- --ig-success-A200-contrast: black;
- --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);
- --ig-success-A400-contrast: black;
- --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);
- --ig-success-A700-contrast: white;
- --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);
- --ig-warn-50-contrast: black;
- --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);
- --ig-warn-100-contrast: black;
- --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);
- --ig-warn-200-contrast: black;
- --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);
- --ig-warn-300-contrast: black;
- --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);
- --ig-warn-400-contrast: black;
- --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
- --ig-warn-h: 37deg;
- --ig-warn-s: 96%;
- --ig-warn-l: 54%;
- --ig-warn-a: 1;
- --ig-warn-500-contrast: black;
- --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
- --ig-warn-600-contrast: black;
- --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);
- --ig-warn-700-contrast: black;
- --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);
- --ig-warn-800-contrast: black;
- --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);
- --ig-warn-900-contrast: black;
- --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);
- --ig-warn-A100-contrast: black;
- --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);
- --ig-warn-A200-contrast: black;
- --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);
- --ig-warn-A400-contrast: black;
- --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);
- --ig-warn-A700-contrast: black;
- --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);
- --ig-error-50-contrast: black;
- --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);
- --ig-error-100-contrast: black;
- --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);
- --ig-error-200-contrast: black;
- --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);
- --ig-error-300-contrast: black;
- --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);
- --ig-error-400-contrast: black;
- --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);
- --ig-error-h: 346deg;
- --ig-error-s: 100%;
- --ig-error-l: 54%;
- --ig-error-a: 1;
- --ig-error-500-contrast: black;
- --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);
- --ig-error-600-contrast: black;
- --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);
- --ig-error-700-contrast: white;
- --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);
- --ig-error-800-contrast: white;
- --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);
- --ig-error-900-contrast: white;
- --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);
- --ig-error-A100-contrast: black;
- --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);
- --ig-error-A200-contrast: black;
- --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);
- --ig-error-A400-contrast: black;
- --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);
- --ig-error-A700-contrast: white;
- --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);
-}
diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.scss b/samples/grids/grid-lite/styling-custom-theme/src/index.scss
new file mode 100644
index 000000000..8cd855e70
--- /dev/null
+++ b/samples/grids/grid-lite/styling-custom-theme/src/index.scss
@@ -0,0 +1,19 @@
+@use 'igniteui-theming' as *;
+@use 'igniteui-theming/sass/typography/presets' as *;
+
+$custom-palette: palette(
+ $primary: #ddd020,
+ $secondary: #d5896f,
+ $surface: #031d44,
+ $gray: #04395e,
+);
+
+.grid-lite-wrapper {
+ width: 100%;
+ height: 100%;
+}
+
+.custom-styled {
+ @include palette($custom-palette);
+ @include typography('"Merriweather Sans", sans-serif', $bootstrap-type-scale);
+}
\ No newline at end of file
diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.ts b/samples/grids/grid-lite/styling-custom-theme/src/index.ts
index 8563f015a..272808338 100644
--- a/samples/grids/grid-lite/styling-custom-theme/src/index.ts
+++ b/samples/grids/grid-lite/styling-custom-theme/src/index.ts
@@ -3,7 +3,7 @@ import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents';
import { GridLiteDataService, ProductInfo } from './GridLiteDataService';
import "igniteui-webcomponents/themes/light/bootstrap.css";
-import "./index.css";
+import "./index.scss";
IgcGridLite.register();
defineComponents(IgcRatingComponent);
diff --git a/samples/grids/grid-lite/styling-custom-theme/webpack.config.js b/samples/grids/grid-lite/styling-custom-theme/webpack.config.js
index ecdc45973..3368809c8 100644
--- a/samples/grids/grid-lite/styling-custom-theme/webpack.config.js
+++ b/samples/grids/grid-lite/styling-custom-theme/webpack.config.js
@@ -54,6 +54,25 @@ module.exports = env => {
{ test: /\.(csv|tsv)$/, use: ['csv-loader'] },
{ test: /\.xml$/, use: ['xml-loader'] },
{ test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+ {
+ test: /\.scss$/,
+ sideEffects: true,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ {
+ loader: 'sass-loader',
+ options: {
+ sassOptions: {
+ silenceDeprecations: ['color-functions', 'if-function'],
+ loadPaths: [
+ path.resolve(__dirname, 'node_modules'),
+ ]
+ }
+ }
+ }
+ ]
+ },
{
test: /worker\.(ts|js)$/,
use: [
diff --git a/webpack.config.js b/webpack.config.js
index cb2eb75f0..581267e7f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -136,6 +136,25 @@ var config = {
'postcss-loader'
]
},
+ {
+ test: /\.scss$/,
+ sideEffects: true,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ {
+ loader: 'sass-loader',
+ options: {
+ sassOptions: {
+ silenceDeprecations: ['color-functions', 'if-function'],
+ loadPaths: [
+ path.resolve(__dirname, 'node_modules'),
+ ]
+ }
+ }
+ }
+ ]
+ },
{ test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
{ test: /\.(csv|tsv)$/, use: ['csv-loader'] },
{ test: /\.xml$/, use: ['xml-loader'] }