react-dayo/dist/module/core-dayo/src/style/box.js

A Queue component for notification etc

import { Style } from 'iryo';
var style = new Style();
export var injectStyle = function () {
    style.content = "\n    " + "[data-component='dayo--box']" /* Component */ + " {\n      display: flex;\n      align-items: center;\n      transition: .5s;\n      opacity: 1;\n    }\n\n   " + "[data-component='dayo--box']" /* Component */ + "[data-is-enter='true'] {\n      will-change: transform;\n      transition: none;\n      opacity: 0;\n    }\n\n   " + "[data-component='dayo--box']" /* Component */ + "[data-is-enter='true'] {\n      color: orange;\n    }\n\n   " + "[data-component='dayo--box']" /* Component */ + "[data-is-enter='true'][data-to='top'] {\n      transform: translate3d(0, 0.5em, 0);\n    }\n\n   " + "[data-component='dayo--box']" /* Component */ + "[data-is-enter='true'][data-to='bottom'] {\n      transform: translate3d(0, -0.5em, 0);\n    }\n\n   " + "[data-component='dayo--box']" /* Component */ + "[data-is-entering='true'] {\n      transition-property: transform, opacity;\n      will-change: transform, opacity;\n      opacity: 1;\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-exiting='true'] {\n      transition-property: transform margin, padding, opacity, height;\n      transition-duration: 0.3s;\n      will-change: transform, margin, padding, opacity, height;\n      overflow: hidden;\n      backface-visibility: hidden;\n      padding: 0;\n      margin: 0;\n      opacity: 0;\n      height: 0 !important;\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-exiting='true'][data-to='top'] {\n      transform: translate3d(0, -0.5em, 0);\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-exiting='true'][data-to='bottom'] {\n      transform: translate3d(0, 0.5em, 0);\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-deleted='true'] {\n      transition-duration: none;\n      transition-duration: 0;\n      overflow: hidden;\n      padding: 0;\n      margin: 0;\n      opacity: 0;\n      height: 0 !important;\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-deleted='true'][data-to='top'] {\n      transform: translate3d(0, -0.5em, 0) scale(0.7);\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + "[data-is-deleted='true'][data-to='bottom'] {\n      transform: translate3d(0, 0.5em, 0) scale(0.7);\n    }\n\n    " + "[data-component='dayo--box']" /* Component */ + " > div {\n      text-align: center;\n    }\n  ";
};
export var eliminateStyle = function () {
    style.content = '';
};
//# sourceMappingURL=box.js.map