@karrotmarket/react-theming - npm Package Compare versions

Comparing version 0.1.0-2 to 0.2.0

lib/index.d.ts

 export * from './DarkModeContext';
 export * from './ThemeStorageContext';
+export * from './useDarkModeBehavior';
+export * from './utils';

lib/index.js

@@ -1,2 +0,2 @@
-function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var t=e(require("react")),r=function(){},o=t.createContext({value:!1,enable:r,disable:r,toggle:r});"production"!==process.env.NODE_ENV&&(o.displayName="DarkModeContext");var n=t.createContext(void 0);"production"!==process.env.NODE_ENV&&(n.displayName="ThemeStorageContext"),exports.DarkModeContext=o,exports.ThemeStorageContext=n,exports.useDarkMode=function(){return t.useContext(o)};
+var e=require("react"),t=require("use-dark-mode");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var o=a(e),n=r(t),i=function(){},u=o.createContext({value:!1,enable:i,disable:i,toggle:i});"production"!==process.env.NODE_ENV&&(u.displayName="DarkModeContext");var l=o.createContext(void 0);"production"!==process.env.NODE_ENV&&(l.displayName="ThemeStorageContext");var s=function(e,t){return{auto:t?"dark":"light","light-only":"light","dark-only":"dark"}[e]};exports.DarkModeContext=u,exports.ThemeStorageContext=l,exports.classNameDark="dark-theme",exports.classNameLight="light-theme",exports.getColorScheme=function(e){return{auto:"light dark","light-only":"light","dark-only":"dark"}[e]},exports.getThemeName=s,exports.useDarkMode=function(){return o.useContext(u)},exports.useDarkModeBehavior=function(e){var t=e.mode,r=o.useContext(l),a="dark-only"===t,i=o.useCallback(function(e){void 0===e&&(e=!1);var r="dark"===s(t,e)?["dark-theme","light-theme"]:["light-theme","dark-theme"],a=r[1],o=document.body;o.classList.add(r[0]),o.classList.remove(a)},[t]);return n.default(a,{storageProvider:r,classNameDark:"dark-theme",classNameLight:"light-theme",onChange:i})};
 //# sourceMappingURL=index.js.map

lib/index.modern.js

@@ -1,2 +0,2 @@
-import*as e from"react";const t=()=>{},o=e.createContext({value:!1,enable:t,disable:t,toggle:t});function n(){return e.useContext(o)}"production"!==process.env.NODE_ENV&&(o.displayName="DarkModeContext");const r=e.createContext(void 0);"production"!==process.env.NODE_ENV&&(r.displayName="ThemeStorageContext");export{o as DarkModeContext,r as ThemeStorageContext,n as useDarkMode};
+import*as e from"react";import t from"use-dark-mode";const o=()=>{},a=e.createContext({value:!1,enable:o,disable:o,toggle:o});function r(){return e.useContext(a)}"production"!==process.env.NODE_ENV&&(a.displayName="DarkModeContext");const n=e.createContext(void 0);"production"!==process.env.NODE_ENV&&(n.displayName="ThemeStorageContext");const s="light-theme",d="dark-theme",l=(e,t)=>({auto:t?"dark":"light","light-only":"light","dark-only":"dark"}[e]),i=e=>({auto:"light dark","light-only":"light","dark-only":"dark"}[e]);function c({mode:o}){const a=e.useContext(n),r="dark-only"===o,s=e.useCallback(function(e=!1){const[t,a]="dark"===l(o,e)?["dark-theme","light-theme"]:["light-theme","dark-theme"],r=document.body;r.classList.add(t),r.classList.remove(a)},[o]);return t(r,{storageProvider:a,classNameDark:"dark-theme",classNameLight:"light-theme",onChange:s})}export{a as DarkModeContext,n as ThemeStorageContext,d as classNameDark,s as classNameLight,i as getColorScheme,l as getThemeName,r as useDarkMode,c as useDarkModeBehavior};
 //# sourceMappingURL=index.modern.js.map

lib/index.module.js

