@vonage/vvd-scheme - npm Package Compare versions

Comparing version 2.18.1 to 2.19.0

CHANGELOG.md

@@ -0,1 +1,10 @@
+# [2.19.0](https://github.com/vonage/vivid/compare/v2.18.1...v2.19.0) (2021-10-04)
+
+
+### Features
+
+* **elevation:** vwc elevation feature first draft ([#1058](https://github.com/vonage/vivid/issues/1058)) ([276d795](https://github.com/vonage/vivid/commit/276d7957abb4dc075cad69aefe2a0bdc3a39492a))
+
+
+
 ## [2.18.1](https://github.com/vonage/vivid/compare/v2.18.0...v2.18.1) (2021-08-25)
@@ -2,0 +11,0 @@

os-sync.utils.d.ts

@@ -1,4 +0,4 @@
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 export declare const pcs: MediaQueryList;
 export declare function getPreferedColorScheme(): PredefinedScheme;
 export declare function prefersColorSchemeSupported(): boolean;

os-sync.utils.js

@@ -1,2 +0,2 @@
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 export const pcs = window.matchMedia('(prefers-color-scheme: dark)');
@@ -3,0 +3,0 @@ export function getPreferedColorScheme() {

package.json

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

scheme.dark.css.js

@@ -1,4 +0,3 @@
-// autogenerated module
 import { css } from 'lit-element';
-export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--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-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-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-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-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-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-scheme-alternate,::part(vvd-scheme-alternate){--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-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-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-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-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-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)}`;
+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}}`;
 //# sourceMappingURL=scheme.dark.css.js.map

scheme.light.css.js

@@ -1,4 +0,3 @@
-// autogenerated module
 import { css } from 'lit-element';
-export const style = css `body,.vvd-scheme-main,::part(vvd-scheme-main){--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-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-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-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-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-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-scheme-alternate,::part(vvd-scheme-alternate){--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-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-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-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-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-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)}`;
+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}}`;
 //# sourceMappingURL=scheme.light.css.js.map

src/os-sync.utils.ts

@@ -1,2 +0,2 @@
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 
@@ -3,0 +3,0 @@ export const pcs = window.matchMedia('(prefers-color-scheme: dark)');

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-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-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-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-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-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-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-scheme-alternate,::part(vvd-scheme-alternate){--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-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-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-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-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-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)}`;
+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}}`;

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-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-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-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-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-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-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-scheme-alternate,::part(vvd-scheme-alternate){--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-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-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-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-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-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)}`;
+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}}`;

src/vvd-scheme-style-tag-handler.ts

@@ -1,7 +0,7 @@
-import { CSSResult } from 'lit-element';
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import type { CSSResult } from 'lit-element';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 
 type ModuleType =
-	| typeof import('./scheme.dark.css')
-	| typeof import('./scheme.light.css');
+	| typeof import('./scheme.dark.css.js')
+	| typeof import('./scheme.light.css.js');
 
@@ -13,6 +13,6 @@ const getSchemeModule: (scheme: PredefinedScheme) => Promise<ModuleType> = (
 	case PredefinedScheme.DARK:
-		return import('./scheme.dark.css');
+		return import('./scheme.dark.css.js');
 	case PredefinedScheme.LIGHT:
 	default:
-		return import('./scheme.light.css');
+		return import('./scheme.light.css.js');
 	}
@@ -19,0 +19,0 @@ };

src/vvd-scheme.ts

@@ -1,2 +0,2 @@
-import { applySchemeCSS } from './vvd-scheme-style-tag-handler';
+import { applySchemeCSS } from './vvd-scheme-style-tag-handler.js';
 import {
@@ -6,17 +6,23 @@ pcs,
 	// prefersColorSchemeSupported,
-} from './os-sync.utils';
+} from './os-sync.utils.js';
 import {
-	SelectedDetail,
 	PredefinedScheme,
 	AutoScheme,
+} from './vvd-scheme-foundation.js';
+
+import type {
 	SchemeOption,
-} from './vvd-scheme-foundation';
+	SelectedDetail
+} from './vvd-scheme-foundation.js';
 import { Emitter } from '@vonage/vvd-foundation/general-utils';
 
 export {
-	SelectedDetail,
 	PredefinedScheme,
 	AutoScheme,
+} from './vvd-scheme-foundation.js';
+
+export type {
 	SchemeOption,
-} from './vvd-scheme-foundation';
+	SelectedDetail
+};
 
@@ -23,0 +29,0 @@ const eventBus = new Emitter(); // !refactored due to lack of support of EventTarget as a constructor (new EventTarget()) in safari 12

vvd-scheme-foundation.js

@@ -1,2 +0,1 @@
-/* eslint-disable no-shadow */
 export var PredefinedScheme;
@@ -3,0 +2,0 @@ (function (PredefinedScheme) {

vvd-scheme-style-tag-handler.d.ts

@@ -1,2 +0,2 @@
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 export declare function applySchemeCSS(scheme: PredefinedScheme): Promise<void>;

vvd-scheme-style-tag-handler.js

@@ -1,9 +0,9 @@
-import { PredefinedScheme } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
 const getSchemeModule = (scheme) => {
     switch (scheme) {
         case PredefinedScheme.DARK:
-            return import('./scheme.dark.css');
+            return import('./scheme.dark.css.js');
         case PredefinedScheme.LIGHT:
         default:
-            return import('./scheme.light.css');
+            return import('./scheme.light.css.js');
     }
@@ -10,0 +10,0 @@ };

vvd-scheme.d.ts

@@ -1,4 +0,6 @@
-import { PredefinedScheme, SchemeOption } from './vvd-scheme-foundation';
+import { PredefinedScheme } from './vvd-scheme-foundation.js';
+import type { SchemeOption, SelectedDetail } from './vvd-scheme-foundation.js';
 import { Emitter } from '@vonage/vvd-foundation/general-utils';
-export { SelectedDetail, PredefinedScheme, AutoScheme, SchemeOption, } from './vvd-scheme-foundation';
+export { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation.js';
+export type { SchemeOption, SelectedDetail };
 declare function getSelectedScheme(): PredefinedScheme;
@@ -13,5 +15,2 @@ declare function getSelectedSchemeOption(): SchemeOption;
 }>;
-/**
- * @fires selected {SelectedDetail}
- */
 export default _default;

vvd-scheme.js

@@ -1,9 +0,7 @@
-import { applySchemeCSS } from './vvd-scheme-style-tag-handler';
-import { pcs, getPreferedColorScheme,
-// prefersColorSchemeSupported,
- } from './os-sync.utils';
-import { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation';
+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';
-export { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation';
-const eventBus = new Emitter(); // !refactored due to lack of support of EventTarget as a constructor (new EventTarget()) in safari 12
+export { PredefinedScheme, AutoScheme, } from './vvd-scheme-foundation.js';
+const eventBus = new Emitter();
 let _selectedScheme;
@@ -18,7 +16,2 @@ function getSelectedScheme() {
 function getDefaultSchemeOption() {
-    // if no scheme chosen try 'prefers-color-scheme' and if not supported just return 'light'
-    // return prefersColorSchemeSupported() ? 'syncWithOSSettings' : 'light';
-    // ! commented the cahnce of serving dark mode components as:
-    // ! 1. vivid packages aren't really supported by dark mode yet
-    // ! 2. we still have no control over application scheme mode context
     return PredefinedScheme.LIGHT;
@@ -46,7 +39,4 @@ }
 async function set(schemeOption = null) {
-    // console.info(`Vivid scheme requested to change to '${schemeOption}'...`);
     const effectiveOption = getEffectiveSchemeOption(schemeOption);
-    // console.info(`... which resolved effectively to '${effectiveOption}'...`);
     if (effectiveOption === _selectedSchemeOption && setPromise) {
-        // console.info('... new scheme option is equal to current, done');
         return setPromise;
@@ -65,3 +55,2 @@ }
     setPromise = tmpPromise.then(() => {
-        // console.info('... scheme changed');
         notifySelected(_selectedScheme);
@@ -81,5 +70,2 @@ return {
 }
-/**
- * @fires selected {SelectedDetail}
- */
 export default Object.freeze({
@@ -91,5 +77,2 @@ set,
 });
-//TODO add the following tests:
-//!scheme change event
-//!add / remove Listener when toggling 'syncWithOSSettings' selected option
 //# sourceMappingURL=vvd-scheme.js.map

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

155504

increased by15.54%

Lines of code

597

increased by0.17%

Dependency changes

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

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

• Updated@vonage/vvd-foundation@2.19.0