@vonage/vvd-scheme - npm Package Compare versions

Comparing version 2.20.1 to 2.21.0

CHANGELOG.md

@@ -0,1 +1,10 @@
+# [2.21.0](https://github.com/vonage/vivid/compare/v2.20.1...v2.21.0) (2021-10-20)
+
+
+### Features
+
+* elevation tokens builder ([#1092](https://github.com/vonage/vivid/issues/1092)) ([949105c](https://github.com/vonage/vivid/commit/949105c883d92638084a7ff6a7ba9177471ce972))
+
+
+
 ## [2.20.1](https://github.com/vonage/vivid/compare/v2.20.0...v2.20.1) (2021-10-07)
@@ -2,0 +11,0 @@

package.json

 {
 	"name": "@vonage/vvd-scheme",
-	"version": "2.20.1",
+	"version": "2.21.0",
 	"description": "Vivid scheme management service",
@@ -25,12 +25,12 @@ "author": "yinonov <[e-mail]>",
 	"dependencies": {
-		"@vonage/vvd-foundation": "2.20.1",
+		"@vonage/vvd-foundation": "2.21.0",
 		"tslib": "^2.3.0"
 	},
 	"devDependencies": {
-		"@vonage/vvd-design-tokens": "2.20.1",
-		"@vonage/vvd-umbrella": "2.20.1",
+		"@vonage/vvd-design-tokens": "2.21.0",
+		"@vonage/vvd-umbrella": "2.21.0",
 		"lit-element": "^2.4.0",
 		"typescript": "^4.3.2"
 	},
-	"gitHead": "3905dfd8616bc5cb1da2edd2ad4289f09dc986d9"
+	"gitHead": "2d8d4f06fa94fd7d9ec73489f76377491293acd6"
 }

scheme.dark.css.js

 import { css } from 'lit-element';
-export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-2-canvas: #1c1c1c;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-4-canvas: #202020;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25), 0 8px 8px rgba(19, 20, 21, 0.25), 0 2px 16px rgba(19, 20, 21, 0.25);--vvd-scheme-elevation-dp-8-canvas: #252525;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.25), 0 12px 16px rgba(0, 0, 0, 0.25), 0 4px 24px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-12-canvas: #2a2a2a;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px 4px rgba(0, 0, 0, 0.25), 0 16px 24px rgba(0, 0, 0, 0.25), 0 6px 32px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-16-canvas: #2f2f2f;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px 4px rgba(0, 0, 0, 0.25), 0 24px 32px rgba(0, 0, 0, 0.25), 0 12px 48px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-24-canvas: #343434;--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(153,153,153);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(183,126,249);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(50,175,76);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(251,106,106);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(232,125,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(43,158,250);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(234,107,193);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247)}@supports(color-scheme: dark){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-2-canvas: #fff;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-4-canvas: #fff;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 2px 16px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-8-canvas: #fff;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.05), 0 12px 16px rgba(0, 0, 0, 0.05), 0 4px 24px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-12-canvas: #fff;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05), 0 16px 24px rgba(0, 0, 0, 0.05), 0 6px 32px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-16-canvas: #fff;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05), 0 24px 32px rgba(0, 0, 0, 0.05), 0 12px 48px rgba(0, 0, 0, 0.2);--vvd-scheme-elevation-dp-24-canvas: #fff;--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(153,153,153);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86)}@supports(color-scheme: light){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:light}}`;
+export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-color-surface-2dp: rgba(28.000000230968, 28.000000230968, 28.000000230968, 1);--vvd-color-surface-4dp: rgba(32.00000189244747, 32.00000189244747, 32.00000189244747, 1);--vvd-color-surface-8dp: rgba(37.00000159442425, 37.00000159442425, 37.00000159442425, 1);--vvd-color-surface-12dp: rgba(42.000001296401024, 42.000001296401024, 42.000001296401024, 1);--vvd-color-surface-16dp: rgba(47.0000009983778, 47.0000009983778, 47.0000009983778, 1);--vvd-color-surface-24dp: rgba(52.000000700354576, 52.000000700354576, 52.000000700354576, 1);--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(146,146,146);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(178,123,242);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(48,168,73);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(247,89,89);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(224,121,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(41,151,240);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(229,96,187);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 8px 8px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25))}@supports(color-scheme: dark){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-color-surface-2dp: rgba(255, 255, 255, 1);--vvd-color-surface-4dp: rgba(255, 255, 255, 1);--vvd-color-surface-8dp: rgba(255, 255, 255, 1);--vvd-color-surface-12dp: rgba(255, 255, 255, 1);--vvd-color-surface-16dp: rgba(255, 255, 255, 1);--vvd-color-surface-24dp: rgba(255, 255, 255, 1);--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(146,146,146);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.20000000298023224)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806))}@supports(color-scheme: light){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:light}}`;
 //# sourceMappingURL=scheme.dark.css.js.map

scheme.light.css.js

 import { css } from 'lit-element';
-export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-2-canvas: #fff;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-4-canvas: #fff;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 2px 16px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-8-canvas: #fff;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.05), 0 12px 16px rgba(0, 0, 0, 0.05), 0 4px 24px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-12-canvas: #fff;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05), 0 16px 24px rgba(0, 0, 0, 0.05), 0 6px 32px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-16-canvas: #fff;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05), 0 24px 32px rgba(0, 0, 0, 0.05), 0 12px 48px rgba(0, 0, 0, 0.2);--vvd-scheme-elevation-dp-24-canvas: #fff;--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(153,153,153);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86)}@supports(color-scheme: light){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-2-canvas: #1c1c1c;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-4-canvas: #202020;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25), 0 8px 8px rgba(19, 20, 21, 0.25), 0 2px 16px rgba(19, 20, 21, 0.25);--vvd-scheme-elevation-dp-8-canvas: #252525;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.25), 0 12px 16px rgba(0, 0, 0, 0.25), 0 4px 24px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-12-canvas: #2a2a2a;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px 4px rgba(0, 0, 0, 0.25), 0 16px 24px rgba(0, 0, 0, 0.25), 0 6px 32px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-16-canvas: #2f2f2f;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px 4px rgba(0, 0, 0, 0.25), 0 24px 32px rgba(0, 0, 0, 0.25), 0 12px 48px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-24-canvas: #343434;--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(153,153,153);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(183,126,249);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(50,175,76);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(251,106,106);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(232,125,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(43,158,250);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(234,107,193);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247)}@supports(color-scheme: dark){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:dark}}`;
+export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-color-surface-2dp: rgba(255, 255, 255, 1);--vvd-color-surface-4dp: rgba(255, 255, 255, 1);--vvd-color-surface-8dp: rgba(255, 255, 255, 1);--vvd-color-surface-12dp: rgba(255, 255, 255, 1);--vvd-color-surface-16dp: rgba(255, 255, 255, 1);--vvd-color-surface-24dp: rgba(255, 255, 255, 1);--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(146,146,146);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.20000000298023224)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806))}@supports(color-scheme: light){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-color-surface-2dp: rgba(28.000000230968, 28.000000230968, 28.000000230968, 1);--vvd-color-surface-4dp: rgba(32.00000189244747, 32.00000189244747, 32.00000189244747, 1);--vvd-color-surface-8dp: rgba(37.00000159442425, 37.00000159442425, 37.00000159442425, 1);--vvd-color-surface-12dp: rgba(42.000001296401024, 42.000001296401024, 42.000001296401024, 1);--vvd-color-surface-16dp: rgba(47.0000009983778, 47.0000009983778, 47.0000009983778, 1);--vvd-color-surface-24dp: rgba(52.000000700354576, 52.000000700354576, 52.000000700354576, 1);--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(146,146,146);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(178,123,242);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(48,168,73);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(247,89,89);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(224,121,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(41,151,240);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(229,96,187);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 8px 8px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25))}@supports(color-scheme: dark){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:dark}}`;
 //# sourceMappingURL=scheme.light.css.js.map

src/scheme.dark.css.ts

 // autogenerated module
 import {css} from 'lit-element';
-export const style = css`body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-2-canvas: #1c1c1c;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-4-canvas: #202020;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25), 0 8px 8px rgba(19, 20, 21, 0.25), 0 2px 16px rgba(19, 20, 21, 0.25);--vvd-scheme-elevation-dp-8-canvas: #252525;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.25), 0 12px 16px rgba(0, 0, 0, 0.25), 0 4px 24px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-12-canvas: #2a2a2a;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px 4px rgba(0, 0, 0, 0.25), 0 16px 24px rgba(0, 0, 0, 0.25), 0 6px 32px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-16-canvas: #2f2f2f;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px 4px rgba(0, 0, 0, 0.25), 0 24px 32px rgba(0, 0, 0, 0.25), 0 12px 48px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-24-canvas: #343434;--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(153,153,153);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(183,126,249);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(50,175,76);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(251,106,106);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(232,125,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(43,158,250);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(234,107,193);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247)}@supports(color-scheme: dark){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-2-canvas: #fff;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-4-canvas: #fff;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 2px 16px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-8-canvas: #fff;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.05), 0 12px 16px rgba(0, 0, 0, 0.05), 0 4px 24px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-12-canvas: #fff;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05), 0 16px 24px rgba(0, 0, 0, 0.05), 0 6px 32px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-16-canvas: #fff;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05), 0 24px 32px rgba(0, 0, 0, 0.05), 0 12px 48px rgba(0, 0, 0, 0.2);--vvd-scheme-elevation-dp-24-canvas: #fff;--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(153,153,153);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86)}@supports(color-scheme: light){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:light}}`;
+export const style = css`body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-color-surface-2dp: rgba(28.000000230968, 28.000000230968, 28.000000230968, 1);--vvd-color-surface-4dp: rgba(32.00000189244747, 32.00000189244747, 32.00000189244747, 1);--vvd-color-surface-8dp: rgba(37.00000159442425, 37.00000159442425, 37.00000159442425, 1);--vvd-color-surface-12dp: rgba(42.000001296401024, 42.000001296401024, 42.000001296401024, 1);--vvd-color-surface-16dp: rgba(47.0000009983778, 47.0000009983778, 47.0000009983778, 1);--vvd-color-surface-24dp: rgba(52.000000700354576, 52.000000700354576, 52.000000700354576, 1);--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(146,146,146);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(178,123,242);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(48,168,73);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(247,89,89);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(224,121,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(41,151,240);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(229,96,187);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 8px 8px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25))}@supports(color-scheme: dark){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-color-surface-2dp: rgba(255, 255, 255, 1);--vvd-color-surface-4dp: rgba(255, 255, 255, 1);--vvd-color-surface-8dp: rgba(255, 255, 255, 1);--vvd-color-surface-12dp: rgba(255, 255, 255, 1);--vvd-color-surface-16dp: rgba(255, 255, 255, 1);--vvd-color-surface-24dp: rgba(255, 255, 255, 1);--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(146,146,146);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.20000000298023224)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806))}@supports(color-scheme: light){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:light}}`;

src/scheme.light.css.ts

 // autogenerated module
 import {css} from 'lit-element';
-export const style = css`body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-2-canvas: #fff;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-4-canvas: #fff;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 2px 16px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-8-canvas: #fff;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.05), 0 12px 16px rgba(0, 0, 0, 0.05), 0 4px 24px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-12-canvas: #fff;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05), 0 16px 24px rgba(0, 0, 0, 0.05), 0 6px 32px rgba(0, 0, 0, 0.1);--vvd-scheme-elevation-dp-16-canvas: #fff;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05), 0 24px 32px rgba(0, 0, 0, 0.05), 0 12px 48px rgba(0, 0, 0, 0.2);--vvd-scheme-elevation-dp-24-canvas: #fff;--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(153,153,153);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86)}@supports(color-scheme: light){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-scheme-elevation-dp-2-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-2-canvas: #1c1c1c;--vvd-scheme-elevation-dp-4-box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-4-canvas: #202020;--vvd-scheme-elevation-dp-8-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25), 0 8px 8px rgba(19, 20, 21, 0.25), 0 2px 16px rgba(19, 20, 21, 0.25);--vvd-scheme-elevation-dp-8-canvas: #252525;--vvd-scheme-elevation-dp-12-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.25), 0 12px 16px rgba(0, 0, 0, 0.25), 0 4px 24px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-12-canvas: #2a2a2a;--vvd-scheme-elevation-dp-16-box-shadow: 0 8px 12px 4px rgba(0, 0, 0, 0.25), 0 16px 24px rgba(0, 0, 0, 0.25), 0 6px 32px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-16-canvas: #2f2f2f;--vvd-scheme-elevation-dp-24-box-shadow: 0 12px 16px 4px rgba(0, 0, 0, 0.25), 0 24px 32px rgba(0, 0, 0, 0.25), 0 12px 48px rgba(0, 0, 0, 0.25);--vvd-scheme-elevation-dp-24-canvas: #343434;--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(153,153,153);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(183,126,249);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(50,175,76);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(251,106,106);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(232,125,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(43,158,250);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(234,107,193);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247)}@supports(color-scheme: dark){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:dark}}`;
+export const style = css`body,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-color-surface-2dp: rgba(255, 255, 255, 1);--vvd-color-surface-4dp: rgba(255, 255, 255, 1);--vvd-color-surface-8dp: rgba(255, 255, 255, 1);--vvd-color-surface-12dp: rgba(255, 255, 255, 1);--vvd-color-surface-16dp: rgba(255, 255, 255, 1);--vvd-color-surface-24dp: rgba(255, 255, 255, 1);--vvd-color-canvas: rgb(255,255,255);--vvd-color-on-canvas: rgb(0,0,0);--vvd-color-primary: rgb(0,0,0);--vvd-color-on-primary: rgb(255,255,255);--vvd-color-neutral: rgb(117,117,117);--vvd-color-on-neutral: rgb(255,255,255);--vvd-color-neutral-10: rgb(242,242,242);--vvd-color-neutral-20: rgb(230,230,230);--vvd-color-neutral-30: rgb(204,204,204);--vvd-color-neutral-40: rgb(179,179,179);--vvd-color-neutral-50: rgb(146,146,146);--vvd-color-neutral-70: rgb(102,102,102);--vvd-color-neutral-80: rgb(77,77,77);--vvd-color-neutral-90: rgb(51,51,51);--vvd-color-cta: rgb(153,65,255);--vvd-color-on-cta: rgb(255,255,255);--vvd-color-cta-10: rgb(245,240,253);--vvd-color-cta-20: rgb(236,226,250);--vvd-color-cta-30: rgb(220,193,252);--vvd-color-cta-70: rgb(135,30,255);--vvd-color-cta-90: rgb(68,2,145);--vvd-color-success: rgb(28,135,49);--vvd-color-on-success: rgb(255,255,255);--vvd-color-success-10: rgb(225,248,229);--vvd-color-success-20: rgb(207,238,212);--vvd-color-success-30: rgb(134,224,144);--vvd-color-success-70: rgb(22,118,41);--vvd-color-success-90: rgb(24,58,30);--vvd-color-alert: rgb(230,29,29);--vvd-color-on-alert: rgb(255,255,255);--vvd-color-alert-10: rgb(255,238,242);--vvd-color-alert-20: rgb(254,223,223);--vvd-color-alert-30: rgb(255,187,187);--vvd-color-alert-70: rgb(205,13,13);--vvd-color-alert-90: rgb(110,0,0);--vvd-color-warning: rgb(250,159,0);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(252,245,167);--vvd-color-warning-20: rgb(253,231,109);--vvd-color-warning-30: rgb(255,195,33);--vvd-color-warning-70: rgb(166,76,3);--vvd-color-warning-90: rgb(82,40,1);--vvd-color-info: rgb(2,118,213);--vvd-color-on-info: rgb(255,255,255);--vvd-color-info-10: rgb(232,244,251);--vvd-color-info-20: rgb(211,233,252);--vvd-color-info-30: rgb(157,210,254);--vvd-color-info-70: rgb(14,101,194);--vvd-color-info-90: rgb(14,48,109);--vvd-color-announcement: rgb(214,33,156);--vvd-color-on-announcement: rgb(255,255,255);--vvd-color-announcement-10: rgb(255,237,251);--vvd-color-announcement-20: rgb(255,220,247);--vvd-color-announcement-30: rgb(248,185,231);--vvd-color-announcement-70: rgb(187,30,137);--vvd-color-announcement-90: rgb(98,2,86);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.10000000149011612)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05000000074505806));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.20000000298023224)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05000000074505806)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05000000074505806))}@supports(color-scheme: light){body,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-color-surface-2dp: rgba(28.000000230968, 28.000000230968, 28.000000230968, 1);--vvd-color-surface-4dp: rgba(32.00000189244747, 32.00000189244747, 32.00000189244747, 1);--vvd-color-surface-8dp: rgba(37.00000159442425, 37.00000159442425, 37.00000159442425, 1);--vvd-color-surface-12dp: rgba(42.000001296401024, 42.000001296401024, 42.000001296401024, 1);--vvd-color-surface-16dp: rgba(47.0000009983778, 47.0000009983778, 47.0000009983778, 1);--vvd-color-surface-24dp: rgba(52.000000700354576, 52.000000700354576, 52.000000700354576, 1);--vvd-color-canvas: rgb(13,13,13);--vvd-color-on-canvas: rgb(255,255,255);--vvd-color-primary: rgb(255,255,255);--vvd-color-on-primary: rgb(0,0,0);--vvd-color-neutral: rgb(146,146,146);--vvd-color-on-neutral: rgb(0,0,0);--vvd-color-neutral-10: rgb(26,26,26);--vvd-color-neutral-20: rgb(51,51,51);--vvd-color-neutral-30: rgb(77,77,77);--vvd-color-neutral-40: rgb(102,102,102);--vvd-color-neutral-50: rgb(117,117,117);--vvd-color-neutral-70: rgb(179,179,179);--vvd-color-neutral-80: rgb(204,204,204);--vvd-color-neutral-90: rgb(230,230,230);--vvd-color-cta: rgb(178,123,242);--vvd-color-on-cta: rgb(0,0,0);--vvd-color-cta-10: rgb(38,4,77);--vvd-color-cta-20: rgb(68,2,145);--vvd-color-cta-30: rgb(100,5,209);--vvd-color-cta-70: rgb(203,161,250);--vvd-color-cta-90: rgb(236,226,250);--vvd-color-success: rgb(48,168,73);--vvd-color-on-success: rgb(0,0,0);--vvd-color-success-10: rgb(10,30,17);--vvd-color-success-20: rgb(24,58,30);--vvd-color-success-30: rgb(21,89,35);--vvd-color-success-70: rgb(83,202,106);--vvd-color-success-90: rgb(207,238,212);--vvd-color-alert: rgb(247,89,89);--vvd-color-on-alert: rgb(0,0,0);--vvd-color-alert-10: rgb(62,0,4);--vvd-color-alert-20: rgb(110,0,0);--vvd-color-alert-30: rgb(159,2,2);--vvd-color-alert-70: rgb(254,150,150);--vvd-color-alert-90: rgb(254,223,223);--vvd-color-warning: rgb(224,121,2);--vvd-color-on-warning: rgb(0,0,0);--vvd-color-warning-10: rgb(42,21,2);--vvd-color-warning-20: rgb(82,40,1);--vvd-color-warning-30: rgb(128,56,7);--vvd-color-warning-70: rgb(250,159,0);--vvd-color-warning-90: rgb(253,231,109);--vvd-color-info: rgb(41,151,240);--vvd-color-on-info: rgb(0,0,0);--vvd-color-info-10: rgb(7,25,57);--vvd-color-info-20: rgb(14,48,109);--vvd-color-info-30: rgb(9,74,158);--vvd-color-info-70: rgb(101,186,255);--vvd-color-info-90: rgb(211,233,252);--vvd-color-announcement: rgb(229,96,187);--vvd-color-on-announcement: rgb(0,0,0);--vvd-color-announcement-10: rgb(50,8,44);--vvd-color-announcement-20: rgb(98,2,86);--vvd-color-announcement-30: rgb(143,22,105);--vvd-color-announcement-70: rgb(251,143,216);--vvd-color-announcement-90: rgb(255,220,247);--vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 8px 8px rgba(19.0000007674098, 20.000000707805157, 21.000000648200512, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));--vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25))}@supports(color-scheme: dark){.vvd-scheme-alternate,::part(vvd-scheme-alternate){color-scheme:dark}}`;

