retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 7.53 kB
JavaScript
"use strict";var c=require("@emotion/styled/base"),t=require("../../node_modules/polished/dist/polished.esm.js"),l=require("../../utils/alterColor.js"),b=require("../../utils/getColorScheme.js");const d=c("div","production"===process.env.NODE_ENV?{target:"ef81ki31"}:{target:"ef81ki31",label:"DrawerContainer"})("z-index:100;box-sizing:border-box;position:fixed;width:300px;height:100%;background-color:",(c=>{let{$color:t,theme:d}=c;return l.alterColorEnhanced(b.default(t,d),25)}),";box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2);transition:transform 0.3s ease-in-out;overflow:auto;border:3px dashed ",(c=>{let{$color:l,theme:d}=c;return t.lighten(.7,b.default(l,d))}),";box-shadow:inset 0px 0px 10px ",(c=>{let{$color:l,theme:d}=c;return t.darken(.2,b.default(l,d))}),";background:linear-gradient(\n\t\t135deg,\n\t\t",(c=>{let{$color:t,theme:l}=c;return b.default(t,l)}),",\n\t\t",(c=>{let{$color:t,theme:d}=c;return l.alterColorEnhanced(b.default(t,d),-20)}),"\n\t);",(c=>{let{$isOpen:t,$direction:l}=c;switch(l){case"left":return`\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translateX(${t?"0":"-110%"});\n\t\t\t\t\tborder: none;\n\t\t\t\t\tborder-right: 1px dashed\n\t\t\t\t`;case"right":return`\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttransform: translateX(${t?"0":"110%"});\n\t\t\t\t\tborder: none;\n\t\t\t\t\tborder-left: 1px dashed\n\t\t\t\t`}}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQyIsImZpbGUiOiJEcmF3ZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZGFya2VuLCBsaWdodGVuIH0gZnJvbSAncG9saXNoZWQnO1xyXG5pbXBvcnQgeyBhbHRlckNvbG9yRW5oYW5jZWQgfSBmcm9tIFwiLi4vLi4vdXRpbHMvYWx0ZXJDb2xvclwiO1xyXG5pbXBvcnQgZ2V0Q29sb3JTY2hlbWUgZnJvbSBcIi4uLy4uL3V0aWxzL2dldENvbG9yU2NoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBEcmF3ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcclxuXHR6LWluZGV4OiAxMDA7XHJcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcclxuXHRwb3NpdGlvbjogZml4ZWQ7XHJcblx0d2lkdGg6IDMwMHB4O1xyXG5cdGhlaWdodDogMTAwJTtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7ICRjb2xvciwgdGhlbWUgfSkgPT4gYWx0ZXJDb2xvckVuaGFuY2VkKGdldENvbG9yU2NoZW1lKCRjb2xvciwgdGhlbWUpLCAyNSl9O1xyXG5cdGJveC1zaGFkb3c6IDVweCA1cHggMTVweCByZ2JhKDAsIDAsIDAsIDAuMik7XHJcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XHJcblx0b3ZlcmZsb3c6IGF1dG87XHJcblxyXG5cdGJvcmRlcjogM3B4IGRhc2hlZFxyXG5cdFx0JHsoeyAkY29sb3IsIHRoZW1lIH0pID0+IGxpZ2h0ZW4oMC43LCBnZXRDb2xvclNjaGVtZSgkY29sb3IsIHRoZW1lKSl9O1xyXG5cdGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMTBweFxyXG5cdFx0JHsoeyAkY29sb3IsIHRoZW1lIH0pID0+IGRhcmtlbigwLjIsIGdldENvbG9yU2NoZW1lKCRjb2xvciwgdGhlbWUpKX07XHJcblxyXG5cdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcclxuXHRcdDEzNWRlZyxcclxuXHRcdCR7KHsgJGNvbG9yLCB0aGVtZSB9KSA9PiBnZXRDb2xvclNjaGVtZSgkY29sb3IsIHRoZW1lKX0sXHJcblx0XHQkeyh7ICRjb2xvciwgdGhlbWUgfSkgPT4gYWx0ZXJDb2xvckVuaGFuY2VkKGdldENvbG9yU2NoZW1lKCRjb2xvciwgdGhlbWUpLCAtMjApfVxyXG5cdCk7XHJcblxyXG5cdCR7KHsgJGlzT3BlbiwgJGRpcmVjdGlvbiB9KSA9PiB7XHJcbiAgICBzd2l0Y2ggKCRkaXJlY3Rpb24pIHtcclxuICAgICAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGBcclxuXHRcdFx0XHRcdHRvcDogMDtcclxuXHRcdFx0XHRcdGxlZnQ6IDA7XHJcblx0XHRcdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHshJGlzT3BlbiA/ICctMTEwJScgOiAnMCd9KTtcclxuXHRcdFx0XHRcdGJvcmRlcjogbm9uZTtcclxuXHRcdFx0XHRcdGJvcmRlci1yaWdodDogMXB4IGRhc2hlZFxyXG5cdFx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAncmlnaHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYFxyXG5cdFx0XHRcdFx0dG9wOiAwO1xyXG5cdFx0XHRcdFx0cmlnaHQ6IDA7XHJcblx0XHRcdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHshJGlzT3BlbiA/ICcxMTAlJyA6ICcwJ30pO1xyXG5cdFx0XHRcdFx0Ym9yZGVyOiBub25lO1xyXG5cdFx0XHRcdFx0Ym9yZGVyLWxlZnQ6IDFweCBkYXNoZWRcclxuXHRcdFx0XHRgO1xyXG4gICAgfVxyXG59fTtcclxuYDtcclxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wID0gc3R5bGVkLmRpdiBgXHJcblx0ei1pbmRleDogOTk7XHJcblx0cG9zaXRpb246IGZpeGVkO1xyXG5cdHdpZHRoOiAxMDAlO1xyXG5cdGhlaWdodDogMTAwJTtcclxuXHR0b3A6IDA7XHJcblx0bGVmdDogMDtcclxuXHRyaWdodDogMDtcclxuXHRib3R0b206IDA7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XHJcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURyYXdlci5zdHlsZWQuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"ef81ki30"}:{target:"ef81ki30",label:"Backdrop"})("production"===process.env.NODE_ENV?{name:"hwtxg0",styles:"z-index:99;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:transparent"}:{name:"hwtxg0",styles:"z-index:99;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:transparent",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDbUMiLCJmaWxlIjoiRHJhd2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IGRhcmtlbiwgbGlnaHRlbiB9IGZyb20gJ3BvbGlzaGVkJztcclxuaW1wb3J0IHsgYWx0ZXJDb2xvckVuaGFuY2VkIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2FsdGVyQ29sb3JcIjtcclxuaW1wb3J0IGdldENvbG9yU2NoZW1lIGZyb20gXCIuLi8uLi91dGlscy9nZXRDb2xvclNjaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgRHJhd2VyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXHJcblx0ei1pbmRleDogMTAwO1xyXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcblx0cG9zaXRpb246IGZpeGVkO1xyXG5cdHdpZHRoOiAzMDBweDtcclxuXHRoZWlnaHQ6IDEwMCU7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogJHsoeyAkY29sb3IsIHRoZW1lIH0pID0+IGFsdGVyQ29sb3JFbmhhbmNlZChnZXRDb2xvclNjaGVtZSgkY29sb3IsIHRoZW1lKSwgMjUpfTtcclxuXHRib3gtc2hhZG93OiA1cHggNXB4IDE1cHggcmdiYSgwLCAwLCAwLCAwLjIpO1xyXG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2UtaW4tb3V0O1xyXG5cdG92ZXJmbG93OiBhdXRvO1xyXG5cclxuXHRib3JkZXI6IDNweCBkYXNoZWRcclxuXHRcdCR7KHsgJGNvbG9yLCB0aGVtZSB9KSA9PiBsaWdodGVuKDAuNywgZ2V0Q29sb3JTY2hlbWUoJGNvbG9yLCB0aGVtZSkpfTtcclxuXHRib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDEwcHhcclxuXHRcdCR7KHsgJGNvbG9yLCB0aGVtZSB9KSA9PiBkYXJrZW4oMC4yLCBnZXRDb2xvclNjaGVtZSgkY29sb3IsIHRoZW1lKSl9O1xyXG5cclxuXHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXHJcblx0XHQxMzVkZWcsXHJcblx0XHQkeyh7ICRjb2xvciwgdGhlbWUgfSkgPT4gZ2V0Q29sb3JTY2hlbWUoJGNvbG9yLCB0aGVtZSl9LFxyXG5cdFx0JHsoeyAkY29sb3IsIHRoZW1lIH0pID0+IGFsdGVyQ29sb3JFbmhhbmNlZChnZXRDb2xvclNjaGVtZSgkY29sb3IsIHRoZW1lKSwgLTIwKX1cclxuXHQpO1xyXG5cclxuXHQkeyh7ICRpc09wZW4sICRkaXJlY3Rpb24gfSkgPT4ge1xyXG4gICAgc3dpdGNoICgkZGlyZWN0aW9uKSB7XHJcbiAgICAgICAgY2FzZSAnbGVmdCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgXHJcblx0XHRcdFx0XHR0b3A6IDA7XHJcblx0XHRcdFx0XHRsZWZ0OiAwO1xyXG5cdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7ISRpc09wZW4gPyAnLTExMCUnIDogJzAnfSk7XHJcblx0XHRcdFx0XHRib3JkZXI6IG5vbmU7XHJcblx0XHRcdFx0XHRib3JkZXItcmlnaHQ6IDFweCBkYXNoZWRcclxuXHRcdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JpZ2h0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGBcclxuXHRcdFx0XHRcdHRvcDogMDtcclxuXHRcdFx0XHRcdHJpZ2h0OiAwO1xyXG5cdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7ISRpc09wZW4gPyAnMTEwJScgOiAnMCd9KTtcclxuXHRcdFx0XHRcdGJvcmRlcjogbm9uZTtcclxuXHRcdFx0XHRcdGJvcmRlci1sZWZ0OiAxcHggZGFzaGVkXHJcblx0XHRcdFx0YDtcclxuICAgIH1cclxufX07XHJcbmA7XHJcbmV4cG9ydCBjb25zdCBCYWNrZHJvcCA9IHN0eWxlZC5kaXYgYFxyXG5cdHotaW5kZXg6IDk5O1xyXG5cdHBvc2l0aW9uOiBmaXhlZDtcclxuXHR3aWR0aDogMTAwJTtcclxuXHRoZWlnaHQ6IDEwMCU7XHJcblx0dG9wOiAwO1xyXG5cdGxlZnQ6IDA7XHJcblx0cmlnaHQ6IDA7XHJcblx0Ym90dG9tOiAwO1xyXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1EcmF3ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.Backdrop=X,exports.DrawerContainer=d;