RepositoryCurrent collected state Current
Observed since 20 Oct, 21:49 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
0.1.0
npm@-ui/transition
A library for creating CSS transitions with -ui
Published6 Jan 2020
Direct dependencies23
Transitive dependenciesNot calculated
README
Current package documentation@-ui/transition
npm i @-ui/transition
A library for creating CSS transitions with -ui
Quick Start
import styles from '@-ui/styles'
import transition from '@-ui/transition'
styles.variables({
transitions: {
duration: {
slow: '1s',
},
},
})
const fade = transition(styles, {
// default styles and options
default: {
duration: 100,
},
// Use a callback to access variables
in: ({transitions}) => ({
opacity: 1,
duration: transitions.duration.slow,
}),
out: {
opacity: 0,
},
})
const Component = ({visible}) => (
<div className={fade(visible ? 'in' : 'out')}>
<div className={fade({in: visible, out: !visible})}>Foo</div>
</div>
)
API
LICENSE
MIT
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 24
Native requirements23 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
trie-memoizeEnvironment{
"local_name": "trie-memoize",
"alias": false,
"peer_metadata": null
} | ^1.0.19 | runtime |
@-ui/stylesEnvironment{
"local_name": "@-ui/styles",
"alias": false,
"peer_metadata": null
} | ^1.0.51 | development |
@lunde/babel-preset-esEnvironment{
"local_name": "@lunde/babel-preset-es",
"alias": false,
"peer_metadata": null
} | latest | development |
@rollup/plugin-replaceEnvironment{
"local_name": "@rollup/plugin-replace",
"alias": false,
"peer_metadata": null
} | ^2.3.0 | development |
@types/jestEnvironment{
"local_name": "@types/jest",
"alias": false,
"peer_metadata": null
} | latest | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | latest | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | latest | development |
cross-envEnvironment{
"local_name": "cross-env",
"alias": false,
"peer_metadata": null
} | latest | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-import-resolver-jestEnvironment{
"local_name": "eslint-import-resolver-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-plugin-jestEnvironment{
"local_name": "eslint-plugin-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
huskyEnvironment{
"local_name": "husky",
"alias": false,
"peer_metadata": null
} | latest | development |
jestEnvironment{
"local_name": "jest",
"alias": false,
"peer_metadata": null
} | latest | development |
lint-stagedEnvironment{
"local_name": "lint-staged",
"alias": false,
"peer_metadata": null
} | latest | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | latest | development |
rimrafEnvironment{
"local_name": "rimraf",
"alias": false,
"peer_metadata": null
} | ^2.6.3 | development |
rollupEnvironment{
"local_name": "rollup",
"alias": false,
"peer_metadata": null
} | ^1.28.0 | development |
rollup-plugin-babelEnvironment{
"local_name": "rollup-plugin-babel",
"alias": false,
"peer_metadata": null
} | ^4.3.3 | development |
rollup-plugin-commonjsEnvironment{
"local_name": "rollup-plugin-commonjs",
"alias": false,
"peer_metadata": null
} | ^10.1.0 | development |
rollup-plugin-node-resolveEnvironment{
"local_name": "rollup-plugin-node-resolve",
"alias": false,
"peer_metadata": null
} | ^5.2.0 | development |
rollup-plugin-terserEnvironment{
"local_name": "rollup-plugin-terser",
"alias": false,
"peer_metadata": null
} | ^5.1.3 | development |
ts-jestEnvironment{
"local_name": "ts-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | latest | development |
@-ui/stylesEnvironment{
"local_name": "@-ui/styles",
"alias": false,
"peer_metadata": null
} | ^1.0.51 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"shasum": "2eb558008c8162fa18df59d0b9abea67160161c3",
"integrity": "sha512-4KORU7q3pl1HS6h8aKBzL6n7IOrbUDR0IwQL7KCbck0vHojtYP6sAMauTQhZi6cBy/L3dBN4vzd9RHmi7yCqVw==",
"tarball": "https://registry.npmjs.org/@-ui/transition/-/transition-0.1.0.tgz",
"fileCount": 16,
"unpackedSize": 53646,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEsE3CRA9TVsSAnZWagAAu4kP/jL2LvDOgvr5eKEhSIbQ\nyKWVeO4S/D7N63wTw246ii1nkZpKg9FigosoAptKS83EjAuZFUJFhlwCPKBj\nC6+iMmbL/S40CUJJmnDcOhuGNwqsGfVIuHH5OBgkK5UgjR+s9JEJLUZb8yZF\n6m/k5VmYUgmNZJHwIAtron+L+hJIKaxxGT7+L5L/hOT2sJ4JvDS6CzlVDRdW\niD4EPs7Qk2mvRaU2Vjh/ALqaBtUcGBGWo3URXcClEni44vzOrscikhYhWiuu\nype5r1fmrgVSe4cap6SvKDUFCpOqJfOU4lkR6a8b39Dt722PSAqj8VVOZLsK\nYGcbmYGoywpI4z2gUZhiHh7gEkTvnKgU7mqhz3tZ1OhUlpKgTDks+j9TuGTt\n7E4DJix5Z1TP3yGm8HVQZr8+doCp+RHsIid+ifDsiReI376Zi3EKIDAl60kZ\nv1n2nOynho3FI/rLDQ6W6Z3MyofqiEhJHSBx5muPKPuBY7+3vcbYIeHCViRB\n4VIn/+4fXyu3xJcDTDoxwhBXgU0unPV0tbd4/06oEq1CgcS69cP7Rt+MWaZu\n+kKl0hfA02vAtbVsUXT+PvenX6bZwrKXVux1Sc/uC/njZwv0aPrEgpNO9imu\nCdzMcLB6S3F5OOF4PEoZjXhHATTYzO+00IfrVMx41cHSrLkXM1KAT0a4alWM\n5A42\r\n=10gg\r\n-----END PGP SIGNATURE-----\r\n",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEYCIQDq+bbtxLP0yWSLuVaYLsR+VqrNx33CHwD9zMbG48NwJQIhAL4laHt7PkXo7ky9PVMJsOhpj8wK5Rc9/noty9Ba56K+"
}
]
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:7f112115d485f38c554ec8fb758f5eea3aa50e400603e0317c9df9bdef1787aa