PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.1.0

npm

@-ui/transition

A library for creating CSS transitions with -ui

css animationcss springcss transitioncss-in-js animationcss-in-js transition
Published20 Apr 2020
Direct dependencies20
Transitive dependenciesNot calculated

README

Current package documentation

@-ui/transition

Bundlephobia Types Code coverage Build status NPM Version MIT License 

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 observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 21

Native requirements
20 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@-ui/styles
Environment
{
  "local_name": "@-ui/styles",
  "alias": false,
  "peer_metadata": null
}
^1.1.1development
@lunde/babel-preset-es
Environment
{
  "local_name": "@lunde/babel-preset-es",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@rollup/plugin-replace
Environment
{
  "local_name": "@rollup/plugin-replace",
  "alias": false,
  "peer_metadata": null
}
^2.3.2development
@types/jest
Environment
{
  "local_name": "@types/jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint-import-resolver-jest
Environment
{
  "local_name": "eslint-import-resolver-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint-plugin-jest
Environment
{
  "local_name": "eslint-plugin-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
lint-staged
Environment
{
  "local_name": "lint-staged",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.6.1development
rollup-plugin-babel
Environment
{
  "local_name": "rollup-plugin-babel",
  "alias": false,
  "peer_metadata": null
}
^4.4.0development
rollup-plugin-commonjs
Environment
{
  "local_name": "rollup-plugin-commonjs",
  "alias": false,
  "peer_metadata": null
}
^10.1.0development
rollup-plugin-node-resolve
Environment
{
  "local_name": "rollup-plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^5.2.0development
rollup-plugin-terser
Environment
{
  "local_name": "rollup-plugin-terser",
  "alias": false,
  "peer_metadata": null
}
^5.3.0development
ts-jest
Environment
{
  "local_name": "ts-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@-ui/styles
Environment
{
  "local_name": "@-ui/styles",
  "alias": false,
  "peer_metadata": null
}
^1.1.0peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "453f60a8120eac95978248efb866586fab3f5440",
  "integrity": "sha512-H36H6GSlcYwiIqaJIYuG7Y7/N6GN3Iby+I13sxf05tdy/n5JLR6UCu5WkNNL9j2dUDEc3dC9lzmFbw498xl4cQ==",
  "tarball": "https://registry.npmjs.org/@-ui/transition/-/transition-1.1.0.tgz",
  "fileCount": 14,
  "unpackedSize": 27224,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenhpdCRA9TVsSAnZWagAADIsQAJK/8YOBAVje75eadIrN\noTZc4DcOBxZZqXRgOX+CVlv93zrepmsvsA5ssUtqZ47CbLLdXIv0OzfBVVv5\naGJQ9OEA/va9naEvrxl9NKJFeNo+MlekdKI3mlNIpwSb/7eNxx3Kppa8qMHS\n10iNMAoQrqsBz63p/I16/qS85hff6SPdRfCv3l5P1JojF+KhhDkRBpZXoNAk\n1pNbb3qlBtsAZkEFBCJjCCu1L3dqkncNnVMeCqSkPbm1VmCztYEw3ekfapSB\nipiTCML8VCxRgPe3bWZO33HU4fpYFbT2af4Y/qMum5HSOp31MO5sbvxDUtgU\ns1SxoZ6HDze5ffy4iNnvceWaR3wRqMdQH8FRcKdvXbtkdSl9KcX8uosVwDPt\nr5xTJkmr91QIB43ogwhTTJQDivs4BTZNB5KR4ihHYMVe1Vo/1h2IoMX5jEnc\nXUHAAtwYFBvoPlm2chOEGg/iSSPHMa6FNtvfW0dPG51wabNX4F/W6Cc6NlBF\n04dmb5kb8mQ6yAU082GtAC5WF14AAHwiZ9rfPST6ayVaIGQRTRydARw5R/Nt\nB/ZHOwnjKrojQaPSnvPgKkAeUlQA9eJIReHoDCMBUcC96QPiHMs64Vw+5QVn\nK/+ZCYF4qZ34nP4e5ufJaz4kGfak5ZDOnlUKLTN3L3+agw1DCyAHL1CSS2UP\nJ5mb\r\n=gaLT\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIG9oUCtTVyXlECb/b1fM9VjIEF6TTZvlnMcOAH8rgvxJAiEA5HpBnBNBGuZjSv+yD9lwAzNQwc81za0re6yjtjwY0tE="
    }
  ]
}

Repository

PENDING
dash-ui/transition

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 21:49 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:45adab4f26282017c8df5b0d70c80bfcfe2b25c1708263a3322cb7a149355ea2

Other collected versions

1.0.120 Jan1.0.020 Jan0.2.16 Jan0.2.06 Jan0.1.16 Jan0.1.06 JanView all collected versions →