@draftbit/theme 49.5.1-312cdf.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Draftbit
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @draftbit/theme

package/lib/commonjs/DefaultTheme.js

@@ -0,0 +1 @@
+import{systemWeights}from"react-native-typography";import createTheme from"./createTheme";var palettes={draftbit:{primary:"rgb(90, 69, 255)",secondary:"rgb(59, 201, 234)",tertiary:"rgb(90,69,255)",background:"rgba(251, 252, 253, 1)",error:"rgba(255, 69, 100, 1)",divider:"rgba(200, 200, 200, 1)",strong:"rgba(18, 20, 44, 1)",medium:"rgba(70, 78, 88, 1)",light:"rgba(165, 173, 183, 1)",text:"#000",success:"#22bb33",warning:"#f0ad4e",info:"#aaaaaa"}};var DraftbitTheme=createTheme({breakpoints:{},palettes:palettes,theme:{name:"Draftbit",colors:{branding:{primary:palettes.draftbit.primary,secondary:palettes.draftbit.secondary,tertiary:palettes.draftbit.tertiary,accent:palettes.draftbit.accent},text:{strong:palettes.draftbit.strong,medium:palettes.draftbit.medium,normal:palettes.draftbit.text,light:palettes.draftbit.light,success:palettes.draftbit.success,warning:palettes.draftbit.warning,danger:palettes.draftbit.error},background:{brand:palettes.draftbit.background,info:palettes.draftbit.info,success:palettes.draftbit.success,warning:palettes.draftbit.warning,danger:palettes.draftbit.error},foreground:{brand:palettes.draftbit.light,info:palettes.draftbit.strong,success:palettes.draftbit.light,warning:palettes.draftbit.light,danger:palettes.draftbit.light},border:{brand:palettes.draftbit.divider,info:palettes.draftbit.divider,success:palettes.draftbit.divider,warning:palettes.draftbit.divider,danger:palettes.draftbit.divider}},typography:{headline1:Object.assign({},systemWeights.regular,{fontSize:60,letterSpacing:0,lineHeight:71}),headline2:Object.assign({},systemWeights.regular,{fontSize:48,letterSpacing:0,lineHeight:58}),headline3:Object.assign({},systemWeights.regular,{fontSize:34,letterSpacing:0,lineHeight:40}),headline4:Object.assign({},systemWeights.regular,{fontSize:24,letterSpacing:0,lineHeight:34}),headline5:Object.assign({},systemWeights.regular,{fontSize:20,letterSpacing:0,lineHeight:26}),subtitle1:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:26}),subtitle2:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:22}),body1:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:26}),body2:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:22}),button:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:16}),caption:Object.assign({},systemWeights.regular,{fontSize:12,letterSpacing:0,lineHeight:16}),overline:Object.assign({},systemWeights.regular,{fontSize:12,letterSpacing:2,lineHeight:16}),headline6:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:24})}}});export default DraftbitTheme;

