@polygon.io/core/dist/components/ThemeToggle/index.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=_interopRequireDefault(require("styled-components")),_useSetTheme2=_interopRequireDefault(require("../../hooks/useSetTheme")),_Theme=require("../Theme"),_Button=_interopRequireDefault(require("../Button")),_themeSchema=_interopRequireDefault(require("../../data/themeSchema"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,StyledButton=(0,_styledComponents["default"])(_Button["default"]).withConfig({displayName:"ThemeToggle__StyledButton",componentId:"sc-fkr6ew-0"})(["&&&{display:flex;align-items:center;justify-content:center;height:",";width:",";color:",";padding:",";transition:none;}"],function(a){var b=a.theme;return b.spacing.s5},function(a){var b=a.theme;return b.spacing.s5},function(a){var b=a.theme;return b.color.content.primary},function(a){var b=a.theme;return"0 ".concat(b.spacing.s2)}),Icon=_styledComponents["default"].i.withConfig({displayName:"ThemeToggle__Icon",componentId:"sc-fkr6ew-1"})(["width:",";height:",";&&& svg{width:100%;height:100%;}"],function(a){var b=a.theme;return b.font.size.s4},function(a){var b=a.theme;return b.font.size.s4}),ThemeToggle=function(a){var b=a.allThemes,c=(0,_useSetTheme2["default"])(b),d=c.theme,e=c.setMode,f=(0,_react.useContext)(_Theme.UserThemeContext),g=function(a){e(a),f.set(b.data[a])};return d?__jsx(StyledButton,{secondary:!0,small:!0,onClick:function onClick(){return"light"===d.name?g("dark"):g("light")}},__jsx(Icon,{className:"light"===(null===d||void 0===d?void 0:d.name)?"fa-flip-horizontal fak fa-moon":"fak fa-sun"})):null};ThemeToggle.defaultProps={allThemes:_themeSchema["default"]};var _default=ThemeToggle;exports["default"]=_default;