{"_id":"@dpa-id-components/ui-transition-opacity","_rev":"21-61293fdf7751e4b4427359a05d6e719e","name":"@dpa-id-components/ui-transition-opacity","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dpa-id-components/ui-transition-opacity","version":"0.1.0","author":"","license":"MIT","_id":"@dpa-id-components/ui-transition-opacity@0.1.0","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"dist":{"shasum":"a929e546cdb12f20640a39c905ac235b582dfc4d","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-transition-opacity/-/ui-transition-opacity-0.1.0.tgz","fileCount":10,"integrity":"sha512-ZLzlKNTi9srKOJct/wLHjKdC9UNLbfCOit8dokUKJJ+N1tl5uEURnxU/GCik0lPhJlyrFtlDBFsM8fHnGG9hrw==","signatures":[{"sig":"MEYCIQD9dv5UN3sal8wsYLjl/yaL+swBYOQBGzn7O+XapRaMxAIhANN+p0Vs9IbYwIT08QKvfWhiYdxMdIJmcgfdRzKYEJVD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107607},"main":"dist/UiTransitionOpacity.common.js","gitHead":"f68247efd81cfedd9fac8f09fab3406d0e455e33","_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (darwin)","description":"Opacity transition vue utility component","directories":{},"_nodeVersion":"14.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-transition-opacity_0.1.0_1635902040423_0.669043318684371","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-11-03T01:14:00.364Z","modified":"2025-12-16T10:51:06.179Z","0.1.0":"2021-11-03T01:14:00.589Z"},"license":"MIT","description":"Opacity transition vue utility component","maintainers":[{"email":"schubert.florian@dpa.com","name":"schubert.florian"},{"email":"cirksena.hajo@dpa.com","name":"hajo.cirksena.dpa"},{"email":"karl.banke@iternum.com","name":"karlbanke"},{"email":"roy.mridul@dpa.com","name":"mridul_dpa"},{"email":"roessel.nico@dpa.com","name":"roessel.nico"},{"email":"Pehlivan.Arif@dpa.com","name":"arifpehlivan"},{"email":"antje.sommer@dpa-mediatec.com","name":"antje.sommer"},{"email":"wolf.pauw@dpa-mediatec.com","name":"dpa-connect-deployment"},{"email":"borchert.manja@dpa.com","name":"borchert.manja"},{"email":"martin@martinherweg.de","name":"martinherweg"},{"email":"goersch.juliane@dpa.com","name":"goersch.juliane"}],"readme":"# @dpa-id-components/ui-transition-opacity\n\n> `UiTransitionOpacity` Vue 2.x opacity transition utility component\n\n## Installation\n\n```\nyarn add @dpa-id-components/ui-transition-opacity\n```\n\n## Usage\nPlease refer to how `UiTransitionOpacity` is used in [`UiTooltip`](https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiTooltip/UiTooltip.vue) and [`UiSnackbar`]([`UiTooltip`](https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/UiSnackbar.vue))\n\n## API\n\n### Props\n| Name            | Type      |  Description                                                               |\n| --------------- | --------- |  ------------------------------------------------------------------------- |\n| `enterDuration` | `String`  |  Duration of the `ease-linear`transition when content enters e.g. `\"200\"`  |\n| `leaveDuration` | `String`  |  Duration of the `ease-linear`transition when content leaves e.g. `\"200\"`  |\n\n### Slots\n| Name      | Description                                 |\n| --------- | ------------------------------------------- |\n| `default` | Dfault slot for content to be transitioned  |\n","readmeFilename":"README.md"}