package/lib/commonjs/Provider.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/theme/src/Provider.tsx";import React from"react";import{Dimensions,Platform}from"react-native";import createThemeValuesProxy from"./createThemeValuesProxy";import DefaultTheme from"./DefaultTheme";import{jsx as _jsx}from"react/jsx-runtime";var ThemeContext=React.createContext({theme:DefaultTheme,changeTheme:function changeTheme(){}});var Provider=function Provider(_ref){var _themes$find;var themes=_ref.themes,breakpoints=_ref.breakpoints,initialThemeName=_ref.initialThemeName,children=_ref.children;var initialTheme=(_themes$find=themes.find(function(theme){return theme.name===initialThemeName;}))!=null?_themes$find:DefaultTheme;var _React$useState=React.useState(initialTheme),_React$useState2=_slicedToArray(_React$useState,2),currentTheme=_React$useState2[0],setCurrentTheme=_React$useState2[1];var _React$useState3=React.useState(Dimensions.get("window").width),_React$useState4=_slicedToArray(_React$useState3,2),deviceWidth=_React$useState4[0],setDeviceWidth=_React$useState4[1];React.useEffect(function(){var listener=Dimensions.addEventListener("change",function(_ref2){var window=_ref2.window;return setDeviceWidth(window.width);});return function(){listener.remove();};});var changeTheme=function changeTheme(themeName){var theme=themes.find(function(theme){return theme.name===themeName;});if(!theme){console.warn("Theme with name",themeName,"not found. Make sure it's passed into the top level ThemeProvider");return;}setCurrentTheme(theme);};var proxiedTheme=React.useMemo(function(){return Object.assign({},currentTheme,{colors:{branding:createThemeValuesProxy(currentTheme.colors.branding,breakpoints,deviceWidth,Platform.OS),text:createThemeValuesProxy(currentTheme.colors.text,breakpoints,deviceWidth,Platform.OS),background:createThemeValuesProxy(currentTheme.colors.background,breakpoints,deviceWidth,Platform.OS),foreground:createThemeValuesProxy(currentTheme.colors.foreground,breakpoints,deviceWidth,Platform.OS),border:createThemeValuesProxy(currentTheme.colors.border,breakpoints,deviceWidth,Platform.OS)}});},[currentTheme,deviceWidth,breakpoints]);return _jsx(ThemeContext.Provider,{value:{theme:proxiedTheme,changeTheme:changeTheme},children:children});};var useTheme=function useTheme(){var _React$useContext=React.useContext(ThemeContext),theme=_React$useContext.theme;return theme;};var useChangeTheme=function useChangeTheme(){var _React$useContext2=React.useContext(ThemeContext),changeTheme=_React$useContext2.changeTheme;return changeTheme;};var withTheme=function withTheme(Component){return function(props){var _React$useContext3=React.useContext(ThemeContext),theme=_React$useContext3.theme;return _jsx(Component,Object.assign({},props,{theme:theme}));};};export{Provider,useTheme,useChangeTheme,withTheme};

package/lib/commonjs/createTheme.js

@@ -0,0 +1 @@
+import merge from"deepmerge";import{validateBreakpoints,validatePalettes,validateTheme}from"./validators";export default function createTheme(_ref){var breakpoints=_ref.breakpoints,palettes=_ref.palettes,theme=_ref.theme,baseTheme=_ref.baseTheme;validateBreakpoints(breakpoints);validatePalettes(palettes);validateTheme(theme);var resultTheme=theme;if(baseTheme){validateTheme(baseTheme);resultTheme=merge(baseTheme,theme);}return Object.assign({},resultTheme,{validated:true});}

package/lib/commonjs/createThemeValuesProxy.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isObject}from"lodash";export default function createThemeValuesProxy(value,breakpoints,deviceWidth,devicePlatform){if(value===undefined||value===null){return undefined;}return new Proxy(value,{get:function get(target,key){var currentValue=target[key];if(!isObject(currentValue)){return currentValue;}else{var platformKeys=["ios","android","web","macos","windows"];var breakpointKeys=Object.keys(breakpoints);var keysType=getKeysType(currentValue,platformKeys,breakpointKeys);if(keysType==="default"){return createThemeValuesProxy(currentValue,breakpoints,deviceWidth,devicePlatform);}else if(keysType==="platform"){return getPlatformValue(currentValue,breakpoints,deviceWidth,devicePlatform);}else if(keysType==="breakpoint"){return getBreakpointValue(currentValue,breakpoints,deviceWidth,devicePlatform);}else{return undefined;}}},set:function set(){throw new Error("Theme is read only, cannot be modified at runtime");}});}function getKeysType(value,platformKeys,breakpointKeys){var hasPlatformKeys=platformKeys.some(function(key){return value[key]!==undefined;});var hasBreakpointKeys=breakpointKeys.some(function(key){return value[key]!==undefined;});var hasUserDefinedKeys=Object.keys(value).some(function(key){return!platformKeys.includes(key)&&!breakpointKeys.includes(key)&&key!=="default";});if(!onlyOneTrue(hasPlatformKeys,hasBreakpointKeys,hasUserDefinedKeys)&&!allFalse(hasPlatformKeys,hasBreakpointKeys,hasUserDefinedKeys)){throw new Error("Cannot mix usage of platform keys, breakpoint keys, and custom defined keys on the same level");}else if(hasPlatformKeys){return"platform";}else if(hasBreakpointKeys){return"breakpoint";}else{return"default";}}function onlyOneTrue(a,b,c){return[a,b,c].filter(function(x){return x;}).length===1;}function allFalse(a,b,c){return[a,b,c].filter(function(x){return x;}).length===0;}function getPlatformValue(value,breakpoints,deviceWidth,devicePlatform){var _value$devicePlatform;var currentPlatformValue=(_value$devicePlatform=value[devicePlatform])!=null?_value$devicePlatform:value.default;if(!isObject(currentPlatformValue)){return currentPlatformValue;}else{return createThemeValuesProxy(currentPlatformValue,breakpoints,deviceWidth,devicePlatform);}}function getBreakpointValue(value,breakpoints,deviceWidth,devicePlatform){var _value$currentBreakpo;var keysToBreakpointValue=Object.keys(value).map(function(key){return[key,breakpoints[key]];});var orderedBreakpoints=keysToBreakpointValue.sort(function(_ref){var _ref2=_slicedToArray(_ref,2),_=_ref2[0],val=_ref2[1];return val;});var currentBreakpointKey="";for(var _ref3 of orderedBreakpoints){var _ref4=_slicedToArray(_ref3,2);var breakpointKey=_ref4[0];var breakpointValue=_ref4[1];if(deviceWidth>=breakpointValue){currentBreakpointKey=breakpointKey;}}var currentBreakpointValue=(_value$currentBreakpo=value[currentBreakpointKey])!=null?_value$currentBreakpo:value.default;if(!isObject(currentBreakpointValue)){return currentBreakpointValue;}else{return createThemeValuesProxy(currentBreakpointValue,breakpoints,deviceWidth,devicePlatform);}}

