Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@financial-times/o-visual-effects

Package Overview
Dependencies
Maintainers
18
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@financial-times/o-visual-effects - npm Package Compare versions

Comparing version 3.0.6 to 4.0.0-0

.eslintignore

7

origami.json
{
"description": "Provides visual effects through SCSS mixins, such as shadows and animations",
"keywords": [ "animation", "effect", "animate" ],
"origamiType": "module",
"origamiCategory": "primitives",
"origamiVersion": 1,
"origamiType": "component",
"origamiVersion": "2.0",
"support": "https://github.com/Financial-Times/o-visual-effects/issues",

@@ -8,0 +5,0 @@ "supportContact": {

{
"browser": "browser.js",
"module": "module.js",
"eslintIgnore": [
"module.js",
"browser.js",
"dist/",
"dist-esm/"
],
"name": "@financial-times/o-visual-effects",
"version": "4.0.0-0",
"description": "Provides visual effects through SCSS mixins, such as shadows and animations",
"keywords": [
"origami",
"component",
"ft"
"animation",
"effect",
"animate"
],
"name": "@financial-times/o-visual-effects",
"version": "3.0.6",
"dependencies": {
"@financial-times/o-colors": "^5.0.0"
"homepage": "https://registry.origami.ft.com/components/o-visual-effects",
"bugs": {
"url": "https://registry.origami.ft.com/components/o-visual-effects"
},
"component": "o-visual-effects",
"scripts": {},
"license": "MIT",
"type": "module",
"scripts": {
"start": "npx serve ./demos/local",
"build": "npm_config_yes=true npx \"origami-build-tools@prerelease\" install && npm_config_yes=true npx \"origami-build-tools@prerelease\" demo"
},
"devDependencies": {
"eslint": "^7.8.1",
"eslint-config-origami-component": "^2.1.0",
"origami-ci-tools": "^2.0.2",
"eslint": "^7.24.0",
"eslint-config-origami-component": "^2.1.1",
"remark": "^13.0.0",
"remark-lint": "^8.0.0",
"remark-preset-lint-origami-component": "^1.1.3",
"stylelint": "^13.7.0",
"remark-lint": "^7.0.1",
"remark-preset-lint-origami-component": "prerelease",
"stylelint": "^13.12.0",
"stylelint-config-origami-component": "^1.0.4"
},
"peerDependencies": {
"@financial-times/o-colors": "prerelease"
},
"engines": {
"npm": "^7"
},
"volta": {
"node": "14.16.1",
"npm": "7.10.0"
}
}

@@ -5,9 +5,9 @@ # o-visual-effects

- [Usage](#usage)
- [Markup](#markup)
- [CSS Custom Properties](#css-custom-properties)
- [Sass](#sass)
- [Migration Guide](#migration-guide)
- [Contact](#contact)
- [Licence](#licence)
- [Usage](#usage)
- [Markup](#markup)
- [CSS Custom Properties](#css-custom-properties)
- [Sass](#sass)
- [Migration Guide](#migration-guide)
- [Contact](#contact)
- [Licence](#licence)

@@ -21,6 +21,6 @@ ## Usage

`o-visual-effects` provides helper classes to style with different levels of box shadow:
- `.o-visual-effects-shadow-ultralow`
- `.o-visual-effects-shadow-low`
- `.o-visual-effects-shadow-mid`
- `.o-visual-effects-shadow-high`
- `.o-visual-effects-shadow-ultralow`
- `.o-visual-effects-shadow-low`
- `.o-visual-effects-shadow-mid`
- `.o-visual-effects-shadow-high`

@@ -37,5 +37,5 @@ ```html

- `--o-visual-effects-timing-slide`
- `--o-visual-effects-timing-expand`
- `--o-visual-effects-timing-fade`
- `--o-visual-effects-timing-slide`
- `--o-visual-effects-timing-expand`
- `--o-visual-effects-timing-fade`

@@ -146,3 +146,3 @@ E.g.

----
***

@@ -149,0 +149,0 @@ ## Licence

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