@vonage/vvd-scheme - npm Package Compare versions

Comparing version 2.23.0 to 2.24.0

CHANGELOG.md

@@ -0,1 +1,5 @@
+# [2.24.0](https://github.com/vonage/vivid/compare/v2.23.0...v2.24.0) (2021-12-22)
+
+
+
 # [2.23.0](https://github.com/vonage/vivid/compare/v2.22.1...v2.23.0) (2021-12-14)
@@ -2,0 +6,0 @@

package.json

 {
 	"name": "@vonage/vvd-scheme",
-	"version": "2.23.0",
+	"version": "2.24.0",
 	"description": "Vivid scheme management service",
@@ -25,12 +25,12 @@ "author": "yinonov <[e-mail]>",
 	"dependencies": {
-		"@vonage/vvd-foundation": "2.23.0",
+		"@vonage/vvd-foundation": "2.24.0",
 		"tslib": "^2.3.0"
 	},
 	"devDependencies": {
-		"@vonage/vvd-design-tokens": "2.23.0",
-		"@vonage/vvd-umbrella": "2.23.0",
+		"@vonage/vvd-design-tokens": "2.24.0",
+		"@vonage/vvd-umbrella": "2.24.0",
 		"lit-element": "^2.4.0",
 		"typescript": "^4.3.2"
 	},
-	"gitHead": "4e2bc06df823fb40691f35ed380e8ef3b4d6b401"
+	"gitHead": "6a5e967f4e978b79ad215b11b4132762576712f2"
 }

scheme.dark.css.js

 import { css } from 'lit-element';
-export const style = css `:root,.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){:root,.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}}`;
+export const style = css `:root,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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){:root,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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 `:root,.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){:root,.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}}`;
+export const style = css `:root,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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){:root,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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`:root,.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){:root,.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}}`;
+export const style = css`:root,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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){:root,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:dark}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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`:root,.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){:root,.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}}`;
+export const style = css`:root,.vvd-scheme-main,::part(vvd-scheme-main){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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){:root,.vvd-scheme-main,::part(vvd-scheme-main){color-scheme:light}}.vvd-scheme-alternate,::part(vvd-scheme-alternate){--vvd-sizing-4px-scale-3xs: 8px;--vvd-sizing-4px-scale-2xs: 12px;--vvd-sizing-4px-scale-xs: 16px;--vvd-sizing-4px-scale-sm: 20px;--vvd-sizing-4px-scale-md: 24px;--vvd-sizing-4px-scale-lg: 28px;--vvd-sizing-4px-scale-xl: 32px;--vvd-sizing-4px-scale-2xl: 36px;--vvd-sizing-4px-scale-3xl: 40px;--vvd-sizing-8px-scale-3xs: 8px;--vvd-sizing-8px-scale-2xs: 16px;--vvd-sizing-8px-scale-xs: 24px;--vvd-sizing-8px-scale-sm: 32px;--vvd-sizing-8px-scale-md: 40px;--vvd-sizing-8px-scale-lg: 48px;--vvd-sizing-8px-scale-xl: 56px;--vvd-sizing-8px-scale-2xl: 64px;--vvd-sizing-8px-scale-3xl: 72px;--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}}`;

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

164386

increased by4.49%

Lines of code

613

increased by1.32%

Dependency changes

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

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

• Updated@vonage/vvd-foundation@2.24.0