package/lib/commonjs/index.js

@@ -0,0 +1 @@
+export{default as DefaultTheme}from"./DefaultTheme";export{default as createTheme}from"./createTheme";export{Provider as ThemeProvider,useChangeTheme,useTheme,withTheme}from"./Provider";

package/lib/commonjs/validators.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function validatePalettes(palettes){for(var key of Object.keys(palettes)){if(typeof key!=="string"){throw new Error(`Invalid palettes object, ${key} is not a string`);}for(var _ref of Object.entries(palettes[key])){var _ref2=_slicedToArray(_ref,2);var innerKey=_ref2[0];var value=_ref2[1];if(typeof innerKey!=="string"){throw new Error(`Invalid palette color key, ${innerKey} is not a string`);}if(typeof value!=="string"){throw new Error(`Invalid palette color value, ${value} is not a string`);}}}}export function validateBreakpoints(breakpoints){for(var _ref3 of Object.entries(breakpoints)){var _ref4=_slicedToArray(_ref3,2);var key=_ref4[0];var value=_ref4[1];if(typeof key!=="string"){throw new Error(`Invalid breakpoint key, ${key} is not a string`);}if(typeof value!=="number"){throw new Error(`Invalid breakpoint value, ${value} is not a number`);}}}export function validateTheme(theme){function validateThemeValues(themeValue){if(themeValue===undefined||themeValue===null){return;}for(var _ref5 of Object.entries(themeValue)){var _ref6=_slicedToArray(_ref5,2);var key=_ref6[0];var value=_ref6[1];if(typeof key!=="string"){throw new Error(`Invalid theme key, ${key} is not a string`);}if(value===undefined||value===null){continue;}else if(typeof value==="object"){validateThemeValues(value);}else if(typeof value!=="string"&&typeof value!=="number"){throw new Error(`Invalid theme value, ${value} is not a string, number, or object`);}}}validateThemeValues(theme.colors.branding);validateThemeValues(theme.colors.text);validateThemeValues(theme.colors.foreground);validateThemeValues(theme.colors.background);validateThemeValues(theme.colors.border);}

package/lib/typescript/src/DefaultTheme.d.ts

@@ -0,0 +1,2 @@
+declare const DraftbitTheme: import("./types").ValidatedTheme;
+export default DraftbitTheme;

package/lib/typescript/src/DefaultTheme.js

