@draftbit/theme 50.6.2-4142fd.2 → 50.6.2-8430ca.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/DefaultTheme.js +1 -1
- package/lib/commonjs/Provider.js +1 -1
- package/lib/commonjs/createTheme.js +1 -1
- package/lib/commonjs/createThemeValuesProxy.js +1 -1
- package/lib/commonjs/types.js +0 -1
- package/lib/commonjs/validators.js +1 -1
- package/lib/typescript/src/DefaultTheme.js +38 -38
- package/lib/typescript/src/DefaultTheme.js.map +1 -1
- package/lib/typescript/src/Provider.js +11 -29
- package/lib/typescript/src/Provider.js.map +1 -1
- package/lib/typescript/src/createTheme.d.ts +0 -12
- package/lib/typescript/src/createTheme.js +1 -13
- package/lib/typescript/src/createTheme.js.map +1 -1
- package/lib/typescript/src/createThemeValuesProxy.d.ts +1 -9
- package/lib/typescript/src/createThemeValuesProxy.js +26 -48
- package/lib/typescript/src/createThemeValuesProxy.js.map +1 -1
- package/lib/typescript/src/types.d.ts +2 -30
- package/lib/typescript/src/validators.d.ts +1 -3
- package/lib/typescript/src/validators.js +42 -81
- package/lib/typescript/src/validators.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/src/DefaultTheme.js +38 -38
- package/src/DefaultTheme.js.map +1 -1
- package/src/DefaultTheme.ts +38 -38
- package/src/Provider.js +11 -29
- package/src/Provider.js.map +1 -1
- package/src/Provider.tsx +41 -29
- package/src/createTheme.js +1 -13
- package/src/createTheme.js.map +1 -1
- package/src/createTheme.ts +1 -14
- package/src/createThemeValuesProxy.js +26 -48
- package/src/createThemeValuesProxy.js.map +1 -1
- package/src/createThemeValuesProxy.ts +95 -75
- package/src/types.ts +2 -33
- package/src/validators.js +42 -81
- package/src/validators.js.map +1 -1
- package/src/validators.ts +46 -103
|
@@ -1 +1 @@
|
|
|
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.secondary},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:{
|
|
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.secondary},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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";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,useColorScheme}from"react-native";import AsyncStorage from"@react-native-async-storage/async-storage";import createThemeValuesProxy from"./createThemeValuesProxy";import DefaultTheme from"./DefaultTheme";import{jsx as _jsx}from"react/jsx-runtime";var SAVED_SELECTED_THEME_KEY="saved_selected_theme";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];var colorScheme=useColorScheme();var lightDarkSelection=colorScheme!=null?colorScheme:"light";var changeTheme=React.useCallback(function(themeName,options){var theme=themes.find(function(t){return t.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);if((options==null?void 0:options.persistent)===true){AsyncStorage.setItem(SAVED_SELECTED_THEME_KEY,themeName).catch(function(e){console.warn("Failed to persist selected theme",e);});}},[themes,setCurrentTheme]);var proxiedTheme=React.useMemo(function(){
|
|
1
|
+
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";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,useColorScheme}from"react-native";import AsyncStorage from"@react-native-async-storage/async-storage";import createThemeValuesProxy from"./createThemeValuesProxy";import DefaultTheme from"./DefaultTheme";import{jsx as _jsx}from"react/jsx-runtime";var SAVED_SELECTED_THEME_KEY="saved_selected_theme";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];var colorScheme=useColorScheme();var lightDarkSelection=colorScheme!=null?colorScheme:"light";var changeTheme=React.useCallback(function(themeName,options){var theme=themes.find(function(t){return t.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);if((options==null?void 0:options.persistent)===true){AsyncStorage.setItem(SAVED_SELECTED_THEME_KEY,themeName).catch(function(e){console.warn("Failed to persist selected theme",e);});}},[themes,setCurrentTheme]);var proxiedTheme=React.useMemo(function(){return Object.assign({},currentTheme,{colors:{branding:createThemeValuesProxy(currentTheme.colors.branding,breakpoints,deviceWidth,Platform.OS,lightDarkSelection),text:createThemeValuesProxy(currentTheme.colors.text,breakpoints,deviceWidth,Platform.OS,lightDarkSelection),background:createThemeValuesProxy(currentTheme.colors.background,breakpoints,deviceWidth,Platform.OS,lightDarkSelection),foreground:createThemeValuesProxy(currentTheme.colors.foreground,breakpoints,deviceWidth,Platform.OS,lightDarkSelection),border:createThemeValuesProxy(currentTheme.colors.border,breakpoints,deviceWidth,Platform.OS,lightDarkSelection)}});},[currentTheme,deviceWidth,breakpoints,lightDarkSelection]);React.useEffect(function(){var listener=Dimensions.addEventListener("change",function(_ref2){var window=_ref2.window;return setDeviceWidth(window.width);});return function(){listener.remove();};});React.useEffect(function(){var run=function(){var _ref3=_asyncToGenerator(function*(){var savedSelectedThemeName=yield AsyncStorage.getItem(SAVED_SELECTED_THEME_KEY);if(savedSelectedThemeName){changeTheme(savedSelectedThemeName);}});return function run(){return _ref3.apply(this,arguments);};}();run();},[]);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 React.forwardRef(function(props,ref){var _React$useContext3=React.useContext(ThemeContext),theme=_React$useContext3.theme;return _jsx(Component,Object.assign({},props,{theme:theme,ref:ref}));});};export{Provider,useTheme,useChangeTheme,withTheme};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{validateBreakpoints,validatePalettes,validateTheme}from"./validators";
|
|
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});}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isObject}from"lodash";export default function createThemeValuesProxy(
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isObject}from"lodash";export default function createThemeValuesProxy(value,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection){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 lightDarkKeys=["light","dark"];var keysType=getKeysType(currentValue,platformKeys,breakpointKeys,lightDarkKeys);if(keysType==="default"){return createThemeValuesProxy(currentValue,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection);}else if(keysType==="platform"){return getPlatformValue(currentValue,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection);}else if(keysType==="breakpoint"){return getBreakpointValue(currentValue,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection);}else if(keysType==="lightDark"){return getLightDarkValue(currentValue,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection);}else{return undefined;}}},set:function set(){throw new Error("Theme is read only, cannot be modified at runtime");}});}function getKeysType(value,platformKeys,breakpointKeys,lightDarkKeys){var hasPlatformKeys=platformKeys.some(function(key){return value[key]!==undefined;});var hasBreakpointKeys=breakpointKeys.some(function(key){return value[key]!==undefined;});var hasLightDarkKeys=lightDarkKeys.some(function(key){return value[key]!==undefined;});var hasUserDefinedKeys=Object.keys(value).some(function(key){return!platformKeys.includes(key)&&!breakpointKeys.includes(key)&&!lightDarkKeys.includes(key)&&key!=="default";});if(!onlyOneTrue(hasPlatformKeys,hasBreakpointKeys,hasUserDefinedKeys,hasLightDarkKeys)&&!allFalse(hasPlatformKeys,hasBreakpointKeys,hasUserDefinedKeys,hasLightDarkKeys)){throw new Error("Cannot mix usage of platform keys, breakpoint keys, light/dark keys, and custom defined keys on the same level"+`\nKeys: ${Object.keys(value).join(", ")}`);}else if(hasPlatformKeys){return"platform";}else if(hasBreakpointKeys){return"breakpoint";}else if(hasLightDarkKeys){return"lightDark";}else{return"default";}}function onlyOneTrue(a,b,c,d){return[a,b,c,d].filter(function(x){return x;}).length===1;}function allFalse(a,b,c,d){return[a,b,c,d].filter(function(x){return x;}).length===0;}function getPlatformValue(value,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection){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,currentLightDarkSelection);}}function getBreakpointValue(value,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection){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,currentLightDarkSelection);}}function getLightDarkValue(value,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection){var _value$currentLightDa;var currentLightDarkValue=(_value$currentLightDa=value[currentLightDarkSelection])!=null?_value$currentLightDa:value.default;if(!isObject(currentLightDarkValue)){return currentLightDarkValue;}else{return createThemeValuesProxy(currentLightDarkValue,breakpoints,deviceWidth,devicePlatform,currentLightDarkSelection);}}
|
package/lib/commonjs/types.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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);}
|
|
@@ -61,84 +61,84 @@ const DraftbitTheme = createTheme({
|
|
|
61
61
|
},
|
|
62
62
|
},
|
|
63
63
|
typography: {
|
|
64
|
-
body1: {
|
|
65
|
-
...systemWeights.regular,
|
|
66
|
-
fontSize: 16,
|
|
67
|
-
letterSpacing: 0,
|
|
68
|
-
lineHeight: 26,
|
|
69
|
-
},
|
|
70
|
-
body2: {
|
|
71
|
-
...systemWeights.regular,
|
|
72
|
-
fontSize: 14,
|
|
73
|
-
letterSpacing: 0,
|
|
74
|
-
lineHeight: 22,
|
|
75
|
-
},
|
|
76
|
-
button: {
|
|
77
|
-
...systemWeights.bold,
|
|
78
|
-
fontSize: 14,
|
|
79
|
-
letterSpacing: 0,
|
|
80
|
-
lineHeight: 16,
|
|
81
|
-
},
|
|
82
|
-
caption: {
|
|
83
|
-
...systemWeights.regular,
|
|
84
|
-
fontSize: 12,
|
|
85
|
-
letterSpacing: 0,
|
|
86
|
-
lineHeight: 16,
|
|
87
|
-
},
|
|
88
64
|
headline1: {
|
|
89
|
-
...systemWeights.
|
|
65
|
+
...systemWeights.regular,
|
|
90
66
|
fontSize: 60,
|
|
91
67
|
letterSpacing: 0,
|
|
92
68
|
lineHeight: 71,
|
|
93
69
|
},
|
|
94
70
|
headline2: {
|
|
95
|
-
...systemWeights.
|
|
71
|
+
...systemWeights.regular,
|
|
96
72
|
fontSize: 48,
|
|
97
73
|
letterSpacing: 0,
|
|
98
74
|
lineHeight: 58,
|
|
99
75
|
},
|
|
100
76
|
headline3: {
|
|
101
|
-
...systemWeights.
|
|
77
|
+
...systemWeights.regular,
|
|
102
78
|
fontSize: 34,
|
|
103
79
|
letterSpacing: 0,
|
|
104
80
|
lineHeight: 40,
|
|
105
81
|
},
|
|
106
82
|
headline4: {
|
|
107
|
-
...systemWeights.
|
|
83
|
+
...systemWeights.regular,
|
|
108
84
|
fontSize: 24,
|
|
109
85
|
letterSpacing: 0,
|
|
110
86
|
lineHeight: 34,
|
|
111
87
|
},
|
|
112
88
|
headline5: {
|
|
113
|
-
...systemWeights.
|
|
89
|
+
...systemWeights.regular,
|
|
114
90
|
fontSize: 20,
|
|
115
91
|
letterSpacing: 0,
|
|
116
92
|
lineHeight: 26,
|
|
117
93
|
},
|
|
118
|
-
|
|
119
|
-
...systemWeights.
|
|
94
|
+
subtitle1: {
|
|
95
|
+
...systemWeights.regular,
|
|
120
96
|
fontSize: 16,
|
|
121
97
|
letterSpacing: 0,
|
|
122
|
-
lineHeight:
|
|
98
|
+
lineHeight: 26,
|
|
123
99
|
},
|
|
124
|
-
|
|
100
|
+
subtitle2: {
|
|
125
101
|
...systemWeights.regular,
|
|
126
|
-
fontSize:
|
|
127
|
-
letterSpacing:
|
|
128
|
-
lineHeight:
|
|
102
|
+
fontSize: 14,
|
|
103
|
+
letterSpacing: 0,
|
|
104
|
+
lineHeight: 22,
|
|
129
105
|
},
|
|
130
|
-
|
|
106
|
+
body1: {
|
|
131
107
|
...systemWeights.regular,
|
|
132
108
|
fontSize: 16,
|
|
133
109
|
letterSpacing: 0,
|
|
134
110
|
lineHeight: 26,
|
|
135
111
|
},
|
|
136
|
-
|
|
112
|
+
body2: {
|
|
137
113
|
...systemWeights.regular,
|
|
138
114
|
fontSize: 14,
|
|
139
115
|
letterSpacing: 0,
|
|
140
116
|
lineHeight: 22,
|
|
141
117
|
},
|
|
118
|
+
button: {
|
|
119
|
+
...systemWeights.regular,
|
|
120
|
+
fontSize: 14,
|
|
121
|
+
letterSpacing: 0,
|
|
122
|
+
lineHeight: 16,
|
|
123
|
+
},
|
|
124
|
+
caption: {
|
|
125
|
+
...systemWeights.regular,
|
|
126
|
+
fontSize: 12,
|
|
127
|
+
letterSpacing: 0,
|
|
128
|
+
lineHeight: 16,
|
|
129
|
+
},
|
|
130
|
+
overline: {
|
|
131
|
+
...systemWeights.regular,
|
|
132
|
+
fontSize: 12,
|
|
133
|
+
letterSpacing: 2,
|
|
134
|
+
lineHeight: 16,
|
|
135
|
+
},
|
|
136
|
+
headline6: {
|
|
137
|
+
...systemWeights.regular,
|
|
138
|
+
fontSize: 16,
|
|
139
|
+
letterSpacing: 0,
|
|
140
|
+
lineHeight: 24,
|
|
141
|
+
},
|
|
142
142
|
},
|
|
143
143
|
},
|
|
144
144
|
});
|
|
@@ -1 +1 @@
|
|
|
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,SAAS;aACpC;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,
|
|
1
|
+
{"version":3,"file":"DefaultTheme.js","sourceRoot":"","sources":["../../../src/DefaultTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,26 +28,16 @@ const Provider = ({ themes, breakpoints, initialThemeName, children, }) => {
|
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
}, [themes, setCurrentTheme]);
|
|
31
|
-
const proxiedTheme = React.useMemo(() => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
breakpoints,
|
|
35
|
-
deviceWidth,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
colors: {
|
|
42
|
-
branding: createProxiedThemeValue(currentTheme.colors.branding),
|
|
43
|
-
text: createProxiedThemeValue(currentTheme.colors.text),
|
|
44
|
-
background: createProxiedThemeValue(currentTheme.colors.background),
|
|
45
|
-
foreground: createProxiedThemeValue(currentTheme.colors.foreground),
|
|
46
|
-
border: createProxiedThemeValue(currentTheme.colors.border),
|
|
47
|
-
},
|
|
48
|
-
typography: currentTheme.typography,
|
|
49
|
-
};
|
|
50
|
-
}, [currentTheme, deviceWidth, breakpoints, lightDarkSelection]);
|
|
31
|
+
const proxiedTheme = React.useMemo(() => ({
|
|
32
|
+
...currentTheme,
|
|
33
|
+
colors: {
|
|
34
|
+
branding: createThemeValuesProxy(currentTheme.colors.branding, breakpoints, deviceWidth, Platform.OS, lightDarkSelection),
|
|
35
|
+
text: createThemeValuesProxy(currentTheme.colors.text, breakpoints, deviceWidth, Platform.OS, lightDarkSelection),
|
|
36
|
+
background: createThemeValuesProxy(currentTheme.colors.background, breakpoints, deviceWidth, Platform.OS, lightDarkSelection),
|
|
37
|
+
foreground: createThemeValuesProxy(currentTheme.colors.foreground, breakpoints, deviceWidth, Platform.OS, lightDarkSelection),
|
|
38
|
+
border: createThemeValuesProxy(currentTheme.colors.border, breakpoints, deviceWidth, Platform.OS, lightDarkSelection),
|
|
39
|
+
},
|
|
40
|
+
}), [currentTheme, deviceWidth, breakpoints, lightDarkSelection]);
|
|
51
41
|
React.useEffect(() => {
|
|
52
42
|
const listener = Dimensions.addEventListener("change", ({ window }) => setDeviceWidth(window.width));
|
|
53
43
|
return () => {
|
|
@@ -57,16 +47,8 @@ const Provider = ({ themes, breakpoints, initialThemeName, children, }) => {
|
|
|
57
47
|
React.useEffect(() => {
|
|
58
48
|
const run = async () => {
|
|
59
49
|
const savedSelectedThemeName = await AsyncStorage.getItem(SAVED_SELECTED_THEME_KEY);
|
|
60
|
-
const themeExists = themes.some((t) => t.name === savedSelectedThemeName);
|
|
61
50
|
if (savedSelectedThemeName) {
|
|
62
|
-
|
|
63
|
-
changeTheme(savedSelectedThemeName);
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
AsyncStorage.removeItem(SAVED_SELECTED_THEME_KEY).catch((e) => {
|
|
67
|
-
console.warn("Failed to reset persisted selected theme", e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
51
|
+
changeTheme(savedSelectedThemeName);
|
|
70
52
|
}
|
|
71
53
|
};
|
|
72
54
|
run();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,YAAY,MAAM,2CAA2C,CAAC;AACrE,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,YAAY,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
import type { Breakpoints, Theme, ValidatedTheme, ColorPalettes } from "./types";
|
|
2
|
-
/**
|
|
3
|
-
* Custom deepmerge function to skip merging of typography/text style objects.
|
|
4
|
-
*
|
|
5
|
-
* The theme object allows for special keys that trigger variability depending
|
|
6
|
-
* on platform, breakpoint, color mode, etc.
|
|
7
|
-
*
|
|
8
|
-
* Text style objects can break this logic when merged with other objects.
|
|
9
|
-
* For example, if you merge a standard text style object with another object that
|
|
10
|
-
* has variability through the special keys, you get an object with both special
|
|
11
|
-
* keys and the keys of the style object which breaks how the proxy is able to
|
|
12
|
-
* return the correct value.
|
|
13
|
-
*/
|
|
14
2
|
export default function createTheme({ breakpoints, palettes, theme, baseTheme, }: {
|
|
15
3
|
breakpoints: Breakpoints;
|
|
16
4
|
palettes: ColorPalettes;
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
import { validateBreakpoints, validatePalettes, validateTheme, } from "./validators";
|
|
2
1
|
import merge from "deepmerge";
|
|
3
|
-
|
|
4
|
-
* Custom deepmerge function to skip merging of typography/text style objects.
|
|
5
|
-
*
|
|
6
|
-
* The theme object allows for special keys that trigger variability depending
|
|
7
|
-
* on platform, breakpoint, color mode, etc.
|
|
8
|
-
*
|
|
9
|
-
* Text style objects can break this logic when merged with other objects.
|
|
10
|
-
* For example, if you merge a standard text style object with another object that
|
|
11
|
-
* has variability through the special keys, you get an object with both special
|
|
12
|
-
* keys and the keys of the style object which breaks how the proxy is able to
|
|
13
|
-
* return the correct value.
|
|
14
|
-
*/
|
|
2
|
+
import { validateBreakpoints, validatePalettes, validateTheme, } from "./validators";
|
|
15
3
|
export default function createTheme({ breakpoints, palettes, theme, baseTheme, }) {
|
|
16
4
|
validateBreakpoints(breakpoints);
|
|
17
5
|
validatePalettes(palettes);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../../src/createTheme.ts"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
import { ThemeValues, Breakpoints } from "./types";
|
|
2
2
|
import { Platform } from "react-native";
|
|
3
|
-
interface CreateThemeValuesProxyInput {
|
|
4
|
-
value: ThemeValues | undefined;
|
|
5
|
-
breakpoints: Breakpoints;
|
|
6
|
-
deviceWidth: number;
|
|
7
|
-
devicePlatform: typeof Platform.OS;
|
|
8
|
-
currentLightDarkSelection: "light" | "dark";
|
|
9
|
-
}
|
|
10
3
|
/**
|
|
11
4
|
* Creates a proxy for theme value objects to select a value whenever
|
|
12
5
|
* multiple values are provided for different platforms, breakpoints, and/or light/dark modes
|
|
@@ -14,5 +7,4 @@ interface CreateThemeValuesProxyInput {
|
|
|
14
7
|
* Ex: {color: {ios: "blue", android: "red"}}
|
|
15
8
|
* -> theme.color returns "blue" when the platform is ios and "red" when android
|
|
16
9
|
*/
|
|
17
|
-
export default function createThemeValuesProxy(
|
|
18
|
-
export {};
|
|
10
|
+
export default function createThemeValuesProxy(value: ThemeValues | undefined, breakpoints: Breakpoints, deviceWidth: number, devicePlatform: typeof Platform.OS, currentLightDarkSelection: "light" | "dark"): any;
|
|
@@ -6,47 +6,37 @@ import { isObject } from "lodash";
|
|
|
6
6
|
* Ex: {color: {ios: "blue", android: "red"}}
|
|
7
7
|
* -> theme.color returns "blue" when the platform is ios and "red" when android
|
|
8
8
|
*/
|
|
9
|
-
export default function createThemeValuesProxy(
|
|
9
|
+
export default function createThemeValuesProxy(value, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection) {
|
|
10
10
|
if (value === undefined || value === null) {
|
|
11
11
|
return undefined;
|
|
12
12
|
}
|
|
13
13
|
return new Proxy(value, {
|
|
14
14
|
get: (target, key) => {
|
|
15
15
|
const currentValue = target[key];
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
if (!isObject(currentValue)) {
|
|
17
|
+
return currentValue;
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
20
|
const platformKeys = ["ios", "android", "web", "macos", "windows"];
|
|
21
21
|
const breakpointKeys = Object.keys(breakpoints);
|
|
22
22
|
const lightDarkKeys = ["light", "dark"];
|
|
23
|
-
const keysType = getKeysType(
|
|
24
|
-
const input = {
|
|
25
|
-
value: valueAsThemeValues,
|
|
26
|
-
breakpoints,
|
|
27
|
-
deviceWidth,
|
|
28
|
-
devicePlatform,
|
|
29
|
-
currentLightDarkSelection,
|
|
30
|
-
};
|
|
23
|
+
const keysType = getKeysType(currentValue, platformKeys, breakpointKeys, lightDarkKeys);
|
|
31
24
|
if (keysType === "default") {
|
|
32
|
-
return createThemeValuesProxy(
|
|
25
|
+
return createThemeValuesProxy(currentValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
33
26
|
}
|
|
34
27
|
else if (keysType === "platform") {
|
|
35
|
-
return getPlatformValue(
|
|
28
|
+
return getPlatformValue(currentValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
36
29
|
}
|
|
37
30
|
else if (keysType === "breakpoint") {
|
|
38
|
-
return getBreakpointValue(
|
|
31
|
+
return getBreakpointValue(currentValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
39
32
|
}
|
|
40
33
|
else if (keysType === "lightDark") {
|
|
41
|
-
return getLightDarkValue(
|
|
34
|
+
return getLightDarkValue(currentValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
42
35
|
}
|
|
43
36
|
else {
|
|
44
37
|
return undefined;
|
|
45
38
|
}
|
|
46
39
|
}
|
|
47
|
-
else {
|
|
48
|
-
return currentValue;
|
|
49
|
-
}
|
|
50
40
|
},
|
|
51
41
|
set: () => {
|
|
52
42
|
throw new Error("Theme is read only, cannot be modified at runtime");
|
|
@@ -85,24 +75,19 @@ function onlyOneTrue(a, b, c, d) {
|
|
|
85
75
|
function allFalse(a, b, c, d) {
|
|
86
76
|
return [a, b, c, d].filter((x) => x).length === 0;
|
|
87
77
|
}
|
|
88
|
-
function getPlatformValue(
|
|
78
|
+
function getPlatformValue(value, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection) {
|
|
89
79
|
var _a;
|
|
90
|
-
const
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
? currentPlatformValue
|
|
94
|
-
: undefined;
|
|
95
|
-
if (valueAsThemeValues) {
|
|
96
|
-
return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
|
|
80
|
+
const currentPlatformValue = (_a = value[devicePlatform]) !== null && _a !== void 0 ? _a : value.default;
|
|
81
|
+
if (!isObject(currentPlatformValue)) {
|
|
82
|
+
return currentPlatformValue;
|
|
97
83
|
}
|
|
98
84
|
else {
|
|
99
|
-
return currentPlatformValue;
|
|
85
|
+
return createThemeValuesProxy(currentPlatformValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
100
86
|
}
|
|
101
87
|
}
|
|
102
|
-
function getBreakpointValue(
|
|
88
|
+
function getBreakpointValue(value, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection) {
|
|
103
89
|
var _a;
|
|
104
|
-
const
|
|
105
|
-
const keysToBreakpointValue = Object.keys(value !== null && value !== void 0 ? value : {}).map((key) => [key, breakpoints[key]]);
|
|
90
|
+
const keysToBreakpointValue = Object.keys(value).map((key) => [key, breakpoints[key]]);
|
|
106
91
|
const orderedBreakpoints = keysToBreakpointValue.sort(([_, val]) => val);
|
|
107
92
|
let currentBreakpointKey = "";
|
|
108
93
|
for (const [breakpointKey, breakpointValue] of orderedBreakpoints) {
|
|
@@ -110,29 +95,22 @@ function getBreakpointValue(input) {
|
|
|
110
95
|
currentBreakpointKey = breakpointKey;
|
|
111
96
|
}
|
|
112
97
|
}
|
|
113
|
-
const currentBreakpointValue = (_a = value
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
: undefined;
|
|
117
|
-
if (valueAsThemeValues) {
|
|
118
|
-
return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
|
|
98
|
+
const currentBreakpointValue = (_a = value[currentBreakpointKey]) !== null && _a !== void 0 ? _a : value.default;
|
|
99
|
+
if (!isObject(currentBreakpointValue)) {
|
|
100
|
+
return currentBreakpointValue;
|
|
119
101
|
}
|
|
120
102
|
else {
|
|
121
|
-
return currentBreakpointValue;
|
|
103
|
+
return createThemeValuesProxy(currentBreakpointValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
122
104
|
}
|
|
123
105
|
}
|
|
124
|
-
function getLightDarkValue(
|
|
106
|
+
function getLightDarkValue(value, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection) {
|
|
125
107
|
var _a;
|
|
126
|
-
const
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
? currentLightDarkSelection
|
|
130
|
-
: undefined;
|
|
131
|
-
if (valueAsThemeValues) {
|
|
132
|
-
return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
|
|
108
|
+
const currentLightDarkValue = (_a = value[currentLightDarkSelection]) !== null && _a !== void 0 ? _a : value.default;
|
|
109
|
+
if (!isObject(currentLightDarkValue)) {
|
|
110
|
+
return currentLightDarkValue;
|
|
133
111
|
}
|
|
134
112
|
else {
|
|
135
|
-
return currentLightDarkValue;
|
|
113
|
+
return createThemeValuesProxy(currentLightDarkValue, breakpoints, deviceWidth, devicePlatform, currentLightDarkSelection);
|
|
136
114
|
}
|
|
137
115
|
}
|
|
138
116
|
//# sourceMappingURL=createThemeValuesProxy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createThemeValuesProxy.js","sourceRoot":"","sources":["../../../src/createThemeValuesProxy.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"createThemeValuesProxy.js","sourceRoot":"","sources":["../../../src/createThemeValuesProxy.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { TextStyle } from "react-native";
|
|
2
1
|
export declare type ThemeValues = {
|
|
3
|
-
[key: string]: string | number |
|
|
2
|
+
[key: string]: string | number | ThemeValues;
|
|
4
3
|
};
|
|
5
4
|
export declare type Theme = {
|
|
6
5
|
name: string;
|
|
@@ -12,19 +11,7 @@ export declare type Theme = {
|
|
|
12
11
|
border?: ThemeValues;
|
|
13
12
|
};
|
|
14
13
|
typography: {
|
|
15
|
-
|
|
16
|
-
body2?: ThemeValues | TextStyle;
|
|
17
|
-
button?: ThemeValues | TextStyle;
|
|
18
|
-
caption?: ThemeValues | TextStyle;
|
|
19
|
-
headline1?: ThemeValues | TextStyle;
|
|
20
|
-
headline2?: ThemeValues | TextStyle;
|
|
21
|
-
headline3?: ThemeValues | TextStyle;
|
|
22
|
-
headline4?: ThemeValues | TextStyle;
|
|
23
|
-
headline5?: ThemeValues | TextStyle;
|
|
24
|
-
headline6?: ThemeValues | TextStyle;
|
|
25
|
-
overline?: ThemeValues | TextStyle;
|
|
26
|
-
subtitle1?: ThemeValues | TextStyle;
|
|
27
|
-
subtitle2?: ThemeValues | TextStyle;
|
|
14
|
+
[key: string]: any;
|
|
28
15
|
};
|
|
29
16
|
};
|
|
30
17
|
export declare type ValidatedTheme = Theme & {
|
|
@@ -38,21 +25,6 @@ export declare type ReadTheme = Theme & {
|
|
|
38
25
|
foreground?: any;
|
|
39
26
|
border?: any;
|
|
40
27
|
};
|
|
41
|
-
typography: {
|
|
42
|
-
body1?: any;
|
|
43
|
-
body2?: any;
|
|
44
|
-
button?: any;
|
|
45
|
-
caption?: any;
|
|
46
|
-
headline1?: any;
|
|
47
|
-
headline2?: any;
|
|
48
|
-
headline3?: any;
|
|
49
|
-
headline4?: any;
|
|
50
|
-
headline5?: any;
|
|
51
|
-
headline6?: any;
|
|
52
|
-
overline?: any;
|
|
53
|
-
subtitle1?: any;
|
|
54
|
-
subtitle2?: any;
|
|
55
|
-
};
|
|
56
28
|
};
|
|
57
29
|
export declare type ColorPaletteValues = {
|
|
58
30
|
[key: string]: string;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { ColorPalettes, Breakpoints, Theme
|
|
1
|
+
import { ColorPalettes, Breakpoints, Theme } from "./types";
|
|
2
2
|
export declare function validatePalettes(palettes: ColorPalettes): void;
|
|
3
3
|
export declare function validateBreakpoints(breakpoints: Breakpoints): void;
|
|
4
4
|
export declare function validateTheme(theme: Theme): void;
|
|
5
|
-
export declare function isTextStyleObject(value: any): boolean;
|
|
6
|
-
export declare function asThemeValuesObject(value: any): ThemeValues | null;
|