UNPKG

retro-react

Version:

A React component library for building retro-style websites

2 lines (1 loc) 7.63 kB
"use strict";var c=require("react/jsx-runtime"),I=require("@emotion/react"),C=require("../../constants/colors.js");const g=c=>I.css(".scrollbar-root.",c," ::-webkit-scrollbar{width:16px;height:16px;background-color:","default"===c?C.WIN31_BUTTON_FACE:"windows"===c?"#c0c0c0":"terminal"===c?C.VGA_BLACK:"#2b1810",";border:","terminal"===c||"amber"===c?"1px solid #333":`2px inset ${C.WIN31_BUTTON_FACE}`,";}.scrollbar-root.",c," ::-webkit-scrollbar-track{background-color:","default"===c?C.WIN31_BUTTON_FACE:"windows"===c?"#c0c0c0":"terminal"===c?C.VGA_BLACK:"#2b1810",";border:","terminal"===c||"amber"===c?"none":`1px inset ${C.WIN31_BUTTON_SHADOW}`,";}.scrollbar-root.",c," ::-webkit-scrollbar-thumb{background-color:","default"===c?C.WIN31_BUTTON_FACE:"windows"===c?"#999999":"terminal"===c?C.VGA_GREEN:C.VGA_YELLOW,";border:","default"===c||"windows"===c?`2px outset ${C.WIN31_BUTTON_FACE}`:"1px solid #444",";min-height:20px;}.scrollbar-root.",c," ::-webkit-scrollbar-thumb:hover{background-color:","default"===c?"#d4d0c8":"windows"===c?"#666666":"terminal"===c?"#00cc00":"#ffcc00",";}.scrollbar-root.",c," ::-webkit-scrollbar-thumb:active{background-color:","default"===c?"#c4c0b8":"windows"===c?"#333333":"terminal"===c?"#009900":"#cc9900",";border:","default"===c||"windows"===c?`2px inset ${C.WIN31_BUTTON_FACE}`:"1px solid #222",";}.scrollbar-root.",c," ::-webkit-scrollbar-button{background-color:","default"===c?C.WIN31_BUTTON_FACE:"windows"===c?"#c0c0c0":"terminal"===c?C.VGA_BLACK:"#2b1810",";border:","default"===c||"windows"===c?`2px outset ${C.WIN31_BUTTON_FACE}`:"1px solid #444",";height:16px;width:16px;}.scrollbar-root.",c," ::-webkit-scrollbar-button:hover{background-color:","default"===c?"#d4d0c8":"windows"===c?"#b0b0b0":"terminal"===c?"#111111":"#3b2820",";}.scrollbar-root.",c," ::-webkit-scrollbar-button:active{border:","default"===c||"windows"===c?`2px inset ${C.WIN31_BUTTON_FACE}`:"1px solid #222",";}.scrollbar-root.",c," ::-webkit-scrollbar-corner{background-color:","default"===c?C.WIN31_BUTTON_FACE:"windows"===c?"#c0c0c0":"terminal"===c?C.VGA_BLACK:"#2b1810",";}"+("production"===process.env.NODE_ENV?"":";label:getScrollbarStyles;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbFNjcm9sbGJhclN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ikdsb2JhbFNjcm9sbGJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHsgVkdBX0JMQUNLLCBWR0FfR1JFRU4sIFZHQV9ZRUxMT1csIFdJTjMxX0JVVFRPTl9GQUNFLCBXSU4zMV9CVVRUT05fU0hBRE9XLCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmNvbnN0IGdldFNjcm9sbGJhclN0eWxlcyA9ICh2YXJpYW50KSA9PiBjc3MgYFxyXG5cdC5zY3JvbGxiYXItcm9vdC4ke3ZhcmlhbnR9IDo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG5cdFx0d2lkdGg6IDE2cHg7XHJcblx0XHRoZWlnaHQ6IDE2cHg7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0J1xyXG4gICAgPyBXSU4zMV9CVVRUT05fRkFDRVxyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjYzBjMGMwJ1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/IFZHQV9CTEFDS1xyXG4gICAgICAgICAgICA6ICcjMmIxODEwJ307IC8qIGFtYmVyICovXHJcblx0XHRib3JkZXI6ICR7dmFyaWFudCA9PT0gJ3Rlcm1pbmFsJyB8fCB2YXJpYW50ID09PSAnYW1iZXInXHJcbiAgICA/ICcxcHggc29saWQgIzMzMydcclxuICAgIDogYDJweCBpbnNldCAke1dJTjMxX0JVVFRPTl9GQUNFfWB9O1xyXG5cdH1cclxuXHJcblx0LnNjcm9sbGJhci1yb290LiR7dmFyaWFudH0gOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0J1xyXG4gICAgPyBXSU4zMV9CVVRUT05fRkFDRVxyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjYzBjMGMwJ1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/IFZHQV9CTEFDS1xyXG4gICAgICAgICAgICA6ICcjMmIxODEwJ307XHJcblx0XHRib3JkZXI6ICR7dmFyaWFudCA9PT0gJ3Rlcm1pbmFsJyB8fCB2YXJpYW50ID09PSAnYW1iZXInXHJcbiAgICA/ICdub25lJ1xyXG4gICAgOiBgMXB4IGluc2V0ICR7V0lOMzFfQlVUVE9OX1NIQURPV31gfTtcclxuXHR9XHJcblxyXG5cdC5zY3JvbGxiYXItcm9vdC4ke3ZhcmlhbnR9IDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xyXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHt2YXJpYW50ID09PSAnZGVmYXVsdCdcclxuICAgID8gV0lOMzFfQlVUVE9OX0ZBQ0VcclxuICAgIDogdmFyaWFudCA9PT0gJ3dpbmRvd3MnXHJcbiAgICAgICAgPyAnIzk5OTk5OSdcclxuICAgICAgICA6IHZhcmlhbnQgPT09ICd0ZXJtaW5hbCdcclxuICAgICAgICAgICAgPyBWR0FfR1JFRU5cclxuICAgICAgICAgICAgOiBWR0FfWUVMTE9XfTtcclxuXHRcdGJvcmRlcjogJHt2YXJpYW50ID09PSAnZGVmYXVsdCcgfHwgdmFyaWFudCA9PT0gJ3dpbmRvd3MnXHJcbiAgICA/IGAycHggb3V0c2V0ICR7V0lOMzFfQlVUVE9OX0ZBQ0V9YFxyXG4gICAgOiAnMXB4IHNvbGlkICM0NDQnfTtcclxuXHRcdG1pbi1oZWlnaHQ6IDIwcHg7XHJcblx0fVxyXG5cclxuXHQuc2Nyb2xsYmFyLXJvb3QuJHt2YXJpYW50fSA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcclxuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnXHJcbiAgICA/ICcjZDRkMGM4J1xyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjNjY2NjY2J1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/ICcjMDBjYzAwJ1xyXG4gICAgICAgICAgICA6ICcjZmZjYzAwJ307XHJcblx0fVxyXG5cclxuXHQuc2Nyb2xsYmFyLXJvb3QuJHt2YXJpYW50fSA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmFjdGl2ZSB7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0J1xyXG4gICAgPyAnI2M0YzBiOCdcclxuICAgIDogdmFyaWFudCA9PT0gJ3dpbmRvd3MnXHJcbiAgICAgICAgPyAnIzMzMzMzMydcclxuICAgICAgICA6IHZhcmlhbnQgPT09ICd0ZXJtaW5hbCdcclxuICAgICAgICAgICAgPyAnIzAwOTkwMCdcclxuICAgICAgICAgICAgOiAnI2NjOTkwMCd9O1xyXG5cdFx0Ym9yZGVyOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0JyB8fCB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgID8gYDJweCBpbnNldCAke1dJTjMxX0JVVFRPTl9GQUNFfWBcclxuICAgIDogJzFweCBzb2xpZCAjMjIyJ307XHJcblx0fVxyXG5cclxuXHQuc2Nyb2xsYmFyLXJvb3QuJHt2YXJpYW50fSA6Oi13ZWJraXQtc2Nyb2xsYmFyLWJ1dHRvbiB7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0J1xyXG4gICAgPyBXSU4zMV9CVVRUT05fRkFDRVxyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjYzBjMGMwJ1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/IFZHQV9CTEFDS1xyXG4gICAgICAgICAgICA6ICcjMmIxODEwJ307XHJcblx0XHRib3JkZXI6ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnIHx8IHZhcmlhbnQgPT09ICd3aW5kb3dzJ1xyXG4gICAgPyBgMnB4IG91dHNldCAke1dJTjMxX0JVVFRPTl9GQUNFfWBcclxuICAgIDogJzFweCBzb2xpZCAjNDQ0J307XHJcblx0XHRoZWlnaHQ6IDE2cHg7XHJcblx0XHR3aWR0aDogMTZweDtcclxuXHR9XHJcblxyXG5cdC5zY3JvbGxiYXItcm9vdC4ke3ZhcmlhbnR9IDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uOmhvdmVyIHtcclxuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnXHJcbiAgICA/ICcjZDRkMGM4J1xyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjYjBiMGIwJ1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/ICcjMTExMTExJ1xyXG4gICAgICAgICAgICA6ICcjM2IyODIwJ307XHJcblx0fVxyXG5cclxuXHQuc2Nyb2xsYmFyLXJvb3QuJHt2YXJpYW50fSA6Oi13ZWJraXQtc2Nyb2xsYmFyLWJ1dHRvbjphY3RpdmUge1xyXG5cdFx0Ym9yZGVyOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0JyB8fCB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgID8gYDJweCBpbnNldCAke1dJTjMxX0JVVFRPTl9GQUNFfWBcclxuICAgIDogJzFweCBzb2xpZCAjMjIyJ307XHJcblx0fVxyXG5cclxuXHQuc2Nyb2xsYmFyLXJvb3QuJHt2YXJpYW50fSA6Oi13ZWJraXQtc2Nyb2xsYmFyLWNvcm5lciB7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcmlhbnQgPT09ICdkZWZhdWx0J1xyXG4gICAgPyBXSU4zMV9CVVRUT05fRkFDRVxyXG4gICAgOiB2YXJpYW50ID09PSAnd2luZG93cydcclxuICAgICAgICA/ICcjYzBjMGMwJ1xyXG4gICAgICAgIDogdmFyaWFudCA9PT0gJ3Rlcm1pbmFsJ1xyXG4gICAgICAgICAgICA/IFZHQV9CTEFDS1xyXG4gICAgICAgICAgICA6ICcjMmIxODEwJ307XHJcblx0fVxyXG5gO1xyXG5leHBvcnQgY29uc3QgR2xvYmFsU2Nyb2xsYmFyU3R5bGVzID0gKHsgdmFyaWFudCwgfSkgPT4ge1xyXG4gICAgcmV0dXJuIF9qc3goR2xvYmFsLCB7IHN0eWxlczogZ2V0U2Nyb2xsYmFyU3R5bGVzKHZhcmlhbnQpIH0sIHZvaWQgMCk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUdsb2JhbFNjcm9sbGJhclN0eWxlcy5qcy5tYXAiXX0= */");exports.GlobalScrollbarStyles=C=>{let{variant:l}=C;return c.jsx(I.Global,{styles:g(l)},void 0)};