@@ -0,0 +1,146 @@
+import { systemWeights } from "react-native-typography";
+import createTheme from "./createTheme";
+const palettes = {
+    draftbit: {
+        primary: "rgb(90, 69, 255)",
+        secondary: "rgb(59, 201, 234)",
+        tertiary: "rgb(90,69,255)",
+        background: "rgba(251, 252, 253, 1)",
+        error: "rgba(255, 69, 100, 1)",
+        divider: "rgba(200, 200, 200, 1)",
+        strong: "rgba(18, 20, 44, 1)",
+        medium: "rgba(70, 78, 88, 1)",
+        light: "rgba(165, 173, 183, 1)",
+        text: "#000",
+        success: "#22bb33",
+        warning: "#f0ad4e",
+        info: "#aaaaaa",
+    },
+};
+const DraftbitTheme = createTheme({
+    breakpoints: {},
+    palettes,
+    theme: {
+        name: "Draftbit",
+        colors: {
+            branding: {
+                primary: palettes.draftbit.primary,
+                secondary: palettes.draftbit.secondary,
+                tertiary: palettes.draftbit.tertiary,
+                accent: palettes.draftbit.accent,
+            },
+            text: {
+                strong: palettes.draftbit.strong,
+                medium: palettes.draftbit.medium,
+                normal: palettes.draftbit.text,
+                light: palettes.draftbit.light,
+                success: palettes.draftbit.success,
+                warning: palettes.draftbit.warning,
+                danger: palettes.draftbit.error,
+            },
+            background: {
+                brand: palettes.draftbit.background,
+                info: palettes.draftbit.info,
+                success: palettes.draftbit.success,
+                warning: palettes.draftbit.warning,
+                danger: palettes.draftbit.error,
+            },
+            foreground: {
+                brand: palettes.draftbit.light,
+                info: palettes.draftbit.strong,
+                success: palettes.draftbit.light,
+                warning: palettes.draftbit.light,
+                danger: palettes.draftbit.light,
+            },
+            border: {
+                brand: palettes.draftbit.divider,
+                info: palettes.draftbit.divider,
+                success: palettes.draftbit.divider,
+                warning: palettes.draftbit.divider,
+                danger: palettes.draftbit.divider,
+            },
+        },
+        typography: {
+            headline1: {
+                ...systemWeights.regular,
+                fontSize: 60,
+                letterSpacing: 0,
+                lineHeight: 71,
+            },
+            headline2: {
+                ...systemWeights.regular,
+                fontSize: 48,
+                letterSpacing: 0,
+                lineHeight: 58,
+            },
+            headline3: {
+                ...systemWeights.regular,
+                fontSize: 34,
+                letterSpacing: 0,
+                lineHeight: 40,
+            },
+            headline4: {
+                ...systemWeights.regular,
+                fontSize: 24,
+                letterSpacing: 0,
+                lineHeight: 34,
+            },
+            headline5: {
+                ...systemWeights.regular,
+                fontSize: 20,
+                letterSpacing: 0,
+                lineHeight: 26,
+            },
+            subtitle1: {
+                ...systemWeights.regular,
+                fontSize: 16,
+                letterSpacing: 0,
+                lineHeight: 26,
+            },
+            subtitle2: {
+                ...systemWeights.regular,
+                fontSize: 14,
+                letterSpacing: 0,
+                lineHeight: 22,
+            },
+            body1: {
+                ...systemWeights.regular,
+                fontSize: 16,
+                letterSpacing: 0,
+                lineHeight: 26,
+            },
+            body2: {
+                ...systemWeights.regular,
+                fontSize: 14,
+                letterSpacing: 0,
+                lineHeight: 22,
+            },
+            button: {
+                ...systemWeights.regular,
+                fontSize: 14,
+                letterSpacing: 0,
+                lineHeight: 16,
+            },
+            caption: {
+                ...systemWeights.regular,
+                fontSize: 12,
+                letterSpacing: 0,
+                lineHeight: 16,
+            },
+            overline: {
+                ...systemWeights.regular,
+                fontSize: 12,
+                letterSpacing: 2,
+                lineHeight: 16,
+            },
+            headline6: {
+                ...systemWeights.regular,
+                fontSize: 16,
+                letterSpacing: 0,
+                lineHeight: 24,
+            },
+        },
+    },
+});
+export default DraftbitTheme;
+//# sourceMappingURL=DefaultTheme.js.map

