@reillymc/react-native-components 0.11.6 → 0.11.7
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/components/toast/Toast.js +1 -1
- package/lib/components/toast/Toast.styles.js +1 -1
- package/lib/hooks/useTheme.js +1 -1
- package/lib/hooks/useThemedStyles.js +1 -1
- package/lib/providers/ThemeContext.js +1 -1
- package/lib/providers/ThemeProvider.js +1 -1
- package/lib/theme/index.js +1 -1
- package/lib/theme/styles.js +1 -1
- package/lib/theme/theme.js +1 -1
- package/lib/types/components/toast/Toast.d.ts +6 -3
- package/lib/types/components/toast/Toast.d.ts.map +1 -1
- package/lib/types/components/toast/Toast.styles.d.ts +1 -1
- package/lib/types/components/toast/Toast.styles.d.ts.map +1 -1
- package/lib/types/hooks/useTheme.d.ts +6 -1
- package/lib/types/hooks/useTheme.d.ts.map +1 -1
- package/lib/types/hooks/useThemedStyles.d.ts +4 -3
- package/lib/types/hooks/useThemedStyles.d.ts.map +1 -1
- package/lib/types/providers/ThemeContext.d.ts +4 -4
- package/lib/types/providers/ThemeContext.d.ts.map +1 -1
- package/lib/types/providers/ThemeProvider.d.ts +9 -6
- package/lib/types/providers/ThemeProvider.d.ts.map +1 -1
- package/lib/types/theme/index.d.ts +3 -3
- package/lib/types/theme/index.d.ts.map +1 -1
- package/lib/types/theme/styles.d.ts +5 -0
- package/lib/types/theme/styles.d.ts.map +1 -1
- package/lib/types/theme/theme.d.ts +6 -7
- package/lib/types/theme/theme.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/toast/Toast.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import Animated,{LinearTransition,SlideInDown,SlideOutDown}from"react-native-reanimated";import{useThemedStyles}from"../../hooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var TOAST_ENTERING=SlideInDown.springify().mass(0.5);var TOAST_EXITING=SlideOutDown.springify().mass(0.5);var TOAST_LAYOUT=LinearTransition.springify().mass(0.5);export var Toast=t0=>{var $=_c(17);var action=t0.action,containerStyle=t0.containerStyle,children=t0.children;var _useThemedStyles=useThemedStyles("toast",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t1;if($[0]!==containerStyle||$[1]!==styles.container){t1=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==styles.contentContainer){t2=_jsx(View,{style:styles.contentContainer,children:children});$[3]=children;$[4]=styles.contentContainer;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==action||$[7]!==styles.actionContainer||$[8]!==styles.separator){t3=action&&_jsxs(View,{style:styles.actionContainer,children:[_jsx(Animated.View,{layout:TOAST_LAYOUT,style:styles.separator}),action]});$[6]=action;$[7]=styles.actionContainer;$[8]=styles.separator;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.innerContainer||$[11]!==t2||$[12]!==t3){t4=_jsxs(View,{style:styles.innerContainer,children:[t2,t3]});$[10]=styles.innerContainer;$[11]=t2;$[12]=t3;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==t1||$[15]!==t4){t5=_jsx(Animated.View,{style:t1,entering:TOAST_ENTERING,exiting:TOAST_EXITING,layout:TOAST_LAYOUT,children:t4});$[14]=t1;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({theme:{color,spacing
|
|
1
|
+
var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/toast/Toast.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import Animated,{LinearTransition,SlideInDown,SlideOutDown}from"react-native-reanimated";import{useThemedStyles}from"../../hooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var TOAST_ENTERING=SlideInDown.springify().mass(0.5);var TOAST_EXITING=SlideOutDown.springify().mass(0.5);var TOAST_LAYOUT=LinearTransition.springify().mass(0.5);export var Toast=t0=>{var $=_c(17);var action=t0.action,containerStyle=t0.containerStyle,children=t0.children;var _useThemedStyles=useThemedStyles("toast",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t1;if($[0]!==containerStyle||$[1]!==styles.container){t1=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==styles.contentContainer){t2=_jsx(View,{style:styles.contentContainer,children:children});$[3]=children;$[4]=styles.contentContainer;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==action||$[7]!==styles.actionContainer||$[8]!==styles.separator){t3=action&&_jsxs(View,{style:styles.actionContainer,children:[_jsx(Animated.View,{layout:TOAST_LAYOUT,style:styles.separator}),action]});$[6]=action;$[7]=styles.actionContainer;$[8]=styles.separator;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.innerContainer||$[11]!==t2||$[12]!==t3){t4=_jsxs(View,{style:styles.innerContainer,children:[t2,t3]});$[10]=styles.innerContainer;$[11]=t2;$[12]=t3;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==t1||$[15]!==t4){t5=_jsx(Animated.View,{style:t1,entering:TOAST_ENTERING,exiting:TOAST_EXITING,layout:TOAST_LAYOUT,children:t4});$[14]=t1;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({theme:{color,spacing},styles:{toast}})=>StyleSheet.create({container:{backgroundColor:toast.container.backgroundColor,padding:toast.container.padding,borderRadius:toast.container.borderRadius},innerContainer:{flexDirection:"row",justifyContent:"space-between"},contentContainer:{flex:1},actionContainer:{flex:0,alignItems:"center",flexDirection:"row",height:"100%"},separator:{borderStartWidth:StyleSheet.hairlineWidth,borderStartColor:color.textSecondary,height:"100%",marginHorizontal:spacing.medium}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export var defaultToastStyles=({spacing})=>({
|
|
1
|
+
export var defaultToastStyles=({color,spacing,border})=>({container:{backgroundColor:color.backgroundHighlight,padding:spacing.medium,borderRadius:border.radius.loose}});
|
package/lib/hooks/useTheme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{use}from"react";import{ThemeContext}from"../providers";export
|
|
1
|
+
import{use}from"react";import{ThemeContext}from"../providers";export function useTheme(){return use(ThemeContext);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as _c}from"react/compiler-runtime";import{MergeStyleSlice}from"../theme/styles";import{useTheme}from"./useTheme";function hasKey(obj,key){return key in obj;}var EMPTY_OPTIONS={};var mergeStylesForComponent=(styles,name,override)=>{if(!hasKey(styles,name)){return{config:undefined,styles};}var base=styles[name];var config=MergeStyleSlice(base,override);return{config,styles:config===base?styles:{...styles,[name]:config}};};var buildComponentResult=(styles,icons,name,config)=>{var hasStyle=hasKey(styles,name);var hasIcons=hasKey(icons,name);if(hasStyle&&hasIcons){return{style:config,icons:icons[name]};}if(hasStyle){return{style:config};}if(hasIcons){return{icons:icons[name]};}return{};};export function useThemedStyles(...t0){var $=_c(10);var args=t0;var first=args[0];var isComponent=typeof first==="string";var componentName=isComponent?first:undefined;var generator=isComponent?args[1]:first;var options=(isComponent?args[2]:args[1])??EMPTY_OPTIONS;var hasProps="props"in options;var componentProps=hasProps?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles,icons=_useTheme.icons;var name=componentName;var t1;if($[0]!==componentProps||$[1]!==componentStyles||$[2]!==generator||$[3]!==hasProps||$[4]!==icons||$[5]!==isComponent||$[6]!==name||$[7]!==styles||$[8]!==theme){var _ref=isComponent?mergeStylesForComponent(styles,name,componentStyles?.[name]):{config:undefined,styles},config=_ref.config,stylesForGenerator=_ref.styles;var
|
|
1
|
+
import{c as _c}from"react/compiler-runtime";import{MergeStyleSlice}from"../theme/styles";import{useTheme}from"./useTheme";function hasKey(obj,key){return key in obj;}var EMPTY_OPTIONS={};var mergeStylesForComponent=(styles,name,override)=>{if(!hasKey(styles,name)){return{config:undefined,styles};}var base=styles[name];var config=MergeStyleSlice(base,override);return{config,styles:config===base?styles:{...styles,[name]:config}};};var buildComponentResult=(styles,icons,name,config)=>{var hasStyle=hasKey(styles,name);var hasIcons=hasKey(icons,name);if(hasStyle&&hasIcons){return{style:config,icons:icons[name]};}if(hasStyle){return{style:config};}if(hasIcons){return{icons:icons[name]};}return{};};export function useThemedStyles(...t0){var $=_c(10);var args=t0;var first=args[0];var isComponent=typeof first==="string";var componentName=isComponent?first:undefined;var generator=isComponent?args[1]:first;var options=(isComponent?args[2]:args[1])??EMPTY_OPTIONS;var hasProps="props"in options;var componentProps=hasProps?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles,icons=_useTheme.icons;var name=componentName;var t1;if($[0]!==componentProps||$[1]!==componentStyles||$[2]!==generator||$[3]!==hasProps||$[4]!==icons||$[5]!==isComponent||$[6]!==name||$[7]!==styles||$[8]!==theme){var _ref=isComponent?mergeStylesForComponent(styles,name,componentStyles?.[name]):{config:undefined,styles},config=_ref.config,stylesForGenerator=_ref.styles;var generatorInput={theme,styles:stylesForGenerator,icons};var _generated=hasProps?generator(generatorInput,componentProps):generator(generatorInput);t1=isComponent?[_generated,buildComponentResult(styles,icons,name,config)]:_generated;$[0]=componentProps;$[1]=componentStyles;$[2]=generator;$[3]=hasProps;$[4]=icons;$[5]=isComponent;$[6]=name;$[7]=styles;$[8]=theme;$[9]=t1;}else{t1=$[9];}return t1;}export var useStyles=componentStyles=>{var $=_c(7);var _useTheme2=useTheme(),styles=_useTheme2.styles;var merged=styles;var t0;if($[0]!==componentStyles){t0=Object.keys(componentStyles);$[0]=componentStyles;$[1]=t0;}else{t0=$[1];}var t1=t0;if($[2]!==componentStyles||$[3]!==merged||$[4]!==styles||$[5]!==t1){for(var key of t1){var override=componentStyles[key];if(override===undefined){continue;}var base=styles[key];var next=MergeStyleSlice(base,override);if(next!==base){merged={...merged,[key]:next};}}$[2]=componentStyles;$[3]=merged;$[4]=styles;$[5]=t1;$[6]=merged;}else{merged=$[6];}return merged;};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext}from"react";import{
|
|
1
|
+
import{createContext}from"react";import{DefaultIcons}from"../theme/icons";import{createStyles}from"../theme/styles";import{DefaultTheme}from"../theme/theme";export var ThemeContext=createContext({theme:DefaultTheme,styles:createStyles(DefaultTheme),icons:DefaultIcons});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/providers/ThemeProvider.tsx";import{c as _c}from"react/compiler-runtime";import{
|
|
1
|
+
var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/providers/ThemeProvider.tsx";import{c as _c}from"react/compiler-runtime";import{createStyles}from"../theme";import{MergeIcons}from"../theme/icons";import{MergeTheme}from"../theme/theme";import{ThemeContext}from"./ThemeContext";import{jsx as _jsx}from"react/jsx-runtime";export var ThemeProvider=t0=>{var $=_c(13);var initialTheme=t0.theme,initialStyles=t0.styles,initialIcons=t0.icons,children=t0.children;var t1;var theme;if($[0]!==initialStyles||$[1]!==initialTheme){theme=MergeTheme(initialTheme);t1=createStyles(theme,initialStyles);$[0]=initialStyles;$[1]=initialTheme;$[2]=t1;$[3]=theme;}else{t1=$[2];theme=$[3];}var styles=t1;var t2;if($[4]!==initialIcons){t2=MergeIcons(initialIcons);$[4]=initialIcons;$[5]=t2;}else{t2=$[5];}var icons=t2;var t3;if($[6]!==icons||$[7]!==styles||$[8]!==theme){t3={theme,styles,icons};$[6]=icons;$[7]=styles;$[8]=theme;$[9]=t3;}else{t3=$[9];}var value=t3;var t4;if($[10]!==children||$[11]!==value){t4=_jsx(ThemeContext.Provider,{value:value,children:children});$[10]=children;$[11]=value;$[12]=t4;}else{t4=$[12];}return t4;};
|
package/lib/theme/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{createStyles}from"./styles";export{createTheme}from"./theme";
|
package/lib/theme/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import merge from"lodash.merge";import{defaultActionStyles}from"../components/action/Action.styles";import{defaultIconActionStyles}from"../components/action/IconAction.styles";import{defaultIconActionBaseStyles}from"../components/action/IconActionBase.styles";import{defaultAlertIndicatorStyles}from"../components/alert/AlertIndicator.styles";import{defaultAvatarStyles}from"../components/avatar/Avatar.styles";import{defaultButtonStyles}from"../components/button/Button.styles";import{defaultButtonBaseStyles}from"../components/button/ButtonBase.styles";import{defaultIconButtonStyles}from"../components/button/IconButton.styles";import{defaultIconButtonBaseStyles}from"../components/button/IconButtonBase.styles";import{defaultFloatingContainerStyles}from"../components/container/FloatingContainer.styles";import{defaultIconStyles}from"../components/icon/Icon.styles";import{defaultIconBaseStyles}from"../components/icon/IconBase.styles";import{defaultInteractiveIconStyles}from"../components/icon/InteractiveIcon.styles";import{defaultDropdownInputStyles}from"../components/input/DropdownInput.styles";import{defaultInputActionStyles}from"../components/input/InputAction.styles";import{defaultInputBaseStyles}from"../components/input/InputBase.styles";import{defaultInputScaffoldStyles}from"../components/input/InputScaffold.styles";import{defaultSelectionInputStyles}from"../components/input/SelectionInput.styles";import{defaultToggleInputStyles}from"../components/input/ToggleInput.styles";import{defaultListItemStyles}from"../components/listItem/ListItem.styles";import{defaultMenuStyles}from"../components/menu/Menu.styles";import{defaultMenuItemStyles}from"../components/menu/MenuItem.styles";import{defaultRatingStyles}from"../components/rating/Rating.styles";import{defaultSwipeActionStyles}from"../components/swipe/SwipeAction.styles";import{defaultTagStyles}from"../components/tag/Tag.styles";import{defaultHighlightedTextStyles}from"../components/text/HighlightedText.styles";import{defaultInteractiveTextStyles}from"../components/text/InteractiveText.styles";import{defaultTextStyles}from"../components/text/Text.styles";import{defaultToastStyles}from"../components/toast/Toast.styles";export var createDefaultStyles=theme=>({interactiveText:defaultInteractiveTextStyles(theme),highlightedText:defaultHighlightedTextStyles(),iconBase:defaultIconBaseStyles(theme),icon:defaultIconStyles(theme),interactiveIcon:defaultInteractiveIconStyles(theme),action:defaultActionStyles(theme),iconActionBase:defaultIconActionBaseStyles(theme),iconAction:defaultIconActionStyles(theme),buttonBase:defaultButtonBaseStyles(theme),button:defaultButtonStyles(theme),iconButtonBase:defaultIconButtonBaseStyles(theme),iconButton:defaultIconButtonStyles(theme),inputBase:defaultInputBaseStyles(theme),inputScaffold:defaultInputScaffoldStyles(theme),inputAction:defaultInputActionStyles(theme),selectionInput:defaultSelectionInputStyles(theme),ratingInput:null,swipeAction:defaultSwipeActionStyles(theme),floatingContainer:defaultFloatingContainerStyles(theme),menu:defaultMenuStyles(theme),menuItem:defaultMenuItemStyles(theme),rating:defaultRatingStyles(theme),alertIndicator:defaultAlertIndicatorStyles(theme),tag:defaultTagStyles(theme),common:{action:{fontSize:{...theme.font.size}}},text:defaultTextStyles(theme),dropdownInput:defaultDropdownInputStyles(theme),toggleInput:defaultToggleInputStyles(theme),listItem:defaultListItemStyles(theme),avatar:defaultAvatarStyles(theme),toast:defaultToastStyles(theme)});export var MergeStyles=(styles,overrides={})=>merge({},styles,overrides);export var MergeStyleSlice=(base,override)=>override===undefined?base:merge({},base,override);
|
|
1
|
+
import merge from"lodash.merge";import{defaultActionStyles}from"../components/action/Action.styles";import{defaultIconActionStyles}from"../components/action/IconAction.styles";import{defaultIconActionBaseStyles}from"../components/action/IconActionBase.styles";import{defaultAlertIndicatorStyles}from"../components/alert/AlertIndicator.styles";import{defaultAvatarStyles}from"../components/avatar/Avatar.styles";import{defaultButtonStyles}from"../components/button/Button.styles";import{defaultButtonBaseStyles}from"../components/button/ButtonBase.styles";import{defaultIconButtonStyles}from"../components/button/IconButton.styles";import{defaultIconButtonBaseStyles}from"../components/button/IconButtonBase.styles";import{defaultFloatingContainerStyles}from"../components/container/FloatingContainer.styles";import{defaultIconStyles}from"../components/icon/Icon.styles";import{defaultIconBaseStyles}from"../components/icon/IconBase.styles";import{defaultInteractiveIconStyles}from"../components/icon/InteractiveIcon.styles";import{defaultDropdownInputStyles}from"../components/input/DropdownInput.styles";import{defaultInputActionStyles}from"../components/input/InputAction.styles";import{defaultInputBaseStyles}from"../components/input/InputBase.styles";import{defaultInputScaffoldStyles}from"../components/input/InputScaffold.styles";import{defaultSelectionInputStyles}from"../components/input/SelectionInput.styles";import{defaultToggleInputStyles}from"../components/input/ToggleInput.styles";import{defaultListItemStyles}from"../components/listItem/ListItem.styles";import{defaultMenuStyles}from"../components/menu/Menu.styles";import{defaultMenuItemStyles}from"../components/menu/MenuItem.styles";import{defaultRatingStyles}from"../components/rating/Rating.styles";import{defaultSwipeActionStyles}from"../components/swipe/SwipeAction.styles";import{defaultTagStyles}from"../components/tag/Tag.styles";import{defaultHighlightedTextStyles}from"../components/text/HighlightedText.styles";import{defaultInteractiveTextStyles}from"../components/text/InteractiveText.styles";import{defaultTextStyles}from"../components/text/Text.styles";import{defaultToastStyles}from"../components/toast/Toast.styles";export var createDefaultStyles=theme=>({interactiveText:defaultInteractiveTextStyles(theme),highlightedText:defaultHighlightedTextStyles(),iconBase:defaultIconBaseStyles(theme),icon:defaultIconStyles(theme),interactiveIcon:defaultInteractiveIconStyles(theme),action:defaultActionStyles(theme),iconActionBase:defaultIconActionBaseStyles(theme),iconAction:defaultIconActionStyles(theme),buttonBase:defaultButtonBaseStyles(theme),button:defaultButtonStyles(theme),iconButtonBase:defaultIconButtonBaseStyles(theme),iconButton:defaultIconButtonStyles(theme),inputBase:defaultInputBaseStyles(theme),inputScaffold:defaultInputScaffoldStyles(theme),inputAction:defaultInputActionStyles(theme),selectionInput:defaultSelectionInputStyles(theme),ratingInput:null,swipeAction:defaultSwipeActionStyles(theme),floatingContainer:defaultFloatingContainerStyles(theme),menu:defaultMenuStyles(theme),menuItem:defaultMenuItemStyles(theme),rating:defaultRatingStyles(theme),alertIndicator:defaultAlertIndicatorStyles(theme),tag:defaultTagStyles(theme),common:{action:{fontSize:{...theme.font.size}}},text:defaultTextStyles(theme),dropdownInput:defaultDropdownInputStyles(theme),toggleInput:defaultToggleInputStyles(theme),listItem:defaultListItemStyles(theme),avatar:defaultAvatarStyles(theme),toast:defaultToastStyles(theme)});export var MergeStyles=(styles,overrides={})=>merge({},styles,overrides);export var createStyles=(theme,overrides)=>MergeStyles(createDefaultStyles(theme),overrides);export var MergeStyleSlice=(base,override)=>override===undefined?base:merge({},base,override);
|
package/lib/theme/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Platform}from"react-native";export var DefaultTheme={font:{family:{sans:Platform.select({ios:"System",android:"sans-serif",default:"system-ui"}),mono:Platform.select({ios:"Menlo",android:"monospace",default:"monospace"})},size:{tiny:10,small:12,regular:14,large:16,xLarge:20,xxLarge:28}},color:{primary:"#FF4242",primaryDark:"#ff8585",primaryLight:"#ffbdbd",secondary:"#12263A",secondaryHighlight:"#718191",secondaryDisabled:"#B5EAD7",tertiary:"#06bcc1",destructive:"#ff382e",destructiveHighlight:"#ff9e96",light:"#F4EDEA",white:"#ffffff",black:"#000000",red:"#FF9AA2",orange:"#FFDAC1",green:"#E2F0CB",blue:"#B5EAD7",purple:"#C7CEEA",textPrimary:"#12263A",textSecondary:"#22476D",textHighlight:"#30669c",textInverted:"#F4EDEA",textDisabled:"#B5EAD7",textOnPrimary:"#F4EDEA",textOnSecondary:"#F4EDEA",textOnDestructive:"#F4EDEA",background:"#F4EDEA",backgroundHighlight:"#f7f3f2",foreground:"#ffffff",foregroundHighlight:"#B5EAD7",backgroundOverlay:"#000",shadow:"#555",border:"#E2E8F0",inputBackground:"#e4d8d4",inputBackgroundDisabled:"#f0e9e2ff",inputText:"#12263A",pressOverlay:"rgba(0, 0, 0, 0.1)",alert:"#d63333",error:"#d63333",success:"#4ed633",warning:"#f5c61d"},spacing:{
|
|
1
|
+
import{Platform}from"react-native";import merge from"lodash.merge";export var DefaultTheme={font:{family:{sans:Platform.select({ios:"System",android:"sans-serif",default:"system-ui"}),mono:Platform.select({ios:"Menlo",android:"monospace",default:"monospace"})},size:{tiny:10,small:12,regular:14,large:16,xLarge:20,xxLarge:28}},color:{primary:"#FF4242",primaryDark:"#ff8585",primaryLight:"#ffbdbd",secondary:"#12263A",secondaryHighlight:"#718191",secondaryDisabled:"#B5EAD7",tertiary:"#06bcc1",destructive:"#ff382e",destructiveHighlight:"#ff9e96",light:"#F4EDEA",white:"#ffffff",black:"#000000",red:"#FF9AA2",orange:"#FFDAC1",green:"#E2F0CB",blue:"#B5EAD7",purple:"#C7CEEA",textPrimary:"#12263A",textSecondary:"#22476D",textHighlight:"#30669c",textInverted:"#F4EDEA",textDisabled:"#B5EAD7",textOnPrimary:"#F4EDEA",textOnSecondary:"#F4EDEA",textOnDestructive:"#F4EDEA",background:"#F4EDEA",backgroundHighlight:"#f7f3f2",foreground:"#ffffff",foregroundHighlight:"#B5EAD7",backgroundOverlay:"#000",shadow:"#555",border:"#E2E8F0",inputBackground:"#e4d8d4",inputBackgroundDisabled:"#f0e9e2ff",inputText:"#12263A",pressOverlay:"rgba(0, 0, 0, 0.1)",alert:"#d63333",error:"#d63333",success:"#4ed633",warning:"#f5c61d"},spacing:{large:24,medium:16,small:8,tiny:4},border:{radius:{tight:4,regular:8,loose:16},width:{thick:4,regular:2,thin:1}}};export var MergeTheme=(first,second)=>merge({},DefaultTheme,first??{},second??{});export var createTheme=(overrides,createExtras)=>{var base=MergeTheme(overrides);return createExtras?merge({},base,createExtras(base)):base;};
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { FunctionComponent, ReactNode } from "react";
|
|
2
|
-
import { type StyleProp, type ViewStyle } from "react-native";
|
|
2
|
+
import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
|
|
3
3
|
export interface ToastStyles {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
container: {
|
|
5
|
+
backgroundColor: ColorValue;
|
|
6
|
+
padding: number;
|
|
7
|
+
borderRadius: number;
|
|
8
|
+
};
|
|
6
9
|
}
|
|
7
10
|
export interface ToastProps {
|
|
8
11
|
action?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,WAAW;IACxB,SAAS,EAAE;QACP,eAAe,EAAE,UAAU,CAAC;QAC5B,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;KACxB,CAAC;CACL;AACD,MAAM,WAAW,UAAU;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAMD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CA4B/C,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Theme } from "../../theme/theme";
|
|
2
2
|
import type { ToastStyles } from "./Toast";
|
|
3
|
-
export declare const defaultToastStyles: ({ spacing }: Theme) => ToastStyles;
|
|
3
|
+
export declare const defaultToastStyles: ({ color, spacing, border, }: Theme) => ToastStyles;
|
|
4
4
|
//# sourceMappingURL=Toast.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,kBAAkB,GAAI,
|
|
1
|
+
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,kBAAkB,GAAI,6BAIhC,KAAK,KAAG,WAMT,CAAC"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { type ThemeContextDefinition } from "../providers";
|
|
2
|
+
/**
|
|
3
|
+
* Reads the active theme. Pass a consumer extension type to see any custom
|
|
4
|
+
* tokens that were provided to `ThemeProvider` (e.g. `useTheme<AppTheme>()`).
|
|
5
|
+
*/
|
|
6
|
+
export declare function useTheme<E extends object = Record<never, never>>(): ThemeContextDefinition<E>;
|
|
2
7
|
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEzE;;;GAGG;AACH,wBAAgB,QAAQ,CACpB,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KACtC,sBAAsB,CAAC,CAAC,CAAC,CAE7B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** biome-ignore-all lint/suspicious/noExplicitAny: any prop definition is permitted */
|
|
2
|
-
import type { ThemeContextDefinition
|
|
2
|
+
import type { ThemeContextDefinition } from "../providers";
|
|
3
3
|
import type { Icons, StyleOverrides, Styles } from "../theme";
|
|
4
|
-
export type
|
|
4
|
+
export type ThemedStyles<E extends object = Record<never, never>> = ThemeContextDefinition<E>;
|
|
5
5
|
type StyleOnlyKey = keyof Styles;
|
|
6
6
|
type IconOnlyKey = keyof Icons;
|
|
7
7
|
type ComponentKey = StyleOnlyKey | IconOnlyKey;
|
|
@@ -22,7 +22,7 @@ type UseStylesReturn<C extends ComponentKey, G = undefined> = [
|
|
|
22
22
|
];
|
|
23
23
|
type AnyGenerator = (...args: any[]) => any;
|
|
24
24
|
type GeneratorResult<G extends AnyGenerator> = ReturnType<G>;
|
|
25
|
-
type GeneratorProps<G extends AnyGenerator> = Parameters<G> extends [
|
|
25
|
+
type GeneratorProps<G extends AnyGenerator> = Parameters<G> extends [ThemeContextDefinition<any>, infer U] ? U : never;
|
|
26
26
|
type UseStylesOptions<G extends AnyGenerator> = [GeneratorProps<G>] extends [
|
|
27
27
|
never
|
|
28
28
|
] ? [
|
|
@@ -47,4 +47,5 @@ type UseStylesOptions<G extends AnyGenerator> = [GeneratorProps<G>] extends [
|
|
|
47
47
|
export declare function useThemedStyles<C extends ComponentKey, G extends AnyGenerator>(componentName: C, generator: G, ...options: UseStylesOptions<G>): UseStylesReturn<C, GeneratorResult<G>>;
|
|
48
48
|
export declare function useThemedStyles<G extends AnyGenerator>(generator: G, ...options: UseStylesOptions<G>): GeneratorResult<G>;
|
|
49
49
|
export declare const useStyles: (componentStyles: StyleOverrides) => Styles;
|
|
50
|
+
export {};
|
|
50
51
|
//# sourceMappingURL=useThemedStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemedStyles.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemedStyles.tsx"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,OAAO,KAAK,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"useThemedStyles.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemedStyles.tsx"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAI9D,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAC5D,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAS9B,KAAK,YAAY,GAAG,MAAM,MAAM,CAAC;AACjC,KAAK,WAAW,GAAG,MAAM,KAAK,CAAC;AAC/B,KAAK,YAAY,GAAG,YAAY,GAAG,WAAW,CAAC;AAE/C,KAAK,iBAAiB,GAAG;KACpB,CAAC,IAAI,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC,SAAS,MAAM,MAAM,GACnD,CAAC,SAAS,MAAM,KAAK,GACjB;QACI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACjB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;KACnB,GACD;QACI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;KACpB,GACL,CAAC,SAAS,MAAM,KAAK,GACnB;QACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;KACnB,GACD,KAAK;CAChB,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,iBAAiB,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAE3E,KAAK,eAAe,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,GAAG,SAAS,IAAI;IAC1D,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;CAC5B,CAAC;AACF,KAAK,YAAY,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAE5C,KAAK,eAAe,CAAC,CAAC,SAAS,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AAE7D,KAAK,cAAc,CAAC,CAAC,SAAS,YAAY,IACtC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAE7E,KAAK,gBAAgB,CAAC,CAAC,SAAS,YAAY,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS;IACxE,KAAK;CACR,GACK;IACI,OAAO,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,cAAc,CAAC;KAC3B;CACJ,GACD;IACI,OAAO,EAAE;QACL,MAAM,CAAC,EAAE,cAAc,CAAC;QACxB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;KAC5B;CACJ,CAAC;AAwDR;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,YAAY,EAC1E,aAAa,EAAE,CAAC,EAChB,SAAS,EAAE,CAAC,EACZ,GAAG,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAChC,eAAe,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EAClD,SAAS,EAAE,CAAC,EACZ,GAAG,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAChC,eAAe,CAAC,CAAC,CAAC,CAAC;AAmCtB,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,WAgBxD,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface ThemeContextDefinition {
|
|
3
|
-
theme: Theme;
|
|
1
|
+
import type { Icons, Styles, Theme } from "../theme";
|
|
2
|
+
export interface ThemeContextDefinition<E extends object = Record<never, never>> {
|
|
3
|
+
theme: Theme & E;
|
|
4
4
|
styles: Styles;
|
|
5
5
|
icons: Icons;
|
|
6
6
|
}
|
|
7
|
-
export declare const ThemeContext: import("react").Context<ThemeContextDefinition
|
|
7
|
+
export declare const ThemeContext: import("react").Context<ThemeContextDefinition<Record<never, never>>>;
|
|
8
8
|
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeContext.ts"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,WAAW,sBAAsB,CACnC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;IAEvC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,uEAIvB,CAAC"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
2
|
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
-
import { type Icons, type StyleOverrides, type
|
|
4
|
-
interface ThemeProviderProps {
|
|
5
|
-
|
|
3
|
+
import { type Icons, type StyleOverrides, type ThemeOverrides } from "../theme";
|
|
4
|
+
export interface ThemeProviderProps<E extends object = Record<never, never>> {
|
|
5
|
+
/**
|
|
6
|
+
* The active theme. Consumers may extend it with their own tokens
|
|
7
|
+
* (`ThemeOverrides & E`) and read them back via `useTheme<E>()`.
|
|
8
|
+
*/
|
|
9
|
+
theme?: ThemeOverrides & E;
|
|
6
10
|
styles?: StyleOverrides;
|
|
7
11
|
icons?: DeepPartial<Icons>;
|
|
8
12
|
children?: ReactNode;
|
|
9
13
|
}
|
|
10
|
-
export declare const ThemeProvider:
|
|
11
|
-
export {};
|
|
14
|
+
export declare const ThemeProvider: <E extends object = Record<never, never>>({ theme: initialTheme, styles: initialStyles, icons: initialIcons, children, }: ThemeProviderProps<E>) => import("react").JSX.Element;
|
|
12
15
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAEH,KAAK,KAAK,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACtB,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,gFAKpE,kBAAkB,CAAC,CAAC,CAAC,gCAUvB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
1
|
+
export type { ComponentIconAssets, Icons } from "./icons";
|
|
2
|
+
export { createStyles, type StyleOverrides, type Styles } from "./styles";
|
|
3
|
+
export { createTheme, type Theme, type ThemeOverrides } from "./theme";
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -49,5 +49,10 @@ export type CreateStyles = (theme: Theme) => Styles;
|
|
|
49
49
|
*/
|
|
50
50
|
export declare const createDefaultStyles: CreateStyles;
|
|
51
51
|
export declare const MergeStyles: (styles: Styles, overrides?: StyleOverrides | undefined) => Styles;
|
|
52
|
+
/**
|
|
53
|
+
* Builds the full `Styles` registry for a theme, optionally merged with
|
|
54
|
+
* consumer style overrides.
|
|
55
|
+
*/
|
|
56
|
+
export declare const createStyles: (theme: Theme, overrides?: StyleOverrides) => Styles;
|
|
52
57
|
export declare const MergeStyleSlice: <T>(base: T, override: unknown) => T;
|
|
53
58
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EACR,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,WAAW,EACX,iBAAiB,EACpB,MAAM,eAAe,CAAC;AA8BvB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,EAAE,qBAAqB,CAAC;IAEvC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,qBAAqB,CAAC;IAEvC,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,cAAc,EAAE,oBAAoB,CAAC;IAErC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;IACrB,cAAc,EAAE,oBAAoB,CAAC;IACrC,UAAU,EAAE,gBAAgB,CAAC;IAE7B,SAAS,EAAE,eAAe,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC;IACnC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,cAAc,EAAE,oBAAoB,CAAC;IACrC,WAAW,EAAE,iBAAiB,CAAC;IAE/B,MAAM,EAAE,YAAY,CAAC;IACrB,cAAc,EAAE,oBAAoB,CAAC;IAErC,aAAa,EAAE,mBAAmB,CAAC;IACnC,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE;QACJ,MAAM,EAAE;YACJ,QAAQ,EAAE;iBACL,IAAI,IAAI,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM;aAClD,CAAC;SACL,CAAC;KACL,CAAC;IACF,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,GAAG,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAyChC,CAAC;AAEH,eAAO,MAAM,WAAW,GACpB,QAAQ,MAAM,EACd,YAAW,cAAc,GAAG,SAAc,KAC3C,MAAsC,CAAC;AAE1C,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,OAAO,KAAG,CACI,CAAC"}
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EACR,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,WAAW,EACX,iBAAiB,EACpB,MAAM,eAAe,CAAC;AA8BvB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,EAAE,qBAAqB,CAAC;IAEvC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,qBAAqB,CAAC;IAEvC,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,cAAc,EAAE,oBAAoB,CAAC;IAErC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;IACrB,cAAc,EAAE,oBAAoB,CAAC;IACrC,UAAU,EAAE,gBAAgB,CAAC;IAE7B,SAAS,EAAE,eAAe,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC;IACnC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,cAAc,EAAE,oBAAoB,CAAC;IACrC,WAAW,EAAE,iBAAiB,CAAC;IAE/B,MAAM,EAAE,YAAY,CAAC;IACrB,cAAc,EAAE,oBAAoB,CAAC;IAErC,aAAa,EAAE,mBAAmB,CAAC;IACnC,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE;QACJ,MAAM,EAAE;YACJ,QAAQ,EAAE;iBACL,IAAI,IAAI,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM;aAClD,CAAC;SACL,CAAC;KACL,CAAC;IACF,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,GAAG,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAyChC,CAAC;AAEH,eAAO,MAAM,WAAW,GACpB,QAAQ,MAAM,EACd,YAAW,cAAc,GAAG,SAAc,KAC3C,MAAsC,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,YAAY,GACrB,OAAO,KAAK,EACZ,YAAY,cAAc,KAC3B,MAA4D,CAAC;AAEhE,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,OAAO,KAAG,CACI,CAAC"}
|
|
@@ -59,11 +59,6 @@ export declare const DefaultTheme: {
|
|
|
59
59
|
warning: string;
|
|
60
60
|
};
|
|
61
61
|
spacing: {
|
|
62
|
-
screenContentTop: number;
|
|
63
|
-
pageHorizontal: number;
|
|
64
|
-
pageBottom: number;
|
|
65
|
-
pageTop: number;
|
|
66
|
-
navigationActionHorizontal: number;
|
|
67
62
|
large: number;
|
|
68
63
|
medium: number;
|
|
69
64
|
small: number;
|
|
@@ -82,6 +77,10 @@ export declare const DefaultTheme: {
|
|
|
82
77
|
};
|
|
83
78
|
};
|
|
84
79
|
};
|
|
85
|
-
export declare
|
|
86
|
-
|
|
80
|
+
export declare const MergeTheme: <E extends object = Record<never, never>>(first?: ThemeOverrides & E, second?: ThemeOverrides & DeepPartial<NoInfer<E>>) => Theme & E;
|
|
81
|
+
/**
|
|
82
|
+
* Builds a complete theme from a single set of base overrides, optionally
|
|
83
|
+
* deriving additional app-owned tokens from the resolved base theme.
|
|
84
|
+
*/
|
|
85
|
+
export declare const createTheme: <E extends object = Record<never, never>>(overrides?: ThemeOverrides, createExtras?: (theme: Theme) => E) => Theme & E;
|
|
87
86
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,KAAK,GAAG,OAAO,YAAY,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAEhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGxB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAC9D,QAAQ,cAAc,GAAG,CAAC,EAC1B,SAAS,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAClD,KAAK,GAAG,CAAoE,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAC/D,YAAY,cAAc,EAC1B,eAAe,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KACnC,KAAK,GAAG,CAMV,CAAC"}
|