@@ -1,2 +0,2 @@
-import*as e from"react";var t=function(){},o=e.createContext({value:!1,enable:t,disable:t,toggle:t});function r(){return e.useContext(o)}"production"!==process.env.NODE_ENV&&(o.displayName="DarkModeContext");var a=e.createContext(void 0);"production"!==process.env.NODE_ENV&&(a.displayName="ThemeStorageContext");export{o as DarkModeContext,a as ThemeStorageContext,r as useDarkMode};
+import*as e from"react";import t from"use-dark-mode";var a=function(){},r=e.createContext({value:!1,enable:a,disable:a,toggle:a});function o(){return e.useContext(r)}"production"!==process.env.NODE_ENV&&(r.displayName="DarkModeContext");var n=e.createContext(void 0);"production"!==process.env.NODE_ENV&&(n.displayName="ThemeStorageContext");var i="light-theme",d="dark-theme",l=function(e,t){return{auto:t?"dark":"light","light-only":"light","dark-only":"dark"}[e]},s=function(e){return{auto:"light dark","light-only":"light","dark-only":"dark"}[e]};function h(a){var r=a.mode,o=e.useContext(n),i="dark-only"===r,d=e.useCallback(function(e){void 0===e&&(e=!1);var t="dark"===l(r,e)?["dark-theme","light-theme"]:["light-theme","dark-theme"],a=t[1],o=document.body;o.classList.add(t[0]),o.classList.remove(a)},[r]);return t(i,{storageProvider:o,classNameDark:"dark-theme",classNameLight:"light-theme",onChange:d})}export{r as DarkModeContext,n as ThemeStorageContext,d as classNameDark,i as classNameLight,s as getColorScheme,l as getThemeName,o as useDarkMode,h as useDarkModeBehavior};
 //# sourceMappingURL=index.module.js.map

lib/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e||self).karrotReactTheming={},e.react)}(this,function(e,t){function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,t}var n=o(t),r=function(){},a=n.createContext({value:!1,enable:r,disable:r,toggle:r});"production"!==process.env.NODE_ENV&&(a.displayName="DarkModeContext");var i=n.createContext(void 0);"production"!==process.env.NODE_ENV&&(i.displayName="ThemeStorageContext"),e.DarkModeContext=a,e.ThemeStorageContext=i,e.useDarkMode=function(){return n.useContext(a)}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-dark-mode")):"function"==typeof define&&define.amd?define(["exports","react","use-dark-mode"],t):t((e||self).karrotReactTheming={},e.react,e.useDarkMode)}(this,function(e,t,r){function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var n=a(t),i=o(r),u=function(){},d=n.createContext({value:!1,enable:u,disable:u,toggle:u});"production"!==process.env.NODE_ENV&&(d.displayName="DarkModeContext");var l=n.createContext(void 0);"production"!==process.env.NODE_ENV&&(l.displayName="ThemeStorageContext");var c="light-theme",s="dark-theme",f=function(e,t){return{auto:t?"dark":"light","light-only":"light","dark-only":"dark"}[e]};e.DarkModeContext=d,e.ThemeStorageContext=l,e.classNameDark=s,e.classNameLight=c,e.getColorScheme=function(e){return{auto:"light dark","light-only":"light","dark-only":"dark"}[e]},e.getThemeName=f,e.useDarkMode=function(){return n.useContext(d)},e.useDarkModeBehavior=function(e){var t=e.mode,r=n.useContext(l),o="dark-only"===t,a=n.useCallback(function(e){void 0===e&&(e=!1);var r="dark"===f(t,e)?[s,c]:[c,s],o=r[1],a=document.body;a.classList.add(r[0]),a.classList.remove(o)},[t]);return i.default(o,{storageProvider:r,classNameDark:s,classNameLight:c,onChange:a})}});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@karrotmarket/react-theming",
   "amdName": "karrotReactTheming",
-  "version": "0.1.0-2",
+  "version": "0.2.0",
   "sideEffects": false,
-  "main": "./lib/index.js",
+  "main": "./src/index.ts",
   "repository": {
@@ -46,13 +46,12 @@ "type": "git",
   "dependencies": {
-    "@karrotmarket/design-token": "0.1.8-3",
+    "@karrotmarket/design-token": "workspace:^0.2.0",
     "use-dark-mode": "^2.3.1"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
-    "@types/webpack-env": "^1.16.0",
-    "microbundle": "^0.13.1",
+    "@types/react": "^17.0.20",
+    "@types/webpack-env": "^1.16.2",
+    "microbundle": "^0.13.3",
     "react": "^17.0.2",
-    "typescript": "^4.3.2"
-  },
-  "module": "./lib.module.js"
-}
+    "typescript": "^4.4.2"
+  }
+}

src/index.ts

 export * from './DarkModeContext';
 export * from './ThemeStorageContext';
+export * from './useDarkModeBehavior';
+export * from './utils';

No alert changes

Improved metrics

Total package byte prevSize

28382

169.59%

Number of package files

20

33.33%

Lines of code

143

197.92%

Dependency changes

• - Removed

  @karrotmarket/design-token@0.1.8-3
  (transitive)

• Updated

  @karrotmarket/design-token@workspace:^0.2.0