package/lib/typescript/src/DefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTheme.js","sourceRoot":"","sources":["../../../src/DefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,MAAM,QAAQ,GAAkB;IAC9B,QAAQ,EAAE;QACR,OAAO,EAAE,kBAAkB;QAC3B,SAAS,EAAE,mBAAmB;QAC9B,QAAQ,EAAE,gBAAgB;QAC1B,UAAU,EAAE,wBAAwB;QACpC,KAAK,EAAE,uBAAuB;QAC9B,OAAO,EAAE,wBAAwB;QACjC,MAAM,EAAE,qBAAqB;QAC7B,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,WAAW,CAAC;IAChC,WAAW,EAAE,EAAE;IACf,QAAQ;IACR,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE;YACN,QAAQ,EAAE;gBACR,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS;gBACtC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ;gBACpC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM;aACjC;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM;gBAChC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM;gBAChC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI;gBAC9B,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBAC9B,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;aAChC;YACD,UAAU,EAAE;gBACV,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU;gBACnC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI;gBAC5B,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;aAChC;YACD,UAAU,EAAE;gBACV,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBAC9B,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM;gBAC9B,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBAChC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBAChC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK;aAChC;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAChC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAC/B,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;gBAClC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO;aAClC;SACF;QACD,UAAU,EAAE;YACV,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,KAAK,EAAE;gBACL,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,KAAK,EAAE;gBACL,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,MAAM,EAAE;gBACN,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,OAAO,EAAE;gBACP,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;YACD,SAAS,EAAE;gBACT,GAAG,aAAa,CAAC,OAAO;gBACxB,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/typescript/src/Provider.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Breakpoints, ReadTheme, ValidatedTheme } from "./types";
+declare type ProviderProps = {
+    themes: ValidatedTheme[];
+    breakpoints: Breakpoints;
+    initialThemeName: string;
+};
+declare const Provider: React.FC<React.PropsWithChildren<ProviderProps>>;
+declare const useTheme: () => ReadTheme;
+declare const useChangeTheme: () => (themeName: string) => void;
+declare const withTheme: <Props extends {
+    theme: ReadTheme;
+}>(Component: React.ComponentType<Props>) => React.ComponentType<Omit<Props, "theme">>;
+export { Provider, useTheme, useChangeTheme, withTheme };

package/lib/typescript/src/Provider.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { Dimensions, Platform } from "react-native";
+import createThemeValuesProxy from "./createThemeValuesProxy";
+import DefaultTheme from "./DefaultTheme";
+const ThemeContext = React.createContext({
+    theme: DefaultTheme,
+    changeTheme: () => { },
+});
+const Provider = ({ themes, breakpoints, initialThemeName, children, }) => {
+    var _a;
+    const initialTheme = (_a = themes.find((theme) => theme.name === initialThemeName)) !== null && _a !== void 0 ? _a : DefaultTheme;
+    const [currentTheme, setCurrentTheme] = React.useState(initialTheme);
+    const [deviceWidth, setDeviceWidth] = React.useState(Dimensions.get("window").width);
+    React.useEffect(() => {
+        const listener = Dimensions.addEventListener("change", ({ window }) => setDeviceWidth(window.width));
+        return () => {
+            listener.remove();
+        };
+    });
+    const changeTheme = (themeName) => {
+        const theme = themes.find((theme) => theme.name === themeName);
+        if (!theme) {
+            console.warn("Theme with name", themeName, "not found. Make sure it's passed into the top level ThemeProvider");
+            return;
+        }
+        setCurrentTheme(theme);
+    };
+    const proxiedTheme = React.useMemo(() => ({
+        ...currentTheme,
+        colors: {
+            branding: createThemeValuesProxy(currentTheme.colors.branding, breakpoints, deviceWidth, Platform.OS),
+            text: createThemeValuesProxy(currentTheme.colors.text, breakpoints, deviceWidth, Platform.OS),
+            background: createThemeValuesProxy(currentTheme.colors.background, breakpoints, deviceWidth, Platform.OS),
+            foreground: createThemeValuesProxy(currentTheme.colors.foreground, breakpoints, deviceWidth, Platform.OS),
+            border: createThemeValuesProxy(currentTheme.colors.border, breakpoints, deviceWidth, Platform.OS),
+        },
+    }), [currentTheme, deviceWidth, breakpoints]);
+    return (React.createElement(ThemeContext.Provider, { value: { theme: proxiedTheme, changeTheme } }, children));
+};
+const useTheme = () => {
+    const { theme } = React.useContext(ThemeContext);
+    return theme;
+};
+const useChangeTheme = () => {
+    const { changeTheme } = React.useContext(ThemeContext);
+    return changeTheme;
+};
+const withTheme = (Component) => {
+    return (props) => {
+        const { theme } = React.useContext(ThemeContext);
+        return React.createElement(Component, { ...props, theme: theme });
+    };
+};
+export { Provider, useTheme, useChangeTheme, withTheme };
+//# sourceMappingURL=Provider.js.map

