@draftbit/core 49.5.1-eca979.2 → 49.5.2-ace73d.2

package/lib/commonjs/deprecated-components/FAB.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/FAB.tsx";import*as React from"react";import{View,StyleSheet,Pressable,ActivityIndicator,Platform}from"react-native";import{withTheme}from"../theming";import{jsx as _jsx}from"react/jsx-runtime";var FAB=function FAB(_ref){var onPress=_ref.onPress,disabled=_ref.disabled,loading=_ref.loading,_ref$iconName=_ref.iconName,iconName=_ref$iconName===void 0?"MaterialIcons/add":_ref$iconName,style=_ref.style,theme=_ref.theme,iconColor=_ref.iconColor,bgColor=_ref.bgColor,_ref$size=_ref.size,size=_ref$size===void 0?50:_ref$size,Icon=_ref.Icon,props=_objectWithoutProperties(_ref,_excluded);var backgroundColor=bgColor||theme.colors.primary;var color=iconColor||"#FFF";return _jsx(View,{style:[{width:size,height:size,borderRadius:size/2,overflow:"hidden"},style],children:_jsx(Pressable,Object.assign({onPress:onPress,disabled:loading||disabled,android_ripple:{color:"#333",radius:size/4},style:function style(_ref2){var pressed=_ref2.pressed;return[styles.button,{opacity:pressed||disabled?0.75:1,width:size,height:size,borderRadius:size/2,backgroundColor:backgroundColor}];}},props,{children:_jsx(View,{children:loading?_jsx(ActivityIndicator,{style:size>50?{marginTop:2,marginLeft:2}:undefined,size:size<=50?"small":"large",color:color}):_jsx(Icon,{name:iconName,size:size,color:color})})}))});};var styles=StyleSheet.create({button:Object.assign({backgroundColor:"#5a45ff",justifyContent:"center",alignItems:"center"},Platform.select({web:{cursor:"pointer",userSelect:"none"}}))});export default withTheme(FAB);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/FAB.tsx";import*as React from"react";import{View,StyleSheet,Pressable,ActivityIndicator,Platform}from"react-native";import{withTheme}from"@draftbit/theme";import{jsx as _jsx}from"react/jsx-runtime";var FAB=function FAB(_ref){var onPress=_ref.onPress,disabled=_ref.disabled,loading=_ref.loading,_ref$iconName=_ref.iconName,iconName=_ref$iconName===void 0?"MaterialIcons/add":_ref$iconName,style=_ref.style,theme=_ref.theme,iconColor=_ref.iconColor,bgColor=_ref.bgColor,_ref$size=_ref.size,size=_ref$size===void 0?50:_ref$size,Icon=_ref.Icon,props=_objectWithoutProperties(_ref,_excluded);var backgroundColor=bgColor||theme.colors.branding.primary;var color=iconColor||"#FFF";return _jsx(View,{style:[{width:size,height:size,borderRadius:size/2,overflow:"hidden"},style],children:_jsx(Pressable,Object.assign({onPress:onPress,disabled:loading||disabled,android_ripple:{color:"#333",radius:size/4},style:function style(_ref2){var pressed=_ref2.pressed;return[styles.button,{opacity:pressed||disabled?0.75:1,width:size,height:size,borderRadius:size/2,backgroundColor:backgroundColor}];}},props,{children:_jsx(View,{children:loading?_jsx(ActivityIndicator,{style:size>50?{marginTop:2,marginLeft:2}:undefined,size:size<=50?"small":"large",color:color}):_jsx(Icon,{name:iconName,size:size,color:color})})}))});};var styles=StyleSheet.create({button:Object.assign({backgroundColor:"#5a45ff",justifyContent:"center",alignItems:"center"},Platform.select({web:{cursor:"pointer",userSelect:"none"}}))});export default withTheme(FAB);

package/lib/commonjs/deprecated-components/FieldSearchBarFull.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["lineHeight"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/FieldSearchBarFull.tsx";import*as React from"react";import{View,TextInput,StyleSheet}from"react-native";import{withTheme}from"../theming";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var FieldSearchBarFull=function FieldSearchBarFull(_ref){var showIcon=_ref.showIcon,Icon=_ref.Icon,_ref$icon=_ref.icon,icon=_ref$icon===void 0?"search":_ref$icon,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?"":_ref$placeholder,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography,changeOverride=_ref.onChange,submitOverride=_ref.onSubmit,value=_ref.value,defaultValue=_ref.defaultValue;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),focused=_React$useState2[0],setIsFocused=_React$useState2[1];var onBlur=function onBlur(){setIsFocused(false);};var _React$useState3=React.useState(value||defaultValue),_React$useState4=_slicedToArray(_React$useState3,2),internalValue=_React$useState4[0],setInternalValue=_React$useState4[1];React.useEffect(function(){if(value!=null){setInternalValue(value);}},[value]);React.useEffect(function(){if(defaultValue!=null){setInternalValue(defaultValue);}},[defaultValue]);var onChange=React.useCallback(function(text){changeOverride&&changeOverride(text);},[changeOverride]);var onFocus=function onFocus(){setIsFocused(true);};var onSubmit=function onSubmit(e){submitOverride&&submitOverride(e);};var _typography$body=typography.body2,lineHeight=_typography$body.lineHeight,typeStyles=_objectWithoutProperties(_typography$body,_excluded);var handleChangeText=function handleChangeText(newValue){setInternalValue(newValue);if(onChange){onChange(newValue);}};return _jsxs(View,{style:[styles.container,style],children:[showIcon&&_jsx(Icon,{name:icon,size:Config.fieldSearchBarFullIconSize,color:focused?colors.primary:colors.light}),_jsx(View,{style:{marginLeft:showIcon?12:0,flex:1},children:_jsx(TextInput,{clearButtonMode:"while-editing",placeholder:placeholder,value:internalValue,onBlur:onBlur,onFocus:onFocus,onChangeText:handleChangeText,onSubmitEditing:onSubmit,placeholderTextColor:colors.light,style:[{color:colors.medium},typeStyles]})})]});};var styles=StyleSheet.create({container:{flexDirection:"row",alignItems:"center"}});export default withTheme(FieldSearchBarFull);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["lineHeight"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/FieldSearchBarFull.tsx";import*as React from"react";import{View,TextInput,StyleSheet}from"react-native";import{withTheme}from"@draftbit/theme";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var FieldSearchBarFull=function FieldSearchBarFull(_ref){var showIcon=_ref.showIcon,Icon=_ref.Icon,_ref$icon=_ref.icon,icon=_ref$icon===void 0?"search":_ref$icon,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?"":_ref$placeholder,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography,changeOverride=_ref.onChange,submitOverride=_ref.onSubmit,value=_ref.value,defaultValue=_ref.defaultValue;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),focused=_React$useState2[0],setIsFocused=_React$useState2[1];var onBlur=function onBlur(){setIsFocused(false);};var _React$useState3=React.useState(value||defaultValue),_React$useState4=_slicedToArray(_React$useState3,2),internalValue=_React$useState4[0],setInternalValue=_React$useState4[1];React.useEffect(function(){if(value!=null){setInternalValue(value);}},[value]);React.useEffect(function(){if(defaultValue!=null){setInternalValue(defaultValue);}},[defaultValue]);var onChange=React.useCallback(function(text){changeOverride&&changeOverride(text);},[changeOverride]);var onFocus=function onFocus(){setIsFocused(true);};var onSubmit=function onSubmit(e){submitOverride&&submitOverride(e);};var _typography$body=typography.body2,lineHeight=_typography$body.lineHeight,typeStyles=_objectWithoutProperties(_typography$body,_excluded);var handleChangeText=function handleChangeText(newValue){setInternalValue(newValue);if(onChange){onChange(newValue);}};return _jsxs(View,{style:[styles.container,style],children:[showIcon&&_jsx(Icon,{name:icon,size:Config.fieldSearchBarFullIconSize,color:focused?colors.branding.primary:colors.foreground.brand}),_jsx(View,{style:{marginLeft:showIcon?12:0,flex:1},children:_jsx(TextInput,{clearButtonMode:"while-editing",placeholder:placeholder,value:internalValue,onBlur:onBlur,onFocus:onFocus,onChangeText:handleChangeText,onSubmitEditing:onSubmit,placeholderTextColor:colors.foreground.brand,style:[{color:colors.text.medium},typeStyles]})})]});};var styles=StyleSheet.create({container:{flexDirection:"row",alignItems:"center"}});export default withTheme(FieldSearchBarFull);

