@vonage/vvd-scheme
Advanced tools
Comparing version 2.2.2 to 2.2.3
@@ -0,1 +1,5 @@ | ||
## [2.2.3](https://github.com/vonage/vivid/compare/v2.2.2...v2.2.3) (2021-03-30) | ||
## [2.2.2](https://github.com/vonage/vivid/compare/v2.2.1...v2.2.2) (2021-03-19) | ||
@@ -2,0 +6,0 @@ |
{ | ||
"name": "@vonage/vvd-scheme", | ||
"version": "2.2.2", | ||
"version": "2.2.3", | ||
"description": "Vivid scheme management service", | ||
@@ -25,12 +25,12 @@ "author": "yinonov <yinon@hotmail.com>", | ||
"dependencies": { | ||
"@vonage/vvd-foundation": "^2.2.2", | ||
"@vonage/vvd-foundation": "^2.2.3", | ||
"tslib": "^2.0.3" | ||
}, | ||
"devDependencies": { | ||
"@vonage/vvd-design-tokens": "^2.2.2", | ||
"@vonage/vvd-umbrella": "^2.2.2", | ||
"@vonage/vvd-design-tokens": "^2.2.3", | ||
"@vonage/vvd-umbrella": "^2.2.3", | ||
"lit-element": "^2.4.0", | ||
"typescript": "^4.1.3" | ||
}, | ||
"gitHead": "033c17ffd4dd830f077ab17bfbb0226716cf6b74" | ||
"gitHead": "118a7f0660db1fb037bd2080bdd31065b376494e" | ||
} |
# Vivid Scheme | ||
### Scheme provides color context to Vivid components & applications. It is an integral part of packages, which are subject to the scheme's color tokens. | ||
#### Scheme provides color context to Vivid components & applications. It is an integral part of packages, which are subject to the scheme's color tokens. | ||
![Scheme Featured Image](assets/scheme-featured-image.svg) | ||
![Scheme Featured Image](assets/images/scheme-featured-image.svg) | ||
@@ -11,5 +11,5 @@ This package is imported and executed by default in all [core](/common/core) dependent packages but can also be [consumed on its own](#installation). | ||
Each scheme will provide the same exact color tokens to support **main** context and its **alternating** - contrasting - context . Once imported and set, these tokens are reflected as CSS variables. | ||
Each scheme will provide the same exact color tokens to support **main** context and its **alternating** - contrasting - context (e.g. sidenav, top-bar etc'...). Once imported and set, these tokens are reflected as CSS variables. | ||
![Scheme graph](assets/scheme-graph.png) | ||
![Scheme graph](assets/images/scheme-flow-diagram.svg) | ||
@@ -46,3 +46,3 @@ Scheme will apply **main** context on _body_ selector and will never apply **alternate** unless explicitly set. | ||
As colors are critical identities of our style, it's advised to include a [link type:modulepreload](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/modulepreload) to hint the browser of the module importance, its high priority and preemptively fetch it. | ||
As colors are critical identities of our style, it's advised to include a [link type:modulepreload](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/modulepreload) to hint the browser of the module importance, its high priority and preemptively fetch it. | ||
```html | ||
@@ -62,3 +62,4 @@ <script rel="modulepreload" src="../node_modules/@vonage/scheme/vvd-scheme.js"></script> | ||
### vwc-scheme-select | ||
Scheme is nicely paired with the [theme-switch](/components/theme-switch) UI component to toggle options. | ||
### Theme Switch | ||
Scheme is nicely paired with the [vwc-theme-switch](/components/theme-switch) UI component that toggles the available options. |
{ | ||
"extends": "@vonage/vvd-umbrella/configs/tsconfig.json", | ||
"compilerOptions": { | ||
"module": "ESNext", | ||
"composite": true, | ||
"rootDir": "src", | ||
"outDir": ".", | ||
"tsBuildInfoFile": ".tsbuildinfo" | ||
}, | ||
"include": ["src/*.ts"], | ||
"exclude": ["src/test/*.ts"], | ||
"references": [ | ||
{ | ||
"path": "../../common/foundation" | ||
} | ||
] | ||
} | ||
"extends": "@vonage/vvd-umbrella/configs/tsconfig.json", | ||
"compilerOptions": { | ||
"module": "ESNext", | ||
"composite": true, | ||
"rootDir": "src", | ||
"outDir": ".", | ||
"tsBuildInfoFile": ".tsbuildinfo" | ||
}, | ||
"include": [ | ||
"src/*.ts" | ||
], | ||
"exclude": [ | ||
"src/test/*.ts" | ||
] | ||
} |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
63
155389
610