package/lib/typescript/src/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/createTheme.d.ts

@@ -0,0 +1,7 @@
+import type { Breakpoints, Theme, ValidatedTheme, ColorPalettes } from "./types";
+export default function createTheme({ breakpoints, palettes, theme, baseTheme, }: {
+    breakpoints: Breakpoints;
+    palettes: ColorPalettes;
+    theme: Theme;
+    baseTheme?: Theme;
+}): ValidatedTheme;

package/lib/typescript/src/createTheme.js

@@ -0,0 +1,17 @@
+import merge from "deepmerge";
+import { validateBreakpoints, validatePalettes, validateTheme, } from "./validators";
+export default function createTheme({ breakpoints, palettes, theme, baseTheme, }) {
+    validateBreakpoints(breakpoints);
+    validatePalettes(palettes);
+    validateTheme(theme);
+    let resultTheme = theme;
+    if (baseTheme) {
+        validateTheme(baseTheme);
+        resultTheme = merge(baseTheme, theme);
+    }
+    return {
+        ...resultTheme,
+        validated: true,
+    };
+}
+//# sourceMappingURL=createTheme.js.map

package/lib/typescript/src/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,WAAW,CAAC;AAO9B,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,GACd,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,GAMV;IACC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACjC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3B,aAAa,CAAC,KAAK,CAAC,CAAC;IAErB,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,IAAI,SAAS,EAAE;QACb,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,WAAW,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KACvC;IAED,OAAO;QACL,GAAG,WAAW;QACd,SAAS,EAAE,IAAI;KAChB,CAAC;AACJ,CAAC"}

package/lib/typescript/src/createThemeValuesProxy.d.ts

@@ -0,0 +1,10 @@
+import { ThemeValues, Breakpoints } from "./types";
+import { Platform } from "react-native";
+/**
+ * Creates a proxy for theme value objects to select a value whenever
+ * multiple values are provided for different platforms and/or breakpoints
+ *
+ * Ex: {color: {ios: "blue", android: "red"}}
+ *      -> theme.color returns "blue" when the platform is ios and "red" when android
+ */
+export default function createThemeValuesProxy(value: ThemeValues | undefined, breakpoints: Breakpoints, deviceWidth: number, devicePlatform: typeof Platform.OS): any;

package/lib/typescript/src/createThemeValuesProxy.js