package/lib/commonjs/deprecated-components/ProgressCircle.js

@@ -1 +1 @@
-var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/ProgressCircle.tsx";import*as React from"react";import{Text}from"react-native";import AnimatedCircularProgress from"./AnimatedCircularProgress";import{withTheme}from"../theming";import{jsxs as _jsxs}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var ProgressCircle=function ProgressCircle(_ref){var _ref$progress=_ref.progress,progress=_ref$progress===void 0?0.5:_ref$progress,style=_ref.style,_ref$color=_ref.color,color=_ref$color===void 0?"primary":_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?100:_ref$size,_ref$showsText=_ref.showsText,showsText=_ref$showsText===void 0?true:_ref$showsText,unfilledColor=_ref.unfilledColor,_ref$strokeCap=_ref.strokeCap,strokeCap=_ref$strokeCap===void 0?"butt":_ref$strokeCap,textStyle=_ref.textStyle,_ref$thickness=_ref.thickness,thickness=_ref$thickness===void 0?1:_ref$thickness,theme=_ref.theme;var progressNum=Math.round(progress*100);var tintColor=color||theme.colors.primary;var backgroundColor=unfilledColor||theme.colors.secondary;return _jsx(AnimatedCircularProgress,{size:size,width:thickness,backgroundWidth:thickness,fill:progressNum,tintColor:tintColor,backgroundColor:backgroundColor,rotation:0,lineCap:strokeCap,style:style,children:function children(fill){return showsText?_jsxs(Text,{style:[{fontSize:size*0.275,color:tintColor},textStyle],children:[Math.round(fill),"%"]}):null;}});};export default withTheme(ProgressCircle);
+var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/ProgressCircle.tsx";import*as React from"react";import{Text}from"react-native";import AnimatedCircularProgress from"./AnimatedCircularProgress";import{withTheme}from"@draftbit/theme";import{jsxs as _jsxs}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var ProgressCircle=function ProgressCircle(_ref){var _ref$progress=_ref.progress,progress=_ref$progress===void 0?0.5:_ref$progress,style=_ref.style,_ref$color=_ref.color,color=_ref$color===void 0?"primary":_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?100:_ref$size,_ref$showsText=_ref.showsText,showsText=_ref$showsText===void 0?true:_ref$showsText,unfilledColor=_ref.unfilledColor,_ref$strokeCap=_ref.strokeCap,strokeCap=_ref$strokeCap===void 0?"butt":_ref$strokeCap,textStyle=_ref.textStyle,_ref$thickness=_ref.thickness,thickness=_ref$thickness===void 0?1:_ref$thickness,theme=_ref.theme;var progressNum=Math.round(progress*100);var tintColor=color||theme.colors.branding.primary;var backgroundColor=unfilledColor||theme.colors.branding.secondary;return _jsx(AnimatedCircularProgress,{size:size,width:thickness,backgroundWidth:thickness,fill:progressNum,tintColor:tintColor,backgroundColor:backgroundColor,rotation:0,lineCap:strokeCap,style:style,children:function children(fill){return showsText?_jsxs(Text,{style:[{fontSize:size*0.275,color:tintColor},textStyle],children:[Math.round(fill),"%"]}):null;}});};export default withTheme(ProgressCircle);

