@c2n/theme 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/base.css +458 -11
- package/dist/report.json +2940 -485
- package/dist/theme.css +491 -11
- package/dist/tokens.css +33 -0
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.d.ts.map +1 -1
- package/dist/tokens.js +15 -0
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.json +451 -12
- package/package.json +20 -2
package/dist/.tsbuildinfo
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"fileNames":["../../../../node_modules/typescript/lib/lib.es5.d.ts","../../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../../node_modules/typescript/lib/lib.dom.d.ts","../../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../src/tokens.ts"],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},{"version":"
|
|
1
|
+
{"fileNames":["../../../../node_modules/typescript/lib/lib.es5.d.ts","../../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../../node_modules/typescript/lib/lib.dom.d.ts","../../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../src/tokens.ts"],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},{"version":"bfd651c18b11e5bb92ab5e131ef6398f386da7a4c4600c1ebe4c1d586ca2eb83","signature":"622dc44357bd6ab6a94b3d177d83629c65ea3d8a4317621cda23152202d97634"}],"root":[48],"options":{"allowImportingTsExtensions":false,"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationMap":true,"emitDeclarationOnly":false,"experimentalDecorators":true,"inlineSources":true,"module":99,"noFallthroughCasesInSwitch":true,"noImplicitAny":true,"noImplicitOverride":true,"noImplicitReturns":true,"noImplicitThis":true,"noUnusedLocals":true,"noUnusedParameters":true,"outDir":"./","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":7,"tsBuildInfoFile":"./.tsbuildinfo","useDefineForClassFields":false,"verbatimModuleSyntax":true},"latestChangedDtsFile":"./tokens.d.ts","version":"6.0.3"}
|
package/dist/base.css
CHANGED
|
@@ -10,6 +10,60 @@
|
|
|
10
10
|
--c2-accordion--transition-duration: calc(300ms * var(--c2-theme--motion-scale, 1));
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
/* @c2n/attachment */
|
|
14
|
+
:root,
|
|
15
|
+
:host {
|
|
16
|
+
--c2-attachment--background: var(--c2-theme--color-surface, #ffffff);
|
|
17
|
+
--c2-attachment--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
18
|
+
--c2-attachment--border-radius: var(--c2-theme--radius-xl, 14px);
|
|
19
|
+
--c2-attachment--color: var(--c2-theme--color-on-surface, #18181b);
|
|
20
|
+
--c2-attachment__media--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
21
|
+
--c2-attachment__media--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
22
|
+
--c2-attachment__name--font-size: var(--c2-theme--font-size-md, 14px);
|
|
23
|
+
--c2-attachment__name--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
24
|
+
--c2-attachment__metadata--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
25
|
+
--c2-attachment__metadata--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
26
|
+
--c2-attachment__status--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
27
|
+
--c2-attachment__status__error--color: var(--c2-theme--color-error, #dc2626);
|
|
28
|
+
--c2-attachment__progress--background: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
29
|
+
--c2-attachment__progress--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
30
|
+
--c2-attachment__action--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
31
|
+
--c2-attachment__action__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
32
|
+
--c2-attachment__action__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
33
|
+
--c2-attachment__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* @c2n/autocomplete */
|
|
37
|
+
:root,
|
|
38
|
+
:host {
|
|
39
|
+
--c2-autocomplete--background: var(--c2-theme--color-surface, #ffffff);
|
|
40
|
+
--c2-autocomplete--color: var(--c2-theme--color-on-surface, #18181b);
|
|
41
|
+
--c2-autocomplete--font-size: var(--c2-theme--font-size-md, 14px);
|
|
42
|
+
--c2-autocomplete--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
43
|
+
--c2-autocomplete--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
44
|
+
--c2-autocomplete__hover--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-strong, #a1a1aa);
|
|
45
|
+
--c2-autocomplete__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
46
|
+
--c2-autocomplete__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
47
|
+
--c2-autocomplete__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
48
|
+
--c2-autocomplete__icon--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
49
|
+
--c2-autocomplete__panel--background: var(--c2-theme--color-surface, #ffffff);
|
|
50
|
+
--c2-autocomplete__panel--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
51
|
+
--c2-autocomplete__panel--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
52
|
+
--c2-autocomplete__panel--box-shadow: var(--c2-theme--shadow-md, 0 12px 32px rgba(24, 24, 27, 0.14));
|
|
53
|
+
--c2-autocomplete__header--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
54
|
+
--c2-autocomplete__header--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
55
|
+
--c2-autocomplete__footer--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
56
|
+
--c2-autocomplete__footer--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
57
|
+
--c2-autocomplete__option--border-radius: var(--c2-theme--radius-md, 6px);
|
|
58
|
+
--c2-autocomplete__option__active--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
59
|
+
--c2-autocomplete__option__active--color: var(--c2-theme--color-on-surface, #18181b);
|
|
60
|
+
--c2-autocomplete__description--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
61
|
+
--c2-autocomplete__description--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
62
|
+
--c2-autocomplete__highlight--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
63
|
+
--c2-autocomplete__highlight--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
64
|
+
--c2-autocomplete__status--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
65
|
+
}
|
|
66
|
+
|
|
13
67
|
/* @c2n/avatar */
|
|
14
68
|
:root,
|
|
15
69
|
:host {
|
|
@@ -86,26 +140,80 @@
|
|
|
86
140
|
--c2-card__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
87
141
|
}
|
|
88
142
|
|
|
143
|
+
/* @c2n/chart */
|
|
144
|
+
:root,
|
|
145
|
+
:host {
|
|
146
|
+
--c2-chart__axis-line--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
147
|
+
--c2-chart--background: var(--c2-theme--color-surface, #ffffff);
|
|
148
|
+
--c2-chart--color: var(--c2-theme--color-on-surface, #18181b);
|
|
149
|
+
--c2-chart--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
150
|
+
--c2-chart--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
151
|
+
--c2-chart--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
152
|
+
--c2-chart--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
153
|
+
--c2-chart--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
154
|
+
--c2-chart--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
155
|
+
--c2-chart--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
156
|
+
--c2-chart--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
157
|
+
--c2-chart--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
158
|
+
--c2-chart__series-1--color: var(--c2-theme--chart-series-1, #0265dc);
|
|
159
|
+
--c2-chart__series-2--color: var(--c2-theme--chart-series-2, #ea580c);
|
|
160
|
+
--c2-chart__series-3--color: var(--c2-theme--chart-series-3, #0f766e);
|
|
161
|
+
--c2-chart__series-4--color: var(--c2-theme--chart-series-4, #db2777);
|
|
162
|
+
--c2-chart__series-5--color: var(--c2-theme--chart-series-5, #a16207);
|
|
163
|
+
--c2-chart__series-6--color: var(--c2-theme--chart-series-6, #7c3aed);
|
|
164
|
+
--c2-chart__series-7--color: var(--c2-theme--chart-series-7, #0891b2);
|
|
165
|
+
--c2-chart__series-8--color: var(--c2-theme--chart-series-8, #52525b);
|
|
166
|
+
--c2-chart__axis--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
167
|
+
--c2-chart__axis--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
168
|
+
--c2-chart__grid--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
169
|
+
--c2-chart__crosshair--color: var(--c2-theme--color-on-surface-variant, #a1a1aa);
|
|
170
|
+
--c2-chart__surface--color: var(--c2-theme--color-surface, #ffffff);
|
|
171
|
+
--c2-chart__muted--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
172
|
+
--c2-chart__positive--color: var(--c2-theme--chart-positive, #16a34a);
|
|
173
|
+
--c2-chart__negative--color: var(--c2-theme--chart-negative, #dc2626);
|
|
174
|
+
--c2-chart__legend--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
175
|
+
--c2-chart__legend--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
176
|
+
--c2-chart__legend__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
177
|
+
--c2-chart__legend-marker--border-radius: var(--c2-theme--radius-full, 999px);
|
|
178
|
+
--c2-chart__tooltip--background-color: var(--c2-theme--color-inverse-surface, #18181b);
|
|
179
|
+
--c2-chart__tooltip--color: var(--c2-theme--color-on-inverse-surface, #fafafa);
|
|
180
|
+
--c2-chart__tooltip--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
181
|
+
--c2-chart__tooltip--border-radius: var(--c2-theme--radius-md, 6px);
|
|
182
|
+
--c2-chart__tooltip--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
183
|
+
--c2-chart__state--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
184
|
+
--c2-chart__state--font-size: var(--c2-theme--font-size-md, 14px);
|
|
185
|
+
--c2-chart__tone-positive--color: var(--c2-theme--chart-positive, #16a34a);
|
|
186
|
+
--c2-chart__tone-negative--color: var(--c2-theme--chart-negative, #dc2626);
|
|
187
|
+
--c2-chart__slice--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
188
|
+
}
|
|
189
|
+
|
|
89
190
|
/* @c2n/chat-input */
|
|
90
191
|
:root,
|
|
91
192
|
:host {
|
|
92
|
-
--c2-chat-
|
|
93
|
-
--c2-chat-
|
|
94
|
-
--c2-chat-
|
|
95
|
-
--c2-chat-
|
|
96
|
-
--c2-chat-
|
|
97
|
-
--c2-chat-
|
|
98
|
-
--c2-chat-
|
|
99
|
-
--c2-chat-
|
|
100
|
-
--c2-chat-
|
|
101
|
-
--c2-chat-
|
|
102
|
-
--c2-chat-
|
|
193
|
+
--c2-chat-input__container--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
194
|
+
--c2-chat-input__container--background: var(--c2-theme--color-surface, #ffffff);
|
|
195
|
+
--c2-chat-input__container--color: var(--c2-theme--color-on-surface, #18181b);
|
|
196
|
+
--c2-chat-input__container__hover--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-strong, #a1a1aa);
|
|
197
|
+
--c2-chat-input__container__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, #476ef9);
|
|
198
|
+
--c2-chat-input__container__invalid--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
|
|
199
|
+
--c2-chat-input__container__disabled--opacity: var(--c2-theme--disabled-opacity, 0.5);
|
|
200
|
+
--c2-chat-input__textarea--font-size: var(--c2-theme--font-size-md, 14px);
|
|
201
|
+
--c2-chat-input__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
202
|
+
--c2-chat-input__send-button--background: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
203
|
+
--c2-chat-input__send-button--color: var(--c2-theme--color-on-primary, #ffffff);
|
|
204
|
+
--c2-chat-input__send-button__hover--background: var(--c2-theme--color-primary-hover, rgb(1, 84, 184));
|
|
205
|
+
--c2-chat-input__send-button__active--background: var(--c2-theme--color-primary-active, rgb(1, 70, 154));
|
|
206
|
+
--c2-chat-input__send-button__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
207
|
+
--c2-chat-input__send-button__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
103
208
|
}
|
|
104
209
|
|
|
105
210
|
/* @c2n/chat-message */
|
|
106
211
|
:root,
|
|
107
212
|
:host {
|
|
108
213
|
--c2-chat-message--font-size: var(--c2-theme--font-size-md, 14px);
|
|
214
|
+
--c2-chat-message__header__title--color: var(--c2-theme--color-on-surface, #18181b);
|
|
215
|
+
--c2-chat-message__header__title--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
216
|
+
--c2-chat-message__time--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
109
217
|
--c2-chat-message__time--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
110
218
|
}
|
|
111
219
|
|
|
@@ -220,6 +328,53 @@
|
|
|
220
328
|
--c2-copy-button--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
221
329
|
}
|
|
222
330
|
|
|
331
|
+
/* @c2n/date-input */
|
|
332
|
+
:root,
|
|
333
|
+
:host {
|
|
334
|
+
--c2-date-input--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
335
|
+
--c2-date-input--border-radius: var(--c2-theme--radius-md, 6px);
|
|
336
|
+
--c2-date-input--color: var(--c2-theme--color-on-surface, #18181b);
|
|
337
|
+
--c2-date-input--background: var(--c2-theme--color-surface, #ffffff);
|
|
338
|
+
--c2-date-input--font-size: var(--c2-theme--font-size-md, 14px);
|
|
339
|
+
--c2-date-input__hover--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-strong, #a1a1aa);
|
|
340
|
+
--c2-date-input__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, #0265dc);
|
|
341
|
+
--c2-date-input__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
342
|
+
--c2-date-input__error--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
|
|
343
|
+
--c2-date-input__read-only--background: var(--c2-theme--color-surface-container-low, #fafafa);
|
|
344
|
+
--c2-date-input__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
345
|
+
--c2-date-input__calendar-icon--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
346
|
+
--c2-date-input__calendar-icon__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
347
|
+
--c2-date-input__supporting-text--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
348
|
+
--c2-date-input__supporting-text--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
349
|
+
--c2-date-input__supporting-text__error--color: var(--c2-theme--color-error, #dc2626);
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
/* @c2n/date-selector */
|
|
353
|
+
:root,
|
|
354
|
+
:host {
|
|
355
|
+
--c2-date-selector--background: var(--c2-theme--color-surface, #ffffff);
|
|
356
|
+
--c2-date-selector--color: var(--c2-theme--color-on-surface, #18181b);
|
|
357
|
+
--c2-date-selector--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
358
|
+
--c2-date-selector--border-radius: var(--c2-theme--radius-xl, 14px);
|
|
359
|
+
--c2-date-selector--box-shadow: var(--c2-theme--shadow-md, 0 12px 32px rgba(24, 24, 27, 0.08));
|
|
360
|
+
--c2-date-selector--font-size: var(--c2-theme--font-size-md, 14px);
|
|
361
|
+
--c2-date-selector__day--border-radius: var(--c2-theme--radius-full, 999px);
|
|
362
|
+
--c2-date-selector__day__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
363
|
+
--c2-date-selector__day__today--color: var(--c2-theme--color-primary, #0265dc);
|
|
364
|
+
--c2-date-selector__day__today--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
365
|
+
--c2-date-selector__day__selected--background: var(--c2-theme--color-primary, #0265dc);
|
|
366
|
+
--c2-date-selector__day__selected--color: var(--c2-theme--color-on-primary, #ffffff);
|
|
367
|
+
--c2-date-selector__range--background: var(--c2-theme--color-primary-container, #edf1fe);
|
|
368
|
+
--c2-date-selector__range--color: var(--c2-theme--color-on-surface, #18181b);
|
|
369
|
+
--c2-date-selector__day__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
370
|
+
--c2-date-selector__weekday--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
371
|
+
--c2-date-selector__weekday--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
372
|
+
--c2-date-selector__month-title--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
373
|
+
--c2-date-selector__navigation__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
374
|
+
--c2-date-selector__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
375
|
+
--c2-date-selector__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
376
|
+
}
|
|
377
|
+
|
|
223
378
|
/* @c2n/details */
|
|
224
379
|
:root,
|
|
225
380
|
:host {
|
|
@@ -241,6 +396,14 @@
|
|
|
241
396
|
--c2-details__header__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
242
397
|
}
|
|
243
398
|
|
|
399
|
+
/* @c2n/header */
|
|
400
|
+
:root,
|
|
401
|
+
:host {
|
|
402
|
+
--c2-header--background: var(--c2-theme--color-surface, #ffffff);
|
|
403
|
+
--c2-header--color: var(--c2-theme--color-on-surface, #18181b);
|
|
404
|
+
--c2-header--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
405
|
+
}
|
|
406
|
+
|
|
244
407
|
/* @c2n/icon-button */
|
|
245
408
|
:root,
|
|
246
409
|
:host {
|
|
@@ -251,6 +414,17 @@
|
|
|
251
414
|
--c2-icon-button__selected--background-color: var(--c2-theme--color-surface-container, rgb(230, 230, 230));
|
|
252
415
|
}
|
|
253
416
|
|
|
417
|
+
/* @c2n/kbd */
|
|
418
|
+
:root,
|
|
419
|
+
:host {
|
|
420
|
+
--c2-kbd--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
421
|
+
--c2-kbd--color: var(--c2-theme--color-on-surface-variant, #52525b);
|
|
422
|
+
--c2-kbd--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #d4d4d8));
|
|
423
|
+
--c2-kbd--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
|
|
424
|
+
--c2-kbd--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
425
|
+
--c2-kbd--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
426
|
+
}
|
|
427
|
+
|
|
254
428
|
/* @c2n/label */
|
|
255
429
|
:root,
|
|
256
430
|
:host {
|
|
@@ -304,6 +478,38 @@
|
|
|
304
478
|
--c2-list-item__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
305
479
|
}
|
|
306
480
|
|
|
481
|
+
/* @c2n/menu */
|
|
482
|
+
:root,
|
|
483
|
+
:host {
|
|
484
|
+
--c2-menu--background: var(--c2-theme--color-surface, #ffffff);
|
|
485
|
+
--c2-menu--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
486
|
+
--c2-menu--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
487
|
+
--c2-menu--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
488
|
+
--c2-menu--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
489
|
+
--c2-menu--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
490
|
+
--c2-menu--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
491
|
+
--c2-menu--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
492
|
+
--c2-menu--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
493
|
+
--c2-menu--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
494
|
+
--c2-menu__separator--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
495
|
+
--c2-menu__heading--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
496
|
+
--c2-menu__heading--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
497
|
+
--c2-menu-item--border-top-left-radius: var(--c2-theme--radius-md, 6px);
|
|
498
|
+
--c2-menu-item--border-top-right-radius: var(--c2-theme--radius-md, 6px);
|
|
499
|
+
--c2-menu-item--border-bottom-left-radius: var(--c2-theme--radius-md, 6px);
|
|
500
|
+
--c2-menu-item--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
|
|
501
|
+
--c2-menu-item--font-size: var(--c2-theme--font-size-md, 14px);
|
|
502
|
+
--c2-menu-item--color: var(--c2-theme--color-on-surface, #18181b);
|
|
503
|
+
--c2-menu-item__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
504
|
+
--c2-menu-item__description--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
505
|
+
--c2-menu-item__description--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
506
|
+
--c2-menu-item__shortcut--color: var(--c2-theme--color-on-surface-variant, #52525b);
|
|
507
|
+
--c2-menu-item__icon--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
508
|
+
--c2-menu-item__destructive--color: var(--c2-theme--color-error, #dc2626);
|
|
509
|
+
--c2-menu-item__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
510
|
+
--c2-menu-item__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
511
|
+
}
|
|
512
|
+
|
|
307
513
|
/* @c2n/modal */
|
|
308
514
|
:root,
|
|
309
515
|
:host {
|
|
@@ -325,12 +531,143 @@
|
|
|
325
531
|
--c2-modal__backdrop--background: var(--c2-theme--color-scrim, rgba(9, 9, 11, 0.45));
|
|
326
532
|
}
|
|
327
533
|
|
|
534
|
+
/* @c2n/navigation-menu */
|
|
535
|
+
:root,
|
|
536
|
+
:host {
|
|
537
|
+
--c2-navigation-menu__mobile-trigger--color: var(--c2-theme--color-on-surface, #18181b);
|
|
538
|
+
--c2-navigation-menu__mobile-trigger--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
539
|
+
--c2-navigation-menu__mobile-trigger--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
540
|
+
--c2-navigation-menu__mobile-trigger__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
541
|
+
--c2-navigation-menu__mobile-trigger__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
542
|
+
--c2-navigation-menu__mobile-panel--background: var(--c2-theme--color-surface, #ffffff);
|
|
543
|
+
--c2-navigation-menu__mobile-panel--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
544
|
+
--c2-navigation-menu__mobile-panel--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
545
|
+
--c2-navigation-menu__mobile-panel--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
546
|
+
--c2-navigation-menu__mobile-panel--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
547
|
+
--c2-navigation-menu__mobile-panel--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
548
|
+
--c2-navigation-menu__mobile-panel--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
549
|
+
--c2-navigation-menu__mobile-panel--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
550
|
+
--c2-navigation-menu__mobile-panel--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
551
|
+
--c2-navigation-menu__mobile-panel--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
552
|
+
--c2-navigation-menu-item--border-top-left-radius: var(--c2-theme--radius-md, 6px);
|
|
553
|
+
--c2-navigation-menu-item--border-top-right-radius: var(--c2-theme--radius-md, 6px);
|
|
554
|
+
--c2-navigation-menu-item--border-bottom-left-radius: var(--c2-theme--radius-md, 6px);
|
|
555
|
+
--c2-navigation-menu-item--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
|
|
556
|
+
--c2-navigation-menu-item--font-size: var(--c2-theme--font-size-md, 14px);
|
|
557
|
+
--c2-navigation-menu-item--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
558
|
+
--c2-navigation-menu-item--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
559
|
+
--c2-navigation-menu-item__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
560
|
+
--c2-navigation-menu-item__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
561
|
+
--c2-navigation-menu-item__expanded--color: var(--c2-theme--color-on-surface, #18181b);
|
|
562
|
+
--c2-navigation-menu-item__expanded--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
563
|
+
--c2-navigation-menu-item__current--color: var(--c2-theme--color-on-surface, #18181b);
|
|
564
|
+
--c2-navigation-menu-item__current--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
565
|
+
--c2-navigation-menu-item__indicator--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
566
|
+
--c2-navigation-menu-item__indicator--border-radius: var(--c2-theme--radius-full, 999px);
|
|
567
|
+
--c2-navigation-menu-item__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
568
|
+
--c2-navigation-menu-item__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
569
|
+
--c2-navigation-menu-item__mobile-heading--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
570
|
+
--c2-navigation-menu-item__mobile-heading--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
571
|
+
--c2-navigation-menu-item__panel--background: var(--c2-theme--color-surface, #ffffff);
|
|
572
|
+
--c2-navigation-menu-item__panel--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
573
|
+
--c2-navigation-menu-item__panel--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
574
|
+
--c2-navigation-menu-item__panel--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
575
|
+
--c2-navigation-menu-item__panel--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
576
|
+
--c2-navigation-menu-item__panel--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
577
|
+
--c2-navigation-menu-item__panel--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
578
|
+
--c2-navigation-menu-item__panel--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
579
|
+
--c2-navigation-menu-item__panel--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
580
|
+
--c2-navigation-menu-item__panel--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
581
|
+
--c2-navigation-menu-link--border-top-left-radius: var(--c2-theme--radius-md, 6px);
|
|
582
|
+
--c2-navigation-menu-link--border-top-right-radius: var(--c2-theme--radius-md, 6px);
|
|
583
|
+
--c2-navigation-menu-link--border-bottom-left-radius: var(--c2-theme--radius-md, 6px);
|
|
584
|
+
--c2-navigation-menu-link--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
|
|
585
|
+
--c2-navigation-menu-link--font-size: var(--c2-theme--font-size-md, 14px);
|
|
586
|
+
--c2-navigation-menu-link--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
587
|
+
--c2-navigation-menu-link--color: var(--c2-theme--color-on-surface, #18181b);
|
|
588
|
+
--c2-navigation-menu-link__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
589
|
+
--c2-navigation-menu-link__current--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
590
|
+
--c2-navigation-menu-link__current--background: var(--c2-theme--color-primary-container, #edf1fe);
|
|
591
|
+
--c2-navigation-menu-link__description--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
592
|
+
--c2-navigation-menu-link__description--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
593
|
+
--c2-navigation-menu-link__icon--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
594
|
+
--c2-navigation-menu-link__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
595
|
+
--c2-navigation-menu-link__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
/* @c2n/number-input */
|
|
599
|
+
:root,
|
|
600
|
+
:host {
|
|
601
|
+
--c2-number-input--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
602
|
+
--c2-number-input--border-radius: var(--c2-theme--radius-md, 6px);
|
|
603
|
+
--c2-number-input--color: var(--c2-theme--color-on-surface, #18181b);
|
|
604
|
+
--c2-number-input--background: var(--c2-theme--color-surface, #ffffff);
|
|
605
|
+
--c2-number-input--font-size: var(--c2-theme--font-size-md, 14px);
|
|
606
|
+
--c2-number-input__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
607
|
+
--c2-number-input__hover--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-strong, #a1a1aa);
|
|
608
|
+
--c2-number-input__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, #0265dc);
|
|
609
|
+
--c2-number-input__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
610
|
+
--c2-number-input__error--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
|
|
611
|
+
--c2-number-input__read-only--background: var(--c2-theme--color-surface-container-low, #fafafa);
|
|
612
|
+
--c2-number-input__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
613
|
+
--c2-number-input__stepper--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
614
|
+
--c2-number-input__stepper--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
615
|
+
--c2-number-input__stepper__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
616
|
+
--c2-number-input__stepper__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
617
|
+
--c2-number-input__adornment--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
618
|
+
--c2-number-input__adornment--font-size: var(--c2-theme--font-size-md, 14px);
|
|
619
|
+
--c2-number-input__supporting-text--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
620
|
+
--c2-number-input__supporting-text--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
621
|
+
--c2-number-input__supporting-text__error--color: var(--c2-theme--color-error, #dc2626);
|
|
622
|
+
}
|
|
623
|
+
|
|
328
624
|
/* @c2n/overlay */
|
|
329
625
|
:root,
|
|
330
626
|
:host {
|
|
331
627
|
--c2-overlay--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
332
628
|
}
|
|
333
629
|
|
|
630
|
+
/* @c2n/pagination */
|
|
631
|
+
:root,
|
|
632
|
+
:host {
|
|
633
|
+
--c2-pagination__item--color: var(--c2-theme--color-on-surface, #18181b);
|
|
634
|
+
--c2-pagination__item--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
635
|
+
--c2-pagination__item--font-size: var(--c2-theme--font-size-md, 14px);
|
|
636
|
+
--c2-pagination__item--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
637
|
+
--c2-pagination__item__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
638
|
+
--c2-pagination__item__hover--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
639
|
+
--c2-pagination__item__selected--color: var(--c2-theme--color-on-surface, #18181b);
|
|
640
|
+
--c2-pagination__item__selected--background-color: var(--c2-theme--color-surface, #ffffff);
|
|
641
|
+
--c2-pagination__item__selected--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
642
|
+
--c2-pagination__item__selected--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
643
|
+
--c2-pagination__item__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
644
|
+
--c2-pagination__item__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
645
|
+
--c2-pagination__nav--color: var(--c2-theme--color-on-surface, #18181b);
|
|
646
|
+
--c2-pagination__nav--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
647
|
+
--c2-pagination__nav--font-size: var(--c2-theme--font-size-md, 14px);
|
|
648
|
+
--c2-pagination__nav--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
649
|
+
--c2-pagination__nav__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
650
|
+
--c2-pagination__nav__hover--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
651
|
+
--c2-pagination__ellipsis--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
652
|
+
--c2-pagination__label--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
653
|
+
--c2-pagination__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
654
|
+
--c2-pagination__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
/* @c2n/progress */
|
|
658
|
+
:root,
|
|
659
|
+
:host {
|
|
660
|
+
--c2-progress--border-radius: var(--c2-theme--radius-full, 999px);
|
|
661
|
+
--c2-progress__track--background-color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
662
|
+
--c2-progress__indicator--background-color: var(--c2-theme--color-primary, #0265dc);
|
|
663
|
+
--c2-progress--animation-duration: calc(1.4s * var(--c2-theme--motion-scale, 1));
|
|
664
|
+
--c2-progress__label--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
665
|
+
--c2-progress__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
666
|
+
--c2-progress__value--color: var(--c2-theme--color-on-surface, #18181b);
|
|
667
|
+
--c2-progress__value--font-size: var(--c2-theme--font-size-md, 14px);
|
|
668
|
+
--c2-progress__value--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
669
|
+
}
|
|
670
|
+
|
|
334
671
|
/* @c2n/radio */
|
|
335
672
|
:root,
|
|
336
673
|
:host {
|
|
@@ -406,6 +743,23 @@
|
|
|
406
743
|
--c2-seperator__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
407
744
|
}
|
|
408
745
|
|
|
746
|
+
/* @c2n/sheet */
|
|
747
|
+
:root,
|
|
748
|
+
:host {
|
|
749
|
+
--c2-sheet--background: var(--c2-theme--color-surface, #ffffff);
|
|
750
|
+
--c2-sheet--color: var(--c2-theme--color-on-surface, #18181b);
|
|
751
|
+
--c2-sheet--box-shadow: var(--c2-theme--shadow-lg, 0 24px 60px rgba(0, 0, 0, 0.25));
|
|
752
|
+
--c2-sheet--transition-duration: calc(280ms * var(--c2-theme--motion-scale, 1));
|
|
753
|
+
--c2-sheet__header--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
754
|
+
--c2-sheet__body--font-size: var(--c2-theme--font-size-md, 14px);
|
|
755
|
+
--c2-sheet__close--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
756
|
+
--c2-sheet__close--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
757
|
+
--c2-sheet__close__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
758
|
+
--c2-sheet__close__hover--color: var(--c2-theme--color-on-surface, #18181b);
|
|
759
|
+
--c2-sheet__close__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
760
|
+
--c2-sheet__backdrop--background: var(--c2-theme--color-scrim, rgba(9, 9, 11, 0.45));
|
|
761
|
+
}
|
|
762
|
+
|
|
409
763
|
/* @c2n/side-nav */
|
|
410
764
|
:root,
|
|
411
765
|
:host {
|
|
@@ -416,6 +770,14 @@
|
|
|
416
770
|
--c2-side-nav__backdrop--background-color: var(--c2-theme--color-scrim, rgba(0, 0, 0, 0.32));
|
|
417
771
|
}
|
|
418
772
|
|
|
773
|
+
/* @c2n/skeleton */
|
|
774
|
+
:root,
|
|
775
|
+
:host {
|
|
776
|
+
--c2-skeleton--border-radius: var(--c2-theme--radius-sm, 4px);
|
|
777
|
+
--c2-skeleton--background-color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
778
|
+
--c2-skeleton--animation-duration: calc(1.6s * var(--c2-theme--motion-scale, 1));
|
|
779
|
+
}
|
|
780
|
+
|
|
419
781
|
/* @c2n/slider */
|
|
420
782
|
:root,
|
|
421
783
|
:host {
|
|
@@ -446,6 +808,23 @@
|
|
|
446
808
|
--c2-spinner__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
447
809
|
}
|
|
448
810
|
|
|
811
|
+
/* @c2n/stat */
|
|
812
|
+
:root,
|
|
813
|
+
:host {
|
|
814
|
+
--c2-stat--background: var(--c2-theme--color-surface, #ffffff);
|
|
815
|
+
--c2-stat--color: var(--c2-theme--color-on-surface, #18181b);
|
|
816
|
+
--c2-stat--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
817
|
+
--c2-stat--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
818
|
+
--c2-stat__icon--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
819
|
+
--c2-stat__icon--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
820
|
+
--c2-stat__icon--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
821
|
+
--c2-stat__value--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
822
|
+
--c2-stat__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
823
|
+
--c2-stat__label--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
824
|
+
--c2-stat__description--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
825
|
+
--c2-stat__description--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
826
|
+
}
|
|
827
|
+
|
|
449
828
|
/* @c2n/switch */
|
|
450
829
|
:root,
|
|
451
830
|
:host {
|
|
@@ -465,6 +844,50 @@
|
|
|
465
844
|
--c2-switch--transition-duration: calc(200ms * var(--c2-theme--motion-scale, 1));
|
|
466
845
|
}
|
|
467
846
|
|
|
847
|
+
/* @c2n/table */
|
|
848
|
+
:root,
|
|
849
|
+
:host {
|
|
850
|
+
--c2-table--background: var(--c2-theme--color-surface, #ffffff);
|
|
851
|
+
--c2-table--color: var(--c2-theme--color-on-surface, #18181b);
|
|
852
|
+
--c2-table--font-size: var(--c2-theme--font-size-md, 14px);
|
|
853
|
+
--c2-table--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
854
|
+
--c2-table--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
855
|
+
--c2-table--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
856
|
+
--c2-table--border-left: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
857
|
+
--c2-table--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
858
|
+
--c2-table--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
859
|
+
--c2-table--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
860
|
+
--c2-table--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
861
|
+
--c2-table__header--background: var(--c2-theme--color-surface-container-low, #fafafa);
|
|
862
|
+
--c2-table__header--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
863
|
+
--c2-table__header--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
864
|
+
--c2-table__header--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
865
|
+
--c2-table__header--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
866
|
+
--c2-table__header-cell__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
867
|
+
--c2-table__header-cell__sorted--color: var(--c2-theme--color-on-surface, #18181b);
|
|
868
|
+
--c2-table__sort-icon--color: var(--c2-theme--color-on-surface-variant, #a1a1aa);
|
|
869
|
+
--c2-table__sort-icon__active--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
870
|
+
--c2-table__resizer--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
871
|
+
--c2-table__resizer__hover--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
872
|
+
--c2-table__row--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
873
|
+
--c2-table__row__hover--background: var(--c2-theme--color-surface-container-low, #fafafa);
|
|
874
|
+
--c2-table__row__odd--background: var(--c2-theme--color-surface-container-low, #fafafa);
|
|
875
|
+
--c2-table__row__selected--background: var(--c2-theme--color-primary-container, #edf1fe);
|
|
876
|
+
--c2-table__row__selected--color: var(--c2-theme--color-on-surface, #18181b);
|
|
877
|
+
--c2-table__cell--font-size: var(--c2-theme--font-size-md, 14px);
|
|
878
|
+
--c2-table__cell--color: var(--c2-theme--color-on-surface, #18181b);
|
|
879
|
+
--c2-table__cell__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
880
|
+
--c2-table__pinned-start--box-shadow: 1px 0 0 0 var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
881
|
+
--c2-table__pinned-end--box-shadow: -1px 0 0 0 var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
882
|
+
--c2-table__skeleton--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
883
|
+
--c2-table__skeleton--border-radius: var(--c2-theme--radius-sm, 4px);
|
|
884
|
+
--c2-table__state--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
885
|
+
--c2-table__state--font-size: var(--c2-theme--font-size-md, 14px);
|
|
886
|
+
--c2-table__state__error--color: var(--c2-theme--color-error, rgb(211, 21, 16));
|
|
887
|
+
--c2-table__toolbar--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
888
|
+
--c2-table__footer--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
889
|
+
}
|
|
890
|
+
|
|
468
891
|
/* @c2n/tabs */
|
|
469
892
|
:root,
|
|
470
893
|
:host {
|
|
@@ -565,3 +988,27 @@
|
|
|
565
988
|
--c2-tooltip--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
566
989
|
--c2-tooltip--transition-duration: calc(120ms * var(--c2-theme--motion-scale, 1));
|
|
567
990
|
}
|
|
991
|
+
|
|
992
|
+
/* @c2n/virtual-list */
|
|
993
|
+
:root,
|
|
994
|
+
:host {
|
|
995
|
+
--c2-virtual-list--background: var(--c2-theme--color-surface, #ffffff);
|
|
996
|
+
--c2-virtual-list--color: var(--c2-theme--color-on-surface, #18181b);
|
|
997
|
+
--c2-virtual-list--font-size: var(--c2-theme--font-size-md, 14px);
|
|
998
|
+
--c2-virtual-list--border-top-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
999
|
+
--c2-virtual-list--border-top-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
1000
|
+
--c2-virtual-list--border-bottom-left-radius: var(--c2-theme--radius-lg, 8px);
|
|
1001
|
+
--c2-virtual-list--border-bottom-right-radius: var(--c2-theme--radius-lg, 8px);
|
|
1002
|
+
--c2-virtual-list__search--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1003
|
+
--c2-virtual-list__search-field--background: var(--c2-theme--color-surface, #ffffff);
|
|
1004
|
+
--c2-virtual-list__search-field--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1005
|
+
--c2-virtual-list__search-field--border-radius: var(--c2-theme--radius-md, 6px);
|
|
1006
|
+
--c2-virtual-list__highlight--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
1007
|
+
--c2-virtual-list__highlight--border-radius: var(--c2-theme--radius-sm, 4px);
|
|
1008
|
+
--c2-virtual-list__skeleton--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1009
|
+
--c2-virtual-list__skeleton--border-radius: var(--c2-theme--radius-sm, 4px);
|
|
1010
|
+
--c2-virtual-list__state--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
1011
|
+
--c2-virtual-list__state--font-size: var(--c2-theme--font-size-md, 14px);
|
|
1012
|
+
--c2-virtual-list__state__error--color: var(--c2-theme--color-error, rgb(211, 21, 16));
|
|
1013
|
+
--c2-virtual-list__footer--border-top: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1014
|
+
}
|