@@ -0,0 +1,96 @@
+import { isObject } from "lodash";
+/**
+ * Creates a proxy for theme value objects to select a value whenever
+ * multiple values are provided for different platforms and/or breakpoints
+ *
+ * Ex: {color: {ios: "blue", android: "red"}}
+ *      -> theme.color returns "blue" when the platform is ios and "red" when android
+ */
+export default function createThemeValuesProxy(value, breakpoints, deviceWidth, devicePlatform) {
+    if (value === undefined || value === null) {
+        return undefined;
+    }
+    return new Proxy(value, {
+        get: (target, key) => {
+            const currentValue = target[key];
+            if (!isObject(currentValue)) {
+                return currentValue;
+            }
+            else {
+                const platformKeys = ["ios", "android", "web", "macos", "windows"];
+                const breakpointKeys = Object.keys(breakpoints);
+                const keysType = getKeysType(currentValue, platformKeys, breakpointKeys);
+                if (keysType === "default") {
+                    return createThemeValuesProxy(currentValue, breakpoints, deviceWidth, devicePlatform);
+                }
+                else if (keysType === "platform") {
+                    return getPlatformValue(currentValue, breakpoints, deviceWidth, devicePlatform);
+                }
+                else if (keysType === "breakpoint") {
+                    return getBreakpointValue(currentValue, breakpoints, deviceWidth, devicePlatform);
+                }
+                else {
+                    return undefined;
+                }
+            }
+        },
+        set: () => {
+            throw new Error("Theme is read only, cannot be modified at runtime");
+        },
+    });
+}
+function getKeysType(value, platformKeys, breakpointKeys) {
+    const hasPlatformKeys = platformKeys.some((key) => value[key] !== undefined);
+    const hasBreakpointKeys = breakpointKeys.some((key) => value[key] !== undefined);
+    const hasUserDefinedKeys = Object.keys(value).some((key) => !platformKeys.includes(key) &&
+        !breakpointKeys.includes(key) &&
+        key !== "default");
+    if (!onlyOneTrue(hasPlatformKeys, hasBreakpointKeys, hasUserDefinedKeys) &&
+        !allFalse(hasPlatformKeys, hasBreakpointKeys, hasUserDefinedKeys)) {
+        throw new Error("Cannot mix usage of platform keys, breakpoint keys, and custom defined keys on the same level");
+    }
+    else if (hasPlatformKeys) {
+        return "platform";
+    }
+    else if (hasBreakpointKeys) {
+        return "breakpoint";
+    }
+    else {
+        return "default";
+    }
+}
+function onlyOneTrue(a, b, c) {
+    return [a, b, c].filter((x) => x).length === 1;
+}
+function allFalse(a, b, c) {
+    return [a, b, c].filter((x) => x).length === 0;
+}
+function getPlatformValue(value, breakpoints, deviceWidth, devicePlatform) {
+    var _a;
+    const currentPlatformValue = (_a = value[devicePlatform]) !== null && _a !== void 0 ? _a : value.default;
+    if (!isObject(currentPlatformValue)) {
+        return currentPlatformValue;
+    }
+    else {
+        return createThemeValuesProxy(currentPlatformValue, breakpoints, deviceWidth, devicePlatform);
+    }
+}
+function getBreakpointValue(value, breakpoints, deviceWidth, devicePlatform) {
+    var _a;
+    const keysToBreakpointValue = Object.keys(value).map((key) => [key, breakpoints[key]]);
+    const orderedBreakpoints = keysToBreakpointValue.sort(([_, val]) => val);
+    let currentBreakpointKey = "";
+    for (const [breakpointKey, breakpointValue] of orderedBreakpoints) {
+        if (deviceWidth >= breakpointValue) {
+            currentBreakpointKey = breakpointKey;
+        }
+    }
+    const currentBreakpointValue = (_a = value[currentBreakpointKey]) !== null && _a !== void 0 ? _a : value.default;
+    if (!isObject(currentBreakpointValue)) {
+        return currentBreakpointValue;
+    }
+    else {
+        return createThemeValuesProxy(currentBreakpointValue, breakpoints, deviceWidth, devicePlatform);
+    }
+}
+//# sourceMappingURL=createThemeValuesProxy.js.map

package/lib/typescript/src/createThemeValuesProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemeValuesProxy.js","sourceRoot":"","sources":["../../../src/createThemeValuesProxy.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DefaultTheme } from "./DefaultTheme";
+export type { Theme, ReadTheme, ValidatedTheme, Breakpoints, ColorPalettes, } from "./types";
+export { default as createTheme } from "./createTheme";
+export { Provider as ThemeProvider, useChangeTheme, useTheme, withTheme, } from "./Provider";

package/lib/typescript/src/index.js

@@ -0,0 +1,4 @@
+export { default as DefaultTheme } from "./DefaultTheme";
+export { default as createTheme } from "./createTheme";
+export { Provider as ThemeProvider, useChangeTheme, useTheme, withTheme, } from "./Provider";
+//# sourceMappingURL=index.js.map