package/lib/commonjs/deprecated-components/RadioButtonFieldGroup.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","children","theme","labelStyle","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RadioButtonFieldGroup.tsx";import React from"react";import{View}from"react-native";import Text from"../components/Text";import{withTheme}from"../theming";import RadioButtonGroup from"../components/RadioButton/RadioButtonGroup";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var RadioButtonFieldGroup=function RadioButtonFieldGroup(_ref){var label=_ref.label,children=_ref.children,theme=_ref.theme,labelStyle=_ref.labelStyle,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);return _jsxs(View,{style:style,children:[_jsx(Text,{style:[{fontSize:theme.typography.headline4.fontSize,color:theme.typography.headline4.color},labelStyle],children:label}),_jsx(RadioButtonGroup,Object.assign({theme:theme},rest,{children:children}))]});};export default withTheme(RadioButtonFieldGroup);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","children","theme","labelStyle","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RadioButtonFieldGroup.tsx";import React from"react";import{View}from"react-native";import Text from"../components/Text";import{withTheme}from"@draftbit/theme";import RadioButtonGroup from"../components/RadioButton/RadioButtonGroup";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var RadioButtonFieldGroup=function RadioButtonFieldGroup(_ref){var label=_ref.label,children=_ref.children,theme=_ref.theme,labelStyle=_ref.labelStyle,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);return _jsxs(View,{style:style,children:[_jsx(Text,{style:[{fontSize:theme.typography.headline4.fontSize,color:theme.typography.headline4.color},labelStyle],children:label}),_jsx(RadioButtonGroup,Object.assign({theme:theme},rest,{children:children}))]});};export default withTheme(RadioButtonFieldGroup);

package/lib/commonjs/deprecated-components/RowBodyIcon.js

@@ -1 +1 @@
-var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowBodyIcon.tsx";import*as React from"react";import{withTheme}from"../theming";import Row from"../components/Row";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";var RowBodyIcon=function RowBodyIcon(_ref){var Icon=_ref.Icon,title=_ref.title,subtitle=_ref.subtitle,icon=_ref.icon,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.body1,titleColor:colors.medium,subtitleTypeStyle:typography.subtitle2,subtitleColor:colors.light,title:title,subtitle:subtitle,right:function right(){return _jsx(Icon,{name:icon,size:Config.rowSingleLineIconSize,color:colors.light,style:{marginLeft:16}});},style:style});};export default withTheme(RowBodyIcon);
+var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowBodyIcon.tsx";import*as React from"react";import{withTheme}from"@draftbit/theme";import Row from"../components/Row";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";var RowBodyIcon=function RowBodyIcon(_ref){var Icon=_ref.Icon,title=_ref.title,subtitle=_ref.subtitle,icon=_ref.icon,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.body1,titleColor:colors.text.medium,subtitleTypeStyle:typography.subtitle2,subtitleColor:colors.foreground.brand,title:title,subtitle:subtitle,right:function right(){return _jsx(Icon,{name:icon,size:Config.rowSingleLineIconSize,color:colors.foreground.brand,style:{marginLeft:16}});},style:style});};export default withTheme(RowBodyIcon);

package/lib/commonjs/deprecated-components/RowHeadlineImageCaption.js

@@ -1 +1 @@
-var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowHeadlineImageCaption.tsx";import*as React from"react";import{Text}from"react-native";import{withTheme}from"../theming";import Row from"../components/Row";import{jsx as _jsx}from"react/jsx-runtime";var RowHeadlineImageCaption=function RowHeadlineImageCaption(_ref){var title=_ref.title,subtitle=_ref.subtitle,caption=_ref.caption,image=_ref.image,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.headline6,titleColor:colors.strong,subtitleTypeStyle:typography.body2,subtitleColor:colors.medium,title:title,subtitle:subtitle,image:image,right:function right(){return _jsx(Text,{style:Object.assign({},typography.caption,{color:colors.strong,marginLeft:16}),children:caption});},style:style});};export default withTheme(RowHeadlineImageCaption);
+var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowHeadlineImageCaption.tsx";import*as React from"react";import{Text}from"react-native";import{withTheme}from"@draftbit/theme";import Row from"../components/Row";import{jsx as _jsx}from"react/jsx-runtime";var RowHeadlineImageCaption=function RowHeadlineImageCaption(_ref){var title=_ref.title,subtitle=_ref.subtitle,caption=_ref.caption,image=_ref.image,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.headline6,titleColor:colors.text.strong,subtitleTypeStyle:typography.body2,subtitleColor:colors.text.medium,title:title,subtitle:subtitle,image:image,right:function right(){return _jsx(Text,{style:Object.assign({},typography.caption,{color:colors.text.strong,marginLeft:16}),children:caption});},style:style});};export default withTheme(RowHeadlineImageCaption);

package/lib/commonjs/deprecated-components/RowHeadlineImageIcon.js

@@ -1 +1 @@
-var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowHeadlineImageIcon.tsx";import*as React from"react";import{withTheme}from"../theming";import Row from"../components/Row";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";var RowHeadlineImageIcon=function RowHeadlineImageIcon(_ref){var Icon=_ref.Icon,icon=_ref.icon,title=_ref.title,image=_ref.image,subtitle=_ref.subtitle,_ref$multilineSubtitl=_ref.multilineSubtitle,multilineSubtitle=_ref$multilineSubtitl===void 0?false:_ref$multilineSubtitl,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.headline6,titleColor:colors.strong,subtitleTypeStyle:typography.body2,subtitleColor:colors.medium,title:title,subtitle:subtitle,multilineSubtitle:multilineSubtitle,image:image,right:function right(){return _jsx(Icon,{name:icon,size:multilineSubtitle?Config.rowMultiLineIconSize:Config.rowSingleLineIconSize,color:colors.light,style:{marginLeft:16,alignSelf:multilineSubtitle?"flex-start":"center",marginTop:multilineSubtitle?4:0}});},style:style});};export default withTheme(RowHeadlineImageIcon);
+var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/RowHeadlineImageIcon.tsx";import*as React from"react";import{withTheme}from"@draftbit/theme";import Row from"../components/Row";import Config from"../components/Config";import{jsx as _jsx}from"react/jsx-runtime";var RowHeadlineImageIcon=function RowHeadlineImageIcon(_ref){var Icon=_ref.Icon,icon=_ref.icon,title=_ref.title,image=_ref.image,subtitle=_ref.subtitle,_ref$multilineSubtitl=_ref.multilineSubtitle,multilineSubtitle=_ref$multilineSubtitl===void 0?false:_ref$multilineSubtitl,style=_ref.style,_ref$theme=_ref.theme,colors=_ref$theme.colors,typography=_ref$theme.typography;return _jsx(Row,{titleTypeStyle:typography.headline6,titleColor:colors.text.strong,subtitleTypeStyle:typography.body2,subtitleColor:colors.text.medium,title:title,subtitle:subtitle,multilineSubtitle:multilineSubtitle,image:image,right:function right(){return _jsx(Icon,{name:icon,size:multilineSubtitle?Config.rowMultiLineIconSize:Config.rowSingleLineIconSize,color:colors.text.light,style:{marginLeft:16,alignSelf:multilineSubtitle?"flex-start":"center",marginTop:multilineSubtitle?4:0}});},style:style});};export default withTheme(RowHeadlineImageIcon);