src/vvd-scheme.ts

@@ -16,3 +16,3 @@ import { applySchemeCSS } from './vvd-scheme-style-tag-handler.js';
 } from './vvd-scheme-foundation.js';
-import { Emitter } from '@vonage/vvd-foundation/general-utils';
+import { Emitter } from '@vonage/vvd-foundation/general-utils.js';
 
@@ -19,0 +19,0 @@ export {

vvd-scheme.d.ts

 import { PredefinedScheme } from './vvd-scheme-foundation.js';
 import type { SchemeOption, SelectedDetail } from './vvd-scheme-foundation.js';
-import { Emitter } from '@vonage/vvd-foundation/general-utils';
+import { Emitter } from '@vonage/vvd-foundation/general-utils.js';
 export { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation.js';
@@ -5,0 +5,0 @@ export type { SchemeOption, SelectedDetail };

vvd-scheme.js

 import { applySchemeCSS } from './vvd-scheme-style-tag-handler.js';
 import { pcs, getPreferedColorScheme, } from './os-sync.utils.js';
 import { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation.js';
-import { Emitter } from '@vonage/vvd-foundation/general-utils';
+import { Emitter } from '@vonage/vvd-foundation/general-utils.js';
 export { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation.js';
@@ -6,0 +6,0 @@ const eventBus = new Emitter();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

157084

increased by0.9%

Lines of code

605

increased by1.34%

Dependency changes

• + Added@vonage/vvd-foundation@2.21.0(transitive)

• - Removed@vonage/vvd-foundation@2.20.1(transitive)

• Updated@vonage/vvd-foundation@2.21.0