package/lib/typescript/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,cAAc,EACd,QAAQ,EACR,SAAS,GACV,MAAM,YAAY,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,37 @@
+export declare type ThemeValues = {
+    [key: string]: string | number | ThemeValues;
+};
+export declare type Theme = {
+    name: string;
+    colors: {
+        branding?: ThemeValues;
+        text?: ThemeValues;
+        background?: ThemeValues;
+        foreground?: ThemeValues;
+        border?: ThemeValues;
+    };
+    typography: {
+        [key: string]: any;
+    };
+};
+export declare type ValidatedTheme = Theme & {
+    validated: true;
+};
+export declare type ReadTheme = Theme & {
+    colors: {
+        branding?: any;
+        text?: any;
+        background?: any;
+        foreground?: any;
+        border?: any;
+    };
+};
+export declare type ColorPaletteValues = {
+    [key: string]: string;
+};
+export declare type ColorPalettes = {
+    [key: string]: ColorPaletteValues;
+};
+export declare type Breakpoints = {
+    [key: string]: number;
+};

package/lib/typescript/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/typescript/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":""}

package/lib/typescript/src/validators.d.ts

@@ -0,0 +1,4 @@
+import { ColorPalettes, Breakpoints, Theme } from "./types";
+export declare function validatePalettes(palettes: ColorPalettes): void;
+export declare function validateBreakpoints(breakpoints: Breakpoints): void;
+export declare function validateTheme(theme: Theme): void;

package/lib/typescript/src/validators.js

@@ -0,0 +1,52 @@
+export function validatePalettes(palettes) {
+    for (const key of Object.keys(palettes)) {
+        if (typeof key !== "string") {
+            throw new Error(`Invalid palettes object, ${key} is not a string`);
+        }
+        for (const [innerKey, value] of Object.entries(palettes[key])) {
+            if (typeof innerKey !== "string") {
+                throw new Error(`Invalid palette color key, ${innerKey} is not a string`);
+            }
+            if (typeof value !== "string") {
+                throw new Error(`Invalid palette color value, ${value} is not a string`);
+            }
+        }
+    }
+}
+export function validateBreakpoints(breakpoints) {
+    for (const [key, value] of Object.entries(breakpoints)) {
+        if (typeof key !== "string") {
+            throw new Error(`Invalid breakpoint key, ${key} is not a string`);
+        }
+        if (typeof value !== "number") {
+            throw new Error(`Invalid breakpoint value, ${value} is not a number`);
+        }
+    }
+}
+export function validateTheme(theme) {
+    function validateThemeValues(themeValue) {
+        if (themeValue === undefined || themeValue === null) {
+            return;
+        }
+        for (const [key, value] of Object.entries(themeValue)) {
+            if (typeof key !== "string") {
+                throw new Error(`Invalid theme key, ${key} is not a string`);
+            }
+            if (value === undefined || value === null) {
+                continue;
+            }
+            else if (typeof value === "object") {
+                validateThemeValues(value);
+            }
+            else if (typeof value !== "string" && typeof value !== "number") {
+                throw new Error(`Invalid theme value, ${value} is not a string, number, or object`);
+            }
+        }
+    }
+    validateThemeValues(theme.colors.branding);
+    validateThemeValues(theme.colors.text);
+    validateThemeValues(theme.colors.foreground);
+    validateThemeValues(theme.colors.background);
+    validateThemeValues(theme.colors.border);
+}
+//# sourceMappingURL=validators.js.map

package/lib/typescript/src/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/validators.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,QAAuB;IACtD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACvC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,kBAAkB,CAAC,CAAC;SACpE;QACD,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;gBAChC,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,kBAAkB,CACzD,CAAC;aACH;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,IAAI,KAAK,CACb,gCAAgC,KAAK,kBAAkB,CACxD,CAAC;aACH;SACF;KACF;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAC1D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACtD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAC,CAAC;SACnE;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,KAAK,CAAC,6BAA6B,KAAK,kBAAkB,CAAC,CAAC;SACvE;KACF;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,SAAS,mBAAmB,CAAC,UAAwB;QACnD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE;YACnD,OAAO;SACR;QACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACrD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,kBAAkB,CAAC,CAAC;aAC9D;YACD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;gBACzC,SAAS;aACV;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,mBAAmB,CAAC,KAAK,CAAC,CAAC;aAC5B;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACjE,MAAM,IAAI,KAAK,CACb,wBAAwB,KAAK,qCAAqC,CACnE,CAAC;aACH;SACF;IACH,CAAC;IACD,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC3C,CAAC"}