package/lib/commonjs/deprecated-components/ToggleButton.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/ToggleButton.tsx";import*as React from"react";import{withTheme}from"../theming";import{StyleSheet}from"react-native";import IconButton from"../components/IconButton";import{jsx as _jsx}from"react/jsx-runtime";var ToggleButton=function ToggleButton(_ref){var Icon=_ref.Icon,icon=_ref.icon,_ref$toggled=_ref.toggled,toggled=_ref$toggled===void 0?false:_ref$toggled,_ref$onPress=_ref.onPress,onPress=_ref$onPress===void 0?function(){}:_ref$onPress,defaultValue=_ref.defaultValue,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$color=_ref.color,color=_ref$color===void 0?"primary":_ref$color,_ref$colorSecondary=_ref.colorSecondary,colorSecondary=_ref$colorSecondary===void 0?"surface":_ref$colorSecondary,_ref$borderColor=_ref.borderColor,borderColor=_ref$borderColor===void 0?"divider":_ref$borderColor,_ref$iconSize=_ref.iconSize,iconSize=_ref$iconSize===void 0?25:_ref$iconSize,_ref$width=_ref.width,width=_ref$width===void 0?50:_ref$width,_ref$height=_ref.height,height=_ref$height===void 0?50:_ref$height,colors=_ref.theme.colors,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(toggled||defaultValue||false),_React$useState2=_slicedToArray(_React$useState,2),internalValue=_React$useState2[0],setInternalValue=_React$useState2[1];React.useEffect(function(){if(toggled!=null){setInternalValue(toggled);}},[toggled]);React.useEffect(function(){if(defaultValue!=null){setInternalValue(defaultValue);}},[defaultValue]);var handlePress=function handlePress(){setInternalValue(!internalValue);onPress(!internalValue);};return _jsx(IconButton,Object.assign({Icon:Icon,icon:icon,size:iconSize,color:internalValue?colors[color]:colors[colorSecondary],onPress:handlePress,disabled:disabled,style:[styles.mainContainer,{width:width,height:height,backgroundColor:internalValue?colors[colorSecondary]:colors[color],borderColor:colors[borderColor]},style]},rest));};var styles=StyleSheet.create({mainContainer:{borderWidth:1}});export default withTheme(ToggleButton);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/deprecated-components/ToggleButton.tsx";import*as React from"react";import{withTheme}from"@draftbit/theme";import{StyleSheet}from"react-native";import IconButton from"../components/IconButton";import{jsx as _jsx}from"react/jsx-runtime";var ToggleButton=function ToggleButton(_ref){var Icon=_ref.Icon,icon=_ref.icon,_ref$toggled=_ref.toggled,toggled=_ref$toggled===void 0?false:_ref$toggled,_ref$onPress=_ref.onPress,onPress=_ref$onPress===void 0?function(){}:_ref$onPress,defaultValue=_ref.defaultValue,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$color=_ref.color,color=_ref$color===void 0?"primary":_ref$color,_ref$colorSecondary=_ref.colorSecondary,colorSecondary=_ref$colorSecondary===void 0?"surface":_ref$colorSecondary,_ref$borderColor=_ref.borderColor,borderColor=_ref$borderColor===void 0?"divider":_ref$borderColor,_ref$iconSize=_ref.iconSize,iconSize=_ref$iconSize===void 0?25:_ref$iconSize,_ref$width=_ref.width,width=_ref$width===void 0?50:_ref$width,_ref$height=_ref.height,height=_ref$height===void 0?50:_ref$height,colors=_ref.theme.colors,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(toggled||defaultValue||false),_React$useState2=_slicedToArray(_React$useState,2),internalValue=_React$useState2[0],setInternalValue=_React$useState2[1];React.useEffect(function(){if(toggled!=null){setInternalValue(toggled);}},[toggled]);React.useEffect(function(){if(defaultValue!=null){setInternalValue(defaultValue);}},[defaultValue]);var handlePress=function handlePress(){setInternalValue(!internalValue);onPress(!internalValue);};return _jsx(IconButton,Object.assign({Icon:Icon,icon:icon,size:iconSize,color:internalValue?colors.branding[color]:colors.branding[colorSecondary],onPress:handlePress,disabled:disabled,style:[styles.mainContainer,{width:width,height:height,backgroundColor:internalValue?colors.branding[colorSecondary]:colors.branding[color],borderColor:colors.border[borderColor]},style]},rest));};var styles=StyleSheet.create({mainContainer:{borderWidth:1}});export default withTheme(ToggleButton);

package/lib/commonjs/index.js

@@ -1 +1 @@
-export{flattenReactFragments}from"./utilities";export{injectIcon}from"./interfaces/Icon";export{withTheme,ThemeProvider}from"./theming";export{default as Provider}from"./Provider";export{default as DefaultTheme}from"./styles/DefaultTheme";export{Link}from"./components/Text";export{Button}from"./components/Button";export{Checkbox,CheckboxRow}from"./components/Checkbox";export{default as Divider}from"./components/Divider";export{default as IconButton}from"./components/IconButton";export{default as Image}from"./components/Image";export{default as SVG}from"./components/SVG";export{default as NumberInput}from"./components/NumberInput";export{default as ScreenContainer}from"./components/ScreenContainer";export{default as StarRating}from"./components/StarRating";export{default as Surface}from"./components/Surface";export{default as Switch,SwitchRow}from"./components/Switch";export{default as TextField}from"./components/TextField";export{default as Touchable}from"./components/Touchable";export{default as Pressable}from"./components/Pressable";export{default as AccordionGroup}from"./components/AccordionGroup";export{ActionSheet,ActionSheetItem,ActionSheetCancel}from"./components/ActionSheet";export{Swiper,SwiperItem}from"./components/Swiper";export{RadioButton,RadioButtonGroup,RadioButtonRow}from"./components/RadioButton/index";export{default as Shadow}from"./components/Shadow";export{DeckSwiper,DeckSwiperCard}from"./components/DeckSwiper";export{TabView,TabViewItem}from"./components/TabView";export{default as Markdown}from"./components/Markdown";export{BottomSheet}from"./components/BottomSheet";export{YoutubePlayer}from"./components/YoutubePlayer";export{Table,TableRow,TableCell}from"./components/Table";export{SwipeableItem,SwipeableItemButton,SwipeableList}from"./components/SwipeableItem";export{default as AudioPlayer}from"./components/MediaPlayer/AudioPlayer";export{default as DatePicker}from"./components/DatePicker/DatePicker";export{Picker,MultiSelectPicker,PickerItem}from"./components/Picker";export{default as Slider}from"./components/Slider";export{default as Stepper}from"./components/Stepper";export{SectionList,SectionHeader}from"./components/SectionList";export{default as LinearProgress}from"./components/Progress/LinearProgress";export{default as CircularProgress}from"./components/Progress/CircularProgress";export{default as TextInput}from"./components/TextInput";export{default as VideoPlayer}from"./components/MediaPlayer/VideoPlayer";export{PinInput,CustomPinInputCell,PinInputText as CustomPinInputText}from"./components/PinInput";export{AspectRatio,Circle,Center,HStack,VStack,ZStack,Spacer,Square}from"./components/Layout";export{default as KeyboardAvoidingView}from"./components/KeyboardAvoidingView";export{default as SimpleStyleFlashList}from"./components/SimpleStyleScrollables/SimpleStyleFlashList";export{default as SimpleStyleFlatList}from"./components/SimpleStyleScrollables/SimpleStyleFlatList";export{default as SimpleStyleKeyboardAwareScrollView}from"./components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView";export{default as SimpleStyleMasonryFlashList}from"./components/SimpleStyleScrollables/SimpleStyleMasonryFlashList";export{default as SimpleStyleScrollView}from"./components/SimpleStyleScrollables/SimpleStyleScrollView";export{default as SimpleStyleSectionList}from"./components/SimpleStyleScrollables/SimpleStyleSectionList";export{default as SimpleStyleSwipeableList}from"./components/SimpleStyleScrollables/SimpleStyleSwipeableList";export{default as AccordionItem}from"./deprecated-components/AccordionItem";export{default as AvatarEdit}from"./deprecated-components/AvatarEdit";export{default as Avatar}from"./deprecated-components/CircleImage";export{default as Banner}from"./deprecated-components/Banner";export{ButtonSolid,ButtonOutline}from"./components/Button";export{default as Card}from"./deprecated-components/Card";export{default as CheckboxGroup}from"./deprecated-components/CheckboxGroup";export{default as CircleImage}from"./deprecated-components/CircleImage";export{default as Container}from"./deprecated-components/Container";export{default as FAB}from"./deprecated-components/FAB";export{default as FieldSearchBarFull}from"./deprecated-components/FieldSearchBarFull";export{Center as DeprecatedCenter,Circle as DeprecatedCircle,Square as DeprecatedSquare,Row,Stack}from"./deprecated-components/Layout";export{default as ToggleButton}from"./deprecated-components/ToggleButton";export{default as ProgressBar}from"./deprecated-components/ProgressBar";export{default as ProgressCircle}from"./deprecated-components/ProgressCircle";export{default as RadioButtonFieldGroup}from"./deprecated-components/RadioButtonFieldGroup";export{default as RowBodyIcon}from"./deprecated-components/RowBodyIcon";export{default as RowHeadlineImageCaption}from"./deprecated-components/RowHeadlineImageCaption";export{default as RowHeadlineImageIcon}from"./deprecated-components/RowHeadlineImageIcon";export{useAuthState}from"./components/useAuthState";export{default as AvoidKeyboardView}from"./deprecated-components/AvoidKeyboardView";
+export{flattenReactFragments}from"./utilities";export{injectIcon}from"./interfaces/Icon";export{default as Provider}from"./Provider";export{Link}from"./components/Text";export{Button}from"./components/Button";export{Checkbox,CheckboxRow}from"./components/Checkbox";export{default as Divider}from"./components/Divider";export{default as IconButton}from"./components/IconButton";export{default as Image}from"./components/Image";export{default as SVG}from"./components/SVG";export{default as NumberInput}from"./components/NumberInput";export{default as ScreenContainer}from"./components/ScreenContainer";export{default as StarRating}from"./components/StarRating";export{default as Surface}from"./components/Surface";export{default as Switch,SwitchRow}from"./components/Switch";export{default as TextField}from"./components/TextField";export{default as Touchable}from"./components/Touchable";export{default as Pressable}from"./components/Pressable";export{default as AccordionGroup}from"./components/AccordionGroup";export{ActionSheet,ActionSheetItem,ActionSheetCancel}from"./components/ActionSheet";export{Swiper,SwiperItem}from"./components/Swiper";export{RadioButton,RadioButtonGroup,RadioButtonRow}from"./components/RadioButton/index";export{default as Shadow}from"./components/Shadow";export{DeckSwiper,DeckSwiperCard}from"./components/DeckSwiper";export{TabView,TabViewItem}from"./components/TabView";export{default as Markdown}from"./components/Markdown";export{BottomSheet}from"./components/BottomSheet";export{YoutubePlayer}from"./components/YoutubePlayer";export{Table,TableRow,TableCell}from"./components/Table";export{SwipeableItem,SwipeableItemButton,SwipeableList}from"./components/SwipeableItem";export{default as AudioPlayer}from"./components/MediaPlayer/AudioPlayer";export{default as DatePicker}from"./components/DatePicker/DatePicker";export{Picker,MultiSelectPicker,PickerItem}from"./components/Picker";export{default as Slider}from"./components/Slider";export{default as Stepper}from"./components/Stepper";export{SectionList,SectionHeader}from"./components/SectionList";export{default as LinearProgress}from"./components/Progress/LinearProgress";export{default as CircularProgress}from"./components/Progress/CircularProgress";export{default as TextInput}from"./components/TextInput";export{default as VideoPlayer}from"./components/MediaPlayer/VideoPlayer";export{PinInput,CustomPinInputCell,PinInputText as CustomPinInputText}from"./components/PinInput";export{AspectRatio,Circle,Center,HStack,VStack,ZStack,Spacer,Square}from"./components/Layout";export{default as KeyboardAvoidingView}from"./components/KeyboardAvoidingView";export{default as SimpleStyleFlashList}from"./components/SimpleStyleScrollables/SimpleStyleFlashList";export{default as SimpleStyleFlatList}from"./components/SimpleStyleScrollables/SimpleStyleFlatList";export{default as SimpleStyleKeyboardAwareScrollView}from"./components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView";export{default as SimpleStyleMasonryFlashList}from"./components/SimpleStyleScrollables/SimpleStyleMasonryFlashList";export{default as SimpleStyleScrollView}from"./components/SimpleStyleScrollables/SimpleStyleScrollView";export{default as SimpleStyleSectionList}from"./components/SimpleStyleScrollables/SimpleStyleSectionList";export{default as SimpleStyleSwipeableList}from"./components/SimpleStyleScrollables/SimpleStyleSwipeableList";export{default as AccordionItem}from"./deprecated-components/AccordionItem";export{default as AvatarEdit}from"./deprecated-components/AvatarEdit";export{default as Avatar}from"./deprecated-components/CircleImage";export{default as Banner}from"./deprecated-components/Banner";export{ButtonSolid,ButtonOutline}from"./components/Button";export{default as Card}from"./deprecated-components/Card";export{default as CheckboxGroup}from"./deprecated-components/CheckboxGroup";export{default as CircleImage}from"./deprecated-components/CircleImage";export{default as Container}from"./deprecated-components/Container";export{default as FAB}from"./deprecated-components/FAB";export{default as FieldSearchBarFull}from"./deprecated-components/FieldSearchBarFull";export{Center as DeprecatedCenter,Circle as DeprecatedCircle,Square as DeprecatedSquare,Row,Stack}from"./deprecated-components/Layout";export{default as ToggleButton}from"./deprecated-components/ToggleButton";export{default as ProgressBar}from"./deprecated-components/ProgressBar";export{default as ProgressCircle}from"./deprecated-components/ProgressCircle";export{default as RadioButtonFieldGroup}from"./deprecated-components/RadioButtonFieldGroup";export{default as RowBodyIcon}from"./deprecated-components/RowBodyIcon";export{default as RowHeadlineImageCaption}from"./deprecated-components/RowHeadlineImageCaption";export{default as RowHeadlineImageIcon}from"./deprecated-components/RowHeadlineImageIcon";export{useAuthState}from"./components/useAuthState";export{default as AvoidKeyboardView}from"./deprecated-components/AvoidKeyboardView";

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

