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

package/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 "../../theming";
+import { withTheme } from "@draftbit/theme";
 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, 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 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 [value, setValue] = React.useState(parseDate(date) || parseDate(defaultValue));
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -139,21 +139,21 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
         ? labelSize
         : typography.caption.fontSize;
     const hasActiveOutline = focused;
-    const propOrStyleBorderColor = (_a = viewStyles.borderColor) !== null && _a !== void 0 ? _a : inputBorderColor;
-    let inputTextColor, activeColor, underlineColor, borderColor = propOrStyleBorderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
-    inputTextColor = colors.strong;
+    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;
     if (disabled) {
-        activeColor = colors.light;
-        placeholderColor = colors.light;
+        activeColor = colors.border.brand;
+        placeholderColor = colors.text.light;
         borderColor = "transparent";
         underlineColor = "transparent";
-        backgroundColor = colors.divider;
+        backgroundColor = colors.border.brand;
     }
     else {
-        activeColor = inputBorderColorActive || colors.primary;
-        placeholderColor = colors.light;
-        underlineColor = propOrStyleBorderColor || colors.light;
-        backgroundColor = colors.background;
+        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;
     }
     const { lineHeight, ...subtitle1 } = typography.subtitle1;
     inputStyle = {
@@ -168,22 +168,23 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
     };
     if (type === "underline") {
         containerStyle = {
-            borderTopLeftRadius: roundness,
-            borderTopRightRadius: roundness,
+            borderTopLeftRadius: 8,
+            borderTopRightRadius: 8,
             paddingBottom: 12,
             marginTop: 16,
         };
     }
     else {
         containerStyle = {
-            borderRadius: roundness,
+            borderRadius: 8,
             borderColor: hasActiveOutline ? activeColor : borderColor,
-            borderWidth: (_b = viewStyles.borderWidth) !== null && _b !== void 0 ? _b : 1,
+            borderWidth: (_e = viewStyles.borderWidth) !== null && _e !== void 0 ? _e : 1,
             paddingTop: labeled && !hideLabel ? 16 * 1.5 : 16,
             paddingBottom: labeled && !hideLabel ? 16 * 0.5 : 16,
-            opacity: disabled ? disabledOpacity : 1,
+            opacity: disabled ? 0.5 : 1,
             backgroundColor,
         };
+        //@ts-ignore
         inputStyle.paddingHorizontal = 12;
     }
     if (leftIconName && leftIconMode === "outset") {
@@ -191,10 +192,10 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
     }
     let leftIconColor;
     if (focused) {
-        leftIconColor = colors.primary;
+        leftIconColor = colors.branding.primary;
     }
     else {
-        leftIconColor = colors.light;
+        leftIconColor = colors.text.light;
     }
     const leftIconProps = {
         size: 24,
@@ -311,7 +312,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                                     type === "solid" ? { paddingHorizontal: 12 } : {},
                                     labelStyle,
                                     {
-                                        color: labelColor || colors.light,
+                                        color: labelColor || colors.text.light,
                                         opacity: labeled.interpolate({
                                             inputRange: [0, 1],
                                             outputRange: [hasActiveOutline ? 1 : 0, 0],
@@ -332,7 +333,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                                 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.light, style: {
+                    rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.text.light, style: {
                             position: "absolute",
                             right: 16,
                             marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,
@@ -341,7 +342,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
             React.createElement(View, { style: [
                     styles.picker,
                     {
-                        backgroundColor: colors.divider,
+                        backgroundColor: colors.border.brand,
                     },
                 ] },
                 React.createElement(View, { style: [

package/src/components/DatePicker/DatePicker.js.map

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

package/src/components/DatePicker/DatePicker.tsx

@@ -19,12 +19,12 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import omit from "lodash.omit";
 
 import dateFormat from "dateformat";
-import { withTheme } from "../../theming";
+import { withTheme } from "@draftbit/theme";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
 
-import type { Theme } from "../../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../../interfaces/Icon";
 import {
   extractStyles,
@@ -41,7 +41,7 @@ const ICON_SIZE = 24;
 
 type Props = {
   style?: StyleProp<ViewStyle | TextStyle> & { height?: number };
-  theme: Theme;
+  theme: ReadTheme;
   // initialDate?: string;
   // locale?: string;
   // minuteInterval?: number;
@@ -88,7 +88,7 @@ const MONTHS = [
 const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   Icon,
   style,
-  theme: { colors, typography, roundness, disabledOpacity },
+  theme: { colors, typography },
   date,
   onDateChange = () => {},
   defaultValue,
@@ -253,29 +253,29 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
 
   const hasActiveOutline = focused;
 
-  const propOrStyleBorderColor = viewStyles.borderColor ?? inputBorderColor;
-
   let inputTextColor,
     activeColor,
     underlineColor,
-    borderColor = propOrStyleBorderColor,
+    borderColor =
+      viewStyles.borderColor ?? inputBorderColor ?? colors.text.strong,
     placeholderColor,
     containerStyle: StyleProp<ViewStyle>,
     backgroundColor,
     inputStyle: StyleProp<TextStyle>;
 
-  inputTextColor = colors.strong;
+  inputTextColor = colors.text.strong;
   if (disabled) {
-    activeColor = colors.light;
-    placeholderColor = colors.light;
+    activeColor = colors.border.brand;
+    placeholderColor = colors.text.light;
     borderColor = "transparent";
     underlineColor = "transparent";
-    backgroundColor = colors.divider;
+    backgroundColor = colors.border.brand;
   } else {
-    activeColor = inputBorderColorActive || colors.primary;
-    placeholderColor = colors.light;
-    underlineColor = propOrStyleBorderColor || colors.light;
-    backgroundColor = colors.background;
+    activeColor = inputBorderColorActive || colors.branding.primary;
+    placeholderColor = colors.text.light;
+    underlineColor =
+      viewStyles.borderColor ?? inputBorderColor ?? colors.border.brand;
+    backgroundColor = colors.background.brand;
   }
 
   const { lineHeight, ...subtitle1 } = typography.subtitle1;
@@ -294,22 +294,23 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
 
   if (type === "underline") {
     containerStyle = {
-      borderTopLeftRadius: roundness,
-      borderTopRightRadius: roundness,
+      borderTopLeftRadius: 8,
+      borderTopRightRadius: 8,
       paddingBottom: 12,
       marginTop: 16,
     };
   } else {
     containerStyle = {
-      borderRadius: roundness,
+      borderRadius: 8,
       borderColor: hasActiveOutline ? activeColor : borderColor,
       borderWidth: viewStyles.borderWidth ?? 1,
       paddingTop: labeled && !hideLabel ? 16 * 1.5 : 16,
       paddingBottom: labeled && !hideLabel ? 16 * 0.5 : 16,
-      opacity: disabled ? disabledOpacity : 1,
+      opacity: disabled ? 0.5 : 1,
       backgroundColor,
     };
 
+    //@ts-ignore
     inputStyle.paddingHorizontal = 12;
   }
 
@@ -319,9 +320,9 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
 
   let leftIconColor;
   if (focused) {
-    leftIconColor = colors.primary;
+    leftIconColor = colors.branding.primary;
   } else {
-    leftIconColor = colors.light;
+    leftIconColor = colors.text.light;
   }
 
   const leftIconProps = {
@@ -463,7 +464,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
                       type === "solid" ? { paddingHorizontal: 12 } : {},
                       labelStyle,
                       {
-                        color: labelColor || colors.light,
+                        color: labelColor || colors.text.light,
                         opacity: labeled.interpolate({
                           inputRange: [0, 1],
                           outputRange: [hasActiveOutline ? 1 : 0, 0],
@@ -518,7 +519,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
               <Icon
                 name={rightIconName}
                 size={ICON_SIZE}
-                color={colors.light}
+                color={colors.text.light}
                 style={{
                   position: "absolute",
                   right: 16,
@@ -536,7 +537,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
             style={[
               styles.picker,
               {
-                backgroundColor: colors.divider,
+                backgroundColor: colors.border.brand,
               },
             ]}
           >

package/src/components/DatePicker/DatePickerComponent.web.js

@@ -1,17 +1,19 @@
 import React from "react";
 import DateFnsUtils from "@date-io/date-fns";
 import { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from "@material-ui/pickers";
-import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
-import { withTheme } from "../../theming";
-import Theme from "../../styles/DefaultTheme";
+import { createMuiTheme, ThemeProvider as MuiThemeProvider, } from "@material-ui/core/styles";
+import { withTheme, DefaultTheme } from "@draftbit/theme";
 const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, minimumDate, maximumDate, theme, }) => {
+    var _a, _b;
     const internalTheme = createMuiTheme({
         palette: {
             primary: {
-                main: theme.colors.primary || Theme.colors.primary,
+                main: theme.colors.branding.primary ||
+                    ((_a = DefaultTheme.colors.branding) === null || _a === void 0 ? void 0 : _a.primary),
             },
             secondary: {
-                main: theme.colors.secondary || Theme.colors.secondary,
+                main: theme.colors.branding.secondary ||
+                    ((_b = DefaultTheme.colors.branding) === null || _b === void 0 ? void 0 : _b.secondary),
             },
         },
     });
@@ -21,7 +23,7 @@ const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisibl
             ? TimePicker
             : DateTimePicker;
     return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },
-        React.createElement(ThemeProvider, { theme: internalTheme },
+        React.createElement(MuiThemeProvider, { theme: internalTheme },
             React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {
                     toggleVisibility();
                     onChange(null, d);

package/src/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponent.web.js","sourceRoot":"","sources":["DatePickerComponent.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,mBAAmB,GAA8C,CAAC,EACtE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,KAAK,GACN,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;aACnD;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS;aACvD;SACF;KACF,CAAC,CAAC;IAEH,MAAM,MAAM,GACV,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,cAAc,CAAC;IAErB,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY;QAC1C,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa;YACjC,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,gBAAgB,EAAE,CAAC;oBACnB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACpB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACjC,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,GACpB,CACY,CACQ,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"DatePickerComponent.web.js","sourceRoot":"","sources":["DatePickerComponent.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,aAAa,IAAI,gBAAgB,GAClC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG1D,MAAM,mBAAmB,GAA2C,CAAC,EACnE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,KAAK,GACN,EAAE,EAAE;;IACH,MAAM,aAAa,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EACF,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;qBAC7B,MAAA,YAAY,CAAC,MAAM,CAAC,QAAQ,0CAAE,OAAO,CAAA;aACxC;YACD,SAAS,EAAE;gBACT,IAAI,EACF,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS;qBAC/B,MAAA,YAAY,CAAC,MAAM,CAAC,QAAQ,0CAAE,SAAS,CAAA;aAC1C;SACF;KACF,CAAC,CAAC;IAEH,MAAM,MAAM,GACV,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,cAAc,CAAC;IAErB,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY;QAC1C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,aAAa;YACpC,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,gBAAgB,EAAE,CAAC;oBACnB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACpB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACjC,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,GACpB,CACe,CACK,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,mBAAmB,CAAC,CAAC"}

package/src/components/DatePicker/DatePickerComponent.web.tsx

@@ -6,12 +6,15 @@ import {
   TimePicker,
   DateTimePicker,
 } from "@material-ui/pickers";
-import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
+import {
+  createMuiTheme,
+  ThemeProvider as MuiThemeProvider,
+} from "@material-ui/core/styles";
 import { DatePickerComponentProps as Props } from "./DatePickerComponentType";
-import { withTheme } from "../../theming";
-import Theme from "../../styles/DefaultTheme";
+import { withTheme, DefaultTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 
-const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
+const DatePickerComponent: React.FC<Props & { theme: ReadTheme }> = ({
   value,
   onChange,
   mode,
@@ -24,10 +27,14 @@ const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
   const internalTheme = createMuiTheme({
     palette: {
       primary: {
-        main: theme.colors.primary || Theme.colors.primary,
+        main:
+          theme.colors.branding.primary ||
+          DefaultTheme.colors.branding?.primary,
       },
       secondary: {
-        main: theme.colors.secondary || Theme.colors.secondary,
+        main:
+          theme.colors.branding.secondary ||
+          DefaultTheme.colors.branding?.secondary,
       },
     },
   });
@@ -41,7 +48,7 @@ const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
 
   return (
     <MuiPickersUtilsProvider utils={DateFnsUtils}>
-      <ThemeProvider theme={internalTheme}>
+      <MuiThemeProvider theme={internalTheme}>
         <Picker
           value={value}
           open={isVisible}
@@ -55,7 +62,7 @@ const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
           minDate={minimumDate}
           maxDate={maximumDate}
         />
-      </ThemeProvider>
+      </MuiThemeProvider>
     </MuiPickersUtilsProvider>
   );
 };

package/src/components/DatePicker/DatePickerComponentType.ts

@@ -1,5 +1,4 @@
-import theme from "../../styles/DefaultTheme";
-
+import type { ReadTheme } from "@draftbit/theme";
 export interface DatePickerComponentProps {
   value: Date;
   onChange: (e: any, data?: any) => void;
@@ -8,5 +7,5 @@ export interface DatePickerComponentProps {
   isVisible?: boolean;
   minimumDate?: Date;
   maximumDate?: Date;
-  theme?: typeof theme;
+  theme?: ReadTheme;
 }

package/src/components/DeckSwiper/DeckSwiperCard.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { withTheme } from "../../theming";
+import { withTheme } from "@draftbit/theme";
 const DeckSwiperCard = ({ style, children, theme }) => (React.createElement(View, { style: [
         styles.card,
         {
-            backgroundColor: theme.colors.background,
-            borderColor: theme.colors.divider,
+            backgroundColor: theme.colors.background.brand,
+            borderColor: theme.colors.border.brand,
         },
         style,
     ] }, children));

package/src/components/DeckSwiper/DeckSwiperCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiperCard.js","sourceRoot":"","sources":["DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,cAAc,GAEhB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,IAAI,IACH,KAAK,EAAE;QACL,MAAM,CAAC,IAAI;QACX;YACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAClC;QACD,KAAK;KACN,IAEA,QAAQ,CACJ,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"DeckSwiperCard.js","sourceRoot":"","sources":["DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAO5C,MAAM,cAAc,GAEhB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,IAAI,IACH,KAAK,EAAE;QACL,MAAM,CAAC,IAAI;QACX;YACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK;YAC9C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;SACvC;QACD,KAAK;KACN,IAEA,QAAQ,CACJ,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -1,11 +1,11 @@
 import React from "react";
 import { View, StyleSheet, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
+import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "@draftbit/theme";
 
 export interface DeckSwiperCardProps {
   style?: StyleProp<ViewStyle>;
-  theme: Theme;
+  theme: ReadTheme;
 }
 
 const DeckSwiperCard: React.FC<
@@ -15,8 +15,8 @@ const DeckSwiperCard: React.FC<
     style={[
       styles.card,
       {
-        backgroundColor: theme.colors.background,
-        borderColor: theme.colors.divider,
+        backgroundColor: theme.colors.background.brand,
+        borderColor: theme.colors.border.brand,
       },
       style,
     ]}

package/src/components/Divider.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 const Divider = ({ style, color, theme: { colors }, ...rest }) => {
     return (React.createElement(View, { style: [
             {
-                backgroundColor: color || colors.divider,
+                backgroundColor: color || colors.border.brand,
                 height: StyleSheet.hairlineWidth,
             },
             style,

package/src/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,MAAM,OAAO,GAA6C,CAAC,EACzD,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,KAAK,IAAI,MAAM,CAAC,OAAO;gBACxC,MAAM,EAAE,UAAU,CAAC,aAAa;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAS5C,MAAM,OAAO,GAA6C,CAAC,EACzD,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK;gBAC7C,MAAM,EAAE,UAAU,CAAC,aAAa;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,OAAO,CAAC,CAAC"}

package/src/components/Divider.tsx

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { StyleSheet, View, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
-import theme from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 
 type Props = {
   style?: StyleProp<ViewStyle>;
   color?: string;
-  theme: typeof theme;
+  theme: ReadTheme;
 };
 
 const Divider: React.FC<React.PropsWithChildren<Props>> = ({
@@ -19,7 +19,7 @@ const Divider: React.FC<React.PropsWithChildren<Props>> = ({
     <View
       style={[
         {
-          backgroundColor: color || colors.divider,
+          backgroundColor: color || colors.border.brand,
           height: StyleSheet.hairlineWidth,
         },
         style,

package/src/components/Elevation.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { Animated, StyleSheet, View, } from "react-native";
-import shadow from "../styles/shadow";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = ({ style, theme, children, ...rest }) => {
     const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};
@@ -10,9 +9,9 @@ const Elevation = ({ style, theme, children, ...rest }) => {
     return (React.createElement(Animated.View, { ...rest, style: [
             {
                 borderRadius,
-                backgroundColor: colors.surface,
+                backgroundColor: colors.background.brand,
             },
-            elevation ? shadow(elevation) : null,
+            elevation ? { elevation } : null,
             style,
         ] },
         React.createElement(View, { style: { overflow: "hidden", borderRadius } }, children)));

package/src/components/Elevation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Elevation.js","sourceRoot":"","sources":["Elevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQvC,mHAAmH;AACnH,MAAM,SAAS,GAA6C,CAAC,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAC3C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAE5B,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,KAAK,EAAE;YACL;gBACE,YAAY;gBACZ,eAAe,EAAE,MAAM,CAAC,OAAO;aAChC;YACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;YACpC,KAAK;SACN;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAQ,CACtD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Elevation.js","sourceRoot":"","sources":["Elevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,mHAAmH;AACnH,MAAM,SAAS,GAA6C,CAAC,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAC3C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAE5B,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,KAAK,EAAE;YACL;gBACE,YAAY;gBACZ,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK;aACzC;YACD,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI;YAChC,KAAK;SACN;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAQ,CACtD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,SAAS,CAAC,CAAC"}

package/src/components/Elevation.tsx

@@ -7,13 +7,12 @@ import {
   ViewStyle,
   View,
 } from "react-native";
-import shadow from "../styles/shadow";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 
 type Props = {
   style?: StyleProp<ViewStyle>;
-  theme: Theme;
+  theme: ReadTheme;
 } & ViewProps;
 
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
@@ -34,9 +33,9 @@ const Elevation: React.FC<React.PropsWithChildren<Props>> = ({
       style={[
         {
           borderRadius,
-          backgroundColor: colors.surface,
+          backgroundColor: colors.background.brand,
         },
-        elevation ? shadow(elevation) : null,
+        elevation ? { elevation } : null,
         style,
       ]}
     >

package/src/components/FormRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRow.js","sourceRoot":"","sources":["FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,SAAS,MAAM,aAAa,CAAC;AAWpC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACD;IACN,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC,KACzD,IAAI;QAER,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAG,KAAK,CAAQ;QACtC,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"FormRow.js","sourceRoot":"","sources":["FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,SAAS,MAAM,aAAa,CAAC;AAWpC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACD;IACN,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC,KACzD,IAAI;QAER,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAG,KAAK,CAAQ;QACtC,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

package/src/components/FormRow.tsx

@@ -1,13 +1,12 @@
 import * as React from "react";
 import { Text, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import { RowDirection } from "@draftbit/types";
 import { extractStyles } from "../utilities";
 import Touchable from "./Touchable";
 
 type Props = {
   disabled?: boolean;
   label: string;
-  direction: RowDirection;
+  direction: "row" | "column";
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
   onPress: () => void;

package/src/components/IconButton.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
-    const iconColor = customColor || theme.colors.primary;
+    const iconColor = customColor || theme.colors.branding.primary;
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
             return [
                 styles.container,