Socket
Socket
Sign inDemoInstall

@vonage/vvd-scheme

Package Overview
Dependencies
Maintainers
13
Versions
124
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vonage/vvd-scheme - npm Package Compare versions

Comparing version 2.2.2 to 2.2.3

assets/images/scheme-featured-image.svg

4

CHANGELOG.md

@@ -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 @@

10

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc