@draftbit/core 49.5.2-0e6340.2 → 49.5.2-5ac7d2.2

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"@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);
+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);

package/lib/commonjs/index.js

@@ -1 +1 @@
-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";
+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";

package/lib/commonjs/styles/DarkTheme.js

@@ -0,0 +1 @@
+import color from"color";import DefaultTheme from"./DefaultTheme";var white="#FFF";var black="#000";var pinkA100="#ff80ab";var DarkTheme=Object.assign({},DefaultTheme,{dark:true,mode:"adaptive",colors:Object.assign({},DefaultTheme.colors,{primary:"#BB86FC",background:"#121212",surface:"#121212",error:"#CF6679",onBackground:"#FFFFFF",onSurface:"#FFFFFF",text:white,disabled:color(white).alpha(0.38).rgb().string(),placeholder:color(white).alpha(0.54).rgb().string(),backdrop:color(black).alpha(0.5).rgb().string(),notification:pinkA100})});export default DarkTheme;

package/lib/commonjs/styles/DefaultTheme.js

@@ -0,0 +1 @@
+import{systemWeights}from"react-native-typography";import configureFonts from"./fonts";var DefaultTheme={disabledOpacity:0.5,roundness:8,dark:false,mode:"exact",borderRadius:{global:6,button:24},colors:{primary:"rgba(90, 69, 255, 1)",secondary:"rgba(59, 201, 234, 1)",surface:"rgba(255, 255, 255, 1)",background:"rgba(251, 252, 253, 1)",error:"rgba(255, 69, 100, 1)",divider:"rgba(200, 200, 200, 1)",strong:"rgba(18, 20, 44, 1)",medium:"rgba(70, 78, 88, 1)",strongInverse:"rgba(255, 255, 255, 1)",mediumInverse:"rgba(255, 255, 255, 0.87)",lightInverse:"rgba(255, 255, 255, 0.68)",light:"rgba(165, 173, 183, 1)",text:"#000",placeholder:"#333",disabled:"rgba(0, 0, 0, 0.25)"},fonts:configureFonts(),typography:{headline1:Object.assign({},systemWeights.regular,{fontSize:60,letterSpacing:0,lineHeight:71}),headline2:Object.assign({},systemWeights.regular,{fontSize:48,letterSpacing:0,lineHeight:58}),headline3:Object.assign({},systemWeights.regular,{fontSize:34,letterSpacing:0,lineHeight:40}),headline4:Object.assign({},systemWeights.regular,{fontSize:24,letterSpacing:0,lineHeight:34}),headline5:Object.assign({},systemWeights.regular,{fontSize:20,letterSpacing:0,lineHeight:26}),subtitle1:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:26}),subtitle2:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:22}),body1:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:26}),body2:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:22}),button:Object.assign({},systemWeights.regular,{fontSize:14,letterSpacing:0,lineHeight:16}),caption:Object.assign({},systemWeights.regular,{fontSize:12,letterSpacing:0,lineHeight:16}),overline:Object.assign({},systemWeights.regular,{fontSize:12,letterSpacing:2,lineHeight:16}),headline6:Object.assign({},systemWeights.regular,{fontSize:16,letterSpacing:0,lineHeight:24})}};export default DefaultTheme;

package/lib/commonjs/styles/fonts.js

@@ -0,0 +1 @@
+import{Platform}from"react-native";var fontConfig={web:{regular:{fontFamily:'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',fontWeight:"400"},medium:{fontFamily:'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',fontWeight:"500"},light:{fontFamily:'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',fontWeight:"300"},thin:{fontFamily:'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',fontWeight:"100"}},ios:{regular:{fontFamily:"System",fontWeight:"400"},medium:{fontFamily:"System",fontWeight:"500"},light:{fontFamily:"System",fontWeight:"300"},thin:{fontFamily:"System",fontWeight:"100"}},default:{regular:{fontFamily:"sans-serif",fontWeight:"normal"},medium:{fontFamily:"sans-serif-medium",fontWeight:"normal"},light:{fontFamily:"sans-serif-light",fontWeight:"normal"},thin:{fontFamily:"sans-serif-thin",fontWeight:"normal"}}};export default function configureFonts(config){var fonts=Platform.select(Object.assign({},fontConfig,config));return fonts;}

package/lib/commonjs/styles/overlay.js

@@ -0,0 +1 @@
+import color from"color";import{Animated}from"react-native";import DarkTheme from"./DarkTheme";var isAnimatedValue=function isAnimatedValue(it){return it instanceof Animated.Value;};export default function overlay(elevation){var surfaceColor=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DarkTheme.colors.surface;if(isAnimatedValue(elevation)){var inputRange=[0,1,2,3,8,24];return elevation.interpolate({inputRange:inputRange,outputRange:inputRange.map(function(e){return calculateColor(surfaceColor,e);})});}return calculateColor(surfaceColor,elevation);}function calculateColor(surfaceColor){var elevation=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var overlayTransparency;if(elevation>=1&&elevation<=24){overlayTransparency=elevationOverlayTransparency[elevation];}else if(elevation>24){overlayTransparency=elevationOverlayTransparency[24];}else{overlayTransparency=elevationOverlayTransparency[1];}return color(surfaceColor).mix(color("white"),overlayTransparency*0.01).hex();}var elevationOverlayTransparency={1:5,2:7,3:8,4:9,5:10,6:11,7:11.5,8:12,9:12.5,10:13,11:13.5,12:14,13:14.25,14:14.5,15:14.75,16:15,17:15.12,18:15.24,19:15.36,20:15.48,21:15.6,22:15.72,23:15.84,24:16};

package/lib/commonjs/styles/shadow.js

@@ -0,0 +1 @@
+import{Animated}from"react-native";var SHADOW_COLOR="#000";var SHADOW_OPACITY=0.24;export default function shadow(){var elevation=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;if(elevation instanceof Animated.Value){var inputRange=[0,1,2,3,8,24];return{shadowColor:SHADOW_COLOR,shadowOffset:{width:new Animated.Value(0),height:elevation.interpolate({inputRange:inputRange,outputRange:[0,0.5,0.75,2,7,23]})},shadowOpacity:new Animated.Value(SHADOW_OPACITY),shadowRadius:elevation.interpolate({inputRange:inputRange,outputRange:[0,0.75,1.5,3,8,24]})};}else{if(elevation===0){return{};}var height,radius;switch(elevation){case 1:height=0.5;radius=0.75;break;case 2:height=0.75;radius=1.5;break;default:height=elevation-1;radius=elevation;}return{shadowColor:SHADOW_COLOR,shadowOffset:{width:0,height:height},shadowOpacity:SHADOW_OPACITY,shadowRadius:radius};}}

package/lib/commonjs/theming.js

@@ -0,0 +1 @@
+import{createTheming}from"@draftbit/react-theme-provider";import DefaultTheme from"./styles/DefaultTheme";var _createTheming=createTheming(DefaultTheme),ThemeProvider=_createTheming.ThemeProvider,withTheme=_createTheming.withTheme,useTheme=_createTheming.useTheme;export{ThemeProvider,withTheme,useTheme};

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

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

package/lib/typescript/src/Provider.js

@@ -1,10 +1,10 @@
-import React from "react";
+import * as React from "react";
+import { ThemeProvider } from "./theming";
 import PortalHost from "./components/Portal/PortalHost";
-import { ThemeProvider } from "@draftbit/theme";
 export default class Provider extends React.Component {
     render() {
-        return (React.createElement(ThemeProvider, { themes: this.props.themes, breakpoints: this.props.breakpoints, initialThemeName: this.props.initialThemeName },
-            React.createElement(PortalHost, null, this.props.children)));
+        return (React.createElement(PortalHost, null,
+            React.createElement(ThemeProvider, { theme: this.props.theme }, 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,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"}
+{"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"}

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 { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../styles/DefaultTheme";
 declare type AccordionGroupProps = {
     label?: string;
     expanded?: boolean;
@@ -13,7 +13,9 @@ declare type AccordionGroupProps = {
     iconSize?: number;
     style?: StyleProp<TextStyle>;
     children?: React.ReactNode;
-    theme: ReadTheme;
+    theme: Theme;
 } & IconSlot;
-declare const _default: React.ComponentType<Omit<AccordionGroupProps, "theme">>;
+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), {}>;
 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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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.branding.primary;
-    const collapsedColor = closedColor || theme.colors.branding.primary;
+    const expandedColor = openColor || theme.colors.primary;
+    const collapsedColor = closedColor || theme.colors.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,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"}
+{"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"}

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 { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../../styles/DefaultTheme";
 declare type SnapPosition = "top" | "middle" | "bottom";
 export interface BottomSheetProps extends ScrollViewProps {
     topSnapPosition?: string | number;
@@ -22,7 +22,9 @@ export interface BottomSheetProps extends ScrollViewProps {
     borderColor?: string;
     onSettle?: (index: number) => void;
     style?: StyleProp<ViewStyle>;
-    theme: ReadTheme;
+    theme: Theme;
 }
-declare const _default: React.ComponentType<Omit<BottomSheetProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>, "theme">>;
+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>>, {}>;
 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 "@draftbit/theme";
+import { withTheme } from "../../theming";
 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.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 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 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":"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"}

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from "react-native";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 const CONSTANTS = {
     baseHeight: 42,
     borderRadius: 4,
@@ -45,10 +45,9 @@ function Base({ Icon, icon, iconPosition = "left", iconSize = CONSTANTS.icon, ti
 const Solid = ({ style, theme, ...props }) => {
     return (React.createElement(Base, { style: [
             {
-                //@ts-ignore
                 color: "#FFF",
-                borderRadius: 8,
-                backgroundColor: theme.colors.branding.primary,
+                borderRadius: theme.roundness,
+                backgroundColor: theme.colors.primary,
             },
             style,
         ], ...props }));
@@ -64,10 +63,9 @@ const Outline = ({ style, theme, ...props }) => {
     return (React.createElement(Base, { style: [
             styles.outline,
             {
-                borderRadius: 8,
-                borderColor: theme.colors.branding.primary,
-                //@ts-ignore
-                color: theme.colors.branding.primary,
+                borderRadius: theme.roundness,
+                borderColor: theme.colors.primary,
+                color: theme.colors.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 "@draftbit/theme";
+import { useTheme } from "../../theming";
 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.branding.primary
-        : uncheckedColor || colors.branding.primary;
+        ? color || colors.primary
+        : uncheckedColor || colors.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,7 +2,6 @@ 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"
@@ -13,7 +12,6 @@ export interface CheckboxRowProps extends CheckboxProps {
     labelContainerStyle: StyleProp<ViewStyle>;
     checkboxStyle?: StyleProp<ViewStyle>;
     direction?: Direction;
-    theme: ReadTheme;
 }
-declare const _default: React.ComponentType<Omit<CheckboxRowProps & IconSlot, "theme">>;
-export default _default;
+declare const CheckboxRow: React.FC<CheckboxRowProps & IconSlot>;
+export default CheckboxRow;

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

@@ -5,7 +5,6 @@ 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";
@@ -19,7 +18,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, theme, ...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, ...rest }) => {
     const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
     React.useEffect(() => {
         if (status != null) {
@@ -53,7 +52,7 @@ const CheckboxRow = ({ label = "Label", labelStyle, labelContainerStyle, checkbo
                     alignItems: direction === Direction.Row ? "flex-start" : "flex-end",
                 },
                 labelContainerStyle,
-            ] }, renderLabel(label, labelStyle, StyleSheet.flatten([{ color: theme.colors.text.strong }, textStyles]))),
+            ] }, renderLabel(label, textStyles, labelStyle)),
         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({
@@ -75,5 +74,5 @@ const styles = StyleSheet.create({
         flex: 3,
     },
 });
-export default withTheme(CheckboxRow);
+export default 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 { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../../styles/DefaultTheme";
 import type { IconSlot } from "../../interfaces/Icon";
 declare type Props = {
     style?: StyleProp<ViewStyle | TextStyle> & {
         height?: number;
     };
-    theme: ReadTheme;
+    theme: Theme;
     date?: Date | string;
     format?: string;
     onDateChange?: (data?: Date) => void;
@@ -28,5 +28,7 @@ declare type Props = {
     maximumDate?: Date | string;
     hideLabel?: boolean;
 } & IconSlot & TextInputProps;
-declare const _default: React.ComponentType<Omit<React.PropsWithChildren<Props>, "theme">>;
+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>>, {}>;
 export default _default;

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

@@ -3,7 +3,7 @@ import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextI
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import omit from "lodash.omit";
 import dateFormat from "dateformat";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
@@ -26,8 +26,8 @@ const MONTHS = [
     "November",
     "December",
 ];
-const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, minimumDate, maximumDate, hideLabel = false, ...props }) => {
-    var _a, _b, _c, _d, _e;
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, minimumDate, maximumDate, hideLabel = false, ...props }) => {
+    var _a, _b;
     const [value, setValue] = React.useState(parseDate(date) || parseDate(defaultValue));
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -139,21 +139,21 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
         ? labelSize
         : typography.caption.fontSize;
     const hasActiveOutline = focused;
-    let inputTextColor, activeColor, underlineColor, borderColor = (_b = (_a = viewStyles.borderColor) !== null && _a !== void 0 ? _a : inputBorderColor) !== null && _b !== void 0 ? _b : colors.text.strong, placeholderColor, containerStyle, backgroundColor, inputStyle;
-    inputTextColor = colors.text.strong;
+    const propOrStyleBorderColor = (_a = viewStyles.borderColor) !== null && _a !== void 0 ? _a : inputBorderColor;
+    let inputTextColor, activeColor, underlineColor, borderColor = propOrStyleBorderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
+    inputTextColor = colors.strong;
     if (disabled) {
-        activeColor = colors.border.brand;
-        placeholderColor = colors.text.light;
+        activeColor = colors.light;
+        placeholderColor = colors.light;
         borderColor = "transparent";
         underlineColor = "transparent";
-        backgroundColor = colors.border.brand;
+        backgroundColor = colors.divider;
     }
     else {
-        activeColor = inputBorderColorActive || colors.branding.primary;
-        placeholderColor = colors.text.light;
-        underlineColor =
-            (_d = (_c = viewStyles.borderColor) !== null && _c !== void 0 ? _c : inputBorderColor) !== null && _d !== void 0 ? _d : colors.border.brand;
-        backgroundColor = colors.background.brand;
+        activeColor = inputBorderColorActive || colors.primary;
+        placeholderColor = colors.light;
+        underlineColor = propOrStyleBorderColor || colors.light;
+        backgroundColor = colors.background;
     }
     const { lineHeight, ...subtitle1 } = typography.subtitle1;
     inputStyle = {
@@ -168,23 +168,22 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
     };
     if (type === "underline") {
         containerStyle = {
-            borderTopLeftRadius: 8,
-            borderTopRightRadius: 8,
+            borderTopLeftRadius: roundness,
+            borderTopRightRadius: roundness,
             paddingBottom: 12,
             marginTop: 16,
         };
     }
     else {
         containerStyle = {
-            borderRadius: 8,
+            borderRadius: roundness,
             borderColor: hasActiveOutline ? activeColor : borderColor,
-            borderWidth: (_e = viewStyles.borderWidth) !== null && _e !== void 0 ? _e : 1,
+            borderWidth: (_b = viewStyles.borderWidth) !== null && _b !== void 0 ? _b : 1,
             paddingTop: labeled && !hideLabel ? 16 * 1.5 : 16,
             paddingBottom: labeled && !hideLabel ? 16 * 0.5 : 16,
-            opacity: disabled ? 0.5 : 1,
+            opacity: disabled ? disabledOpacity : 1,
             backgroundColor,
         };
-        //@ts-ignore
         inputStyle.paddingHorizontal = 12;
     }
     if (leftIconName && leftIconMode === "outset") {
@@ -192,10 +191,10 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
     }
     let leftIconColor;
     if (focused) {
-        leftIconColor = colors.branding.primary;
+        leftIconColor = colors.primary;
     }
     else {
-        leftIconColor = colors.text.light;
+        leftIconColor = colors.light;
     }
     const leftIconProps = {
         size: 24,
@@ -312,7 +311,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
                                     type === "solid" ? { paddingHorizontal: 12 } : {},
                                     labelStyle,
                                     {
-                                        color: labelColor || colors.text.light,
+                                        color: labelColor || colors.light,
                                         opacity: labeled.interpolate({
                                             inputRange: [0, 1],
                                             outputRange: [hasActiveOutline ? 1 : 0, 0],
@@ -333,7 +332,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
                                 marginLeft: type === "solid" ? 16 : 0,
                             } })) : null,
                         React.createElement(NativeTextInput, { value: formatDate(), placeholder: label && !hideLabel ? placeholder1 : placeholder, editable: !disabled, placeholderTextColor: placeholderColor, selectionColor: activeColor, onFocus: _handleFocus, onBlur: _handleBlur, underlineColorAndroid: "transparent", style: [inputStyles, textStyles], ...props })),
-                    rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.text.light, style: {
+                    rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {
                             position: "absolute",
                             right: 16,
                             marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,
@@ -342,7 +341,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography }, date, onDateCh
             React.createElement(View, { style: [
                     styles.picker,
                     {
-                        backgroundColor: colors.border.brand,
+                        backgroundColor: colors.divider,
                     },
                 ] },
                 React.createElement(View, { style: [