react-color-theme
Version:
Simple hook-based color theming for React with TypeScript support
2 lines • 2.43 kB
JavaScript
/*! For license information please see reactColorTheme.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.reactColorTheme=t(require("react")):e.reactColorTheme=t(e.react)}(this,(function(e){return function(){"use strict";var t={156:function(t){t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){n.r(o),n.d(o,{createTheming:function(){return u}});var e=n(156),t=n.n(e);function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var a="main",u=function(e,r){var n=i(c({},a,e),r),o=t().createContext(null);return[o.Provider,function(e){var r,c=t().useContext(o);e||null!==c||console.warn("[react-color-theme]: Theme name is not provided, it happens if the theme provider is not rendered at the time useTheme hook is called. It might happen if useTheme is called in the same file where the provider is rendered, in that case it is recommended to refactor code to avoid that. Or if it is not possible you can pass the theme name to useTheme hook as a parameter.");var u=null!==(r=null!=e?e:c)&&void 0!==r?r:a;return u===a?n.main:i(i({},n.main),n[u])},n]}}(),o}()}));