@@ -1,10 +1,12 @@
-import * as React from "react";
-import { Theme } from "@draftbit/types";
-declare type Props = {
+import React from "react";
+import type { ValidatedTheme, Breakpoints } from "@draftbit/theme";
+declare type ProviderProps = {
+    themes: ValidatedTheme[];
+    breakpoints: Breakpoints;
+    initialThemeName: string;
     children: React.ReactNode;
-    theme?: Theme;
 };
-export default class Provider extends React.Component<Props> {
+export default class Provider extends React.Component<ProviderProps> {
     render(): React.JSX.Element;
 }
 export {};

package/lib/typescript/src/Provider.js

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { ThemeProvider } from "./theming";
+import React from "react";
 import PortalHost from "./components/Portal/PortalHost";
+import { ThemeProvider } from "@draftbit/theme";
 export default class Provider extends React.Component {
     render() {
-        return (React.createElement(PortalHost, null,
-            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
+        return (React.createElement(ThemeProvider, { themes: this.props.themes, breakpoints: this.props.breakpoints, initialThemeName: this.props.initialThemeName },
+            React.createElement(PortalHost, null, this.props.children)));
     }
 }
 //# sourceMappingURL=Provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAQxD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IAC1D,MAAM;QACJ,OAAO,CACL,oBAAC,UAAU;YAET,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACnC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACL,CACd,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAClE,MAAM;QACJ,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAE7C,oBAAC,UAAU,QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAc,CAChC,CACjB,CAAC;IACJ,CAAC;CACF"}

package/lib/typescript/src/components/AccordionGroup.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { StyleProp, TextStyle } from "react-native";
 import type { IconSlot } from "../interfaces/Icon";
-import type { Theme } from "../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 declare type AccordionGroupProps = {
     label?: string;
     expanded?: boolean;
@@ -13,9 +13,7 @@ declare type AccordionGroupProps = {
     iconSize?: number;
     style?: StyleProp<TextStyle>;
     children?: React.ReactNode;
-    theme: Theme;
+    theme: ReadTheme;
 } & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<AccordionGroupProps, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<AccordionGroupProps> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => React.JSX.Element), {}>;
+declare const _default: React.ComponentType<Omit<AccordionGroupProps, "theme">>;
 export default _default;

package/lib/typescript/src/components/AccordionGroup.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { View, StyleSheet, Pressable, } from "react-native";
 import Text from "./Text";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import { extractStyles } from "../utilities";
 const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
     const [expanded, setExpanded] = React.useState(expandedProp);
     const { textStyles, viewStyles } = extractStyles(style);
-    const expandedColor = openColor || theme.colors.primary;
-    const collapsedColor = closedColor || theme.colors.primary;
+    const expandedColor = openColor || theme.colors.branding.primary;
+    const collapsedColor = closedColor || theme.colors.branding.primary;
     const labelColor = expanded ? expandedColor : collapsedColor;
     const caretColor = caretColorProp || labelColor;
     const handlePressAction = () => {

package/lib/typescript/src/components/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EAGV,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgB7C,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,SAAS,EACT,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACxD,MAAM,cAAc,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAC7D,MAAM,UAAU,GAAG,cAAc,IAAI,UAAU,CAAC;IAEhD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,IACR,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAC,QAAQ;YAEzB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;wBACL,UAAU;wBACV;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,IAEA,KAAK,CACD,CACF;YACP,oBAAC,IAAI,IACH,IAAI,EACF,QAAQ;oBACN,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,mCAAmC,EAEzC,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,GACf,CACQ;QACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC1B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EAGV,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgB7C,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,SAAS,EACT,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjE,MAAM,cAAc,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;IACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAC7D,MAAM,UAAU,GAAG,cAAc,IAAI,UAAU,CAAC;IAEhD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,IACR,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAC,QAAQ;YAEzB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;wBACL,UAAU;wBACV;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,IAEA,KAAK,CACD,CACF;YACP,oBAAC,IAAI,IACH,IAAI,EACF,QAAQ;oBACN,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,mCAAmC,EAEzC,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,GACf,CACQ;QACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC1B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 declare type SnapPosition = "top" | "middle" | "bottom";
 export interface BottomSheetProps extends ScrollViewProps {
     topSnapPosition?: string | number;
@@ -22,9 +22,7 @@ export interface BottomSheetProps extends ScrollViewProps {
     borderColor?: string;
     onSettle?: (index: number) => void;
     style?: StyleProp<ViewStyle>;
-    theme: Theme;
+    theme: ReadTheme;
 }
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<BottomSheetProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<BottomSheetProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>> & React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>, {}>;
+declare const _default: React.ComponentType<Omit<BottomSheetProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>, "theme">>;
 export default _default;

package/lib/typescript/src/components/BottomSheet/BottomSheet.js

@@ -1,14 +1,14 @@
 import React from "react";
 import { StyleSheet, Dimensions, } from "react-native";
 import BottomSheetComponent, { BottomSheetScrollView, } from "@gorhom/bottom-sheet";
-import { withTheme } from "../../theming";
+import { withTheme } from "@draftbit/theme";
 import { useDeepCompareMemo } from "../../utilities";
 const windowHeight = Dimensions.get("window").height;
 // Clarification:
 // Input of snap points is sorted top -> bottom where each value represents distance from top
 // Implementation using `@gorhom/bottom-sheet` is sorted bottom -> top where each value represents distance from bottom
-const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSnapPosition = "10%", middleSnapPosition = "50%", bottomSnapPosition = "80%", initialSnapIndex, initialSnapPosition = "bottom", showHandle = true, handleColor = theme.colors.divider, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.divider, onSettle, style, children, ...rest }, ref) => {
-    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background;
+const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSnapPosition = "10%", middleSnapPosition = "50%", bottomSnapPosition = "80%", initialSnapIndex, initialSnapPosition = "bottom", showHandle = true, handleColor = theme.colors.border.brand, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.border.brand, onSettle, style, children, ...rest }, ref) => {
+    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background.brand;
     const snapPoints = snapPointsProp !== null && snapPointsProp !== void 0 ? snapPointsProp : [
         topSnapPosition,
         middleSnapPosition,
@@ -25,7 +25,7 @@ const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSn
                 return 2;
         }
     };
-    return (React.createElement(BottomSheetComponent, { ref: ref, snapPoints: mappedSnapPoints, index: initialSnapIndex != undefined
+    return (React.createElement(BottomSheetComponent, { ref: ref, snapPoints: mappedSnapPoints, index: initialSnapIndex !== undefined
             ? mappedSnapPoints.length - initialSnapIndex - 1
             : getSnapIndexFromPosition(initialSnapPosition), handleIndicatorStyle: [
             { backgroundColor: handleColor },

package/lib/typescript/src/components/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAIV,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,OAAO,oBAAoB,EAAE,EAC3B,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AAyBrD,iBAAiB;AACjB,6FAA6F;AAC7F,uHAAuH;AACvH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,UAAU,EAAE,cAAc,EAC1B,eAAe,GAAG,KAAK,EACvB,kBAAkB,GAAG,KAAK,EAC1B,kBAAkB,GAAG,KAAK,EAC1B,gBAAgB,EAChB,mBAAmB,GAAG,QAAQ,EAC9B,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EACvC,eAAe,GAAG,EAAE,EACpB,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EACvC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GACnB,CAAC,KAAmB,aAAnB,KAAK,uBAAL,KAAK,CAAgB,eAAe,KAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAEzE,MAAM,UAAU,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;QACnC,eAAe;QACf,kBAAkB;QAClB,kBAAkB;KACnB,CAAC;IAEF,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,GAAG,EAAE,CAAC,qCAAqC,CAAC,UAAU,CAAC,EACvD,UAAU,CACX,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,QAAsB,EAAE,EAAE;QAC1D,QAAQ,QAAQ,EAAE;YAChB,KAAK,QAAQ;gBACX,OAAO,CAAC,CAAC;YACX,KAAK,QAAQ;gBACX,OAAO,CAAC,CAAC;YACX,KAAK,KAAK;gBACR,OAAO,CAAC,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,gBAAgB,EAC5B,KAAK,EACH,gBAAgB,KAAK,SAAS;YAC5B,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC;YAChD,CAAC,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,EAEnD,oBAAoB,EAAE;YACpB,EAAE,eAAe,EAAE,WAAW,EAAE;YAChC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;SACvC,EACD,eAAe,EAAE;YACf,eAAe;YACf,mBAAmB,EAAE,eAAe;YACpC,oBAAoB,EAAE,eAAe;YACrC,WAAW;YACX,WAAW;SACZ,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,gBAAgB,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;QAEpE,oBAAC,qBAAqB,IACpB,qBAAqB,EAAE,CAAC,MAAM,CAAC,qBAAqB,EAAE,KAAK,CAAC,KACxD,IAAI,IAEP,QAAQ,CACa,CACH,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,6FAA6F;AAC7F,SAAS,qCAAqC,CAC5C,UAA+B;IAE/B,qGAAqG;IACrG,MAAM,kBAAkB,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,OAAO,EAAE,CAAC;IAErD,oHAAoH;IACpH,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACtC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAClD,IAAI,aAAa,KAAK,SAAS,EAAE;gBAC/B,OAAO,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC;aAClC;YACD,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACpC,OAAO,YAAY,GAAG,KAAK,CAAC;SAC7B;aAAM;YACL,OAAO,KAAK,CAAC;SACd;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,oBAAoB,CAAC,aAAqB;IACjD,MAAM,YAAY,GAAG,SAAS,CAAC;IAC/B,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAClD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE;QACnB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;YACzB,OAAO,aAAa,CAAC;SACtB;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,qBAAqB,EAAE;QACrB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,WAAW,CAAC,CAAC"}

package/lib/typescript/src/components/Button.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 const CONSTANTS = {
     baseHeight: 42,
     borderRadius: 4,
     padding: 8,
     icon: 24,
 };
-function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
+function Base({ Icon, icon, iconPosition = "left", iconSize = CONSTANTS.icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});
     const titleStyles = {
         color,
@@ -38,15 +38,17 @@ function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8
             ];
         }, ...props },
         loading ? (React.createElement(ActivityIndicator, { size: "small", color: color, style: styles.loading })) : null,
-        icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: CONSTANTS.icon })) : null,
-        React.createElement(Text, { style: titleStyles }, title)));
+        iconPosition === "left" && icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: iconSize })) : null,
+        React.createElement(Text, { style: titleStyles }, title),
+        iconPosition === "right" && icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: iconSize })) : null));
 }
 const Solid = ({ style, theme, ...props }) => {
     return (React.createElement(Base, { style: [
             {
+                //@ts-ignore
                 color: "#FFF",
-                borderRadius: theme.roundness,
-                backgroundColor: theme.colors.primary,
+                borderRadius: 8,
+                backgroundColor: theme.colors.branding.primary,
             },
             style,
         ], ...props }));
@@ -62,9 +64,10 @@ const Outline = ({ style, theme, ...props }) => {
     return (React.createElement(Base, { style: [
             styles.outline,
             {
-                borderRadius: theme.roundness,
-                borderColor: theme.colors.primary,
-                color: theme.colors.primary,
+                borderRadius: 8,
+                borderColor: theme.colors.branding.primary,
+                //@ts-ignore
+                color: theme.colors.branding.primary,
             },
             style,
         ], ...props }));

package/lib/typescript/src/components/Button.js.map

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

package/lib/typescript/src/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, StyleSheet, Pressable, } from "react-native";
-import { useTheme } from "../../theming";
+import { useTheme } from "@draftbit/theme";
 import { usePrevious } from "../../hooks";
 const Checkbox = ({ Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon = "MaterialCommunityIcons/checkbox-marked", uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline", size = 24, style, ...rest }) => {
     const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
@@ -19,8 +19,8 @@ const Checkbox = ({ Icon, status, disabled = false, onPress, onCheck, onUncheck,
     }, [defaultValue, previousDefaultValue]);
     const { colors } = useTheme();
     const checkboxColor = internalValue
-        ? color || colors.primary
-        : uncheckedColor || colors.primary;
+        ? color || colors.branding.primary
+        : uncheckedColor || colors.branding.primary;
     const handlePress = () => {
         const newValue = !internalValue;
         setInternalValue(newValue);

package/lib/typescript/src/components/Checkbox/Checkbox.js.map

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

package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 import type { IconSlot } from "../../interfaces/Icon";
 import { CheckboxProps } from "./Checkbox";
+import { ReadTheme } from "@draftbit/theme";
 export declare enum Direction {
     Row = "row",
     RowReverse = "row-reverse"
@@ -12,6 +13,7 @@ export interface CheckboxRowProps extends CheckboxProps {
     labelContainerStyle: StyleProp<ViewStyle>;
     checkboxStyle?: StyleProp<ViewStyle>;
     direction?: Direction;
+    theme: ReadTheme;
 }
-declare const CheckboxRow: React.FC<CheckboxRowProps & IconSlot>;
-export default CheckboxRow;
+declare const _default: React.ComponentType<Omit<CheckboxRowProps & IconSlot, "theme">>;
+export default _default;

package/lib/typescript/src/components/Checkbox/CheckboxRow.js

@@ -5,6 +5,7 @@ import { extractStyles } from "../../utilities";
 import { usePrevious } from "../../hooks";
 import Text from "../Text";
 import Checkbox from "./Checkbox";
+import { withTheme } from "@draftbit/theme";
 export var Direction;
 (function (Direction) {
     Direction["Row"] = "row";
@@ -18,7 +19,7 @@ const renderLabel = (value, labelStyle, textStyle) => {
         return React.createElement(React.Fragment, null, value);
     }
 };
-const CheckboxRow = ({ label = "Label", labelStyle, labelContainerStyle, checkboxStyle, direction = Direction.Row, Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon, uncheckedIcon, size, style, ...rest }) => {
+const CheckboxRow = ({ label = "Label", labelStyle, labelContainerStyle, checkboxStyle, direction = Direction.Row, Icon, status, disabled = false, onPress, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon, uncheckedIcon, size, style, theme, ...rest }) => {
     const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
     React.useEffect(() => {
         if (status != null) {
@@ -52,7 +53,7 @@ const CheckboxRow = ({ label = "Label", labelStyle, labelContainerStyle, checkbo
                     alignItems: direction === Direction.Row ? "flex-start" : "flex-end",
                 },
                 labelContainerStyle,
-            ] }, renderLabel(label, textStyles, labelStyle)),
+            ] }, renderLabel(label, labelStyle, StyleSheet.flatten([{ color: theme.colors.text.strong }, textStyles]))),
         React.createElement(Checkbox, { Icon: Icon, status: internalValue, style: checkboxStyle, disabled: disabled, onPress: handlePress, color: color, uncheckedColor: uncheckedColor, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon, size: size })));
 };
 const styles = StyleSheet.create({
@@ -74,5 +75,5 @@ const styles = StyleSheet.create({
         flex: 3,
     },
 });
-export default CheckboxRow;
+export default withTheme(CheckboxRow);
 //# sourceMappingURL=CheckboxRow.js.map

package/lib/typescript/src/components/Checkbox/CheckboxRow.js.map

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

package/lib/typescript/src/components/DatePicker/DatePicker.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { StyleProp, ViewStyle, TextStyle, TextInputProps } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../../interfaces/Icon";
 declare type Props = {
     style?: StyleProp<ViewStyle | TextStyle> & {
         height?: number;
     };
-    theme: Theme;
+    theme: ReadTheme;
     date?: Date | string;
     format?: string;
     onDateChange?: (data?: Date) => void;
@@ -28,7 +28,5 @@ declare type Props = {
     maximumDate?: Date | string;
     hideLabel?: boolean;
 } & IconSlot & TextInputProps;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+declare const _default: React.ComponentType<Omit<React.PropsWithChildren<Props>, "theme">>;
 export default _default;