@draftbit/core 50.1.2-8f069c.2 → 50.1.3-13d35c.2

package/src/deprecated-components/DeprecatedFAB.js

@@ -4,26 +4,26 @@ import color from "color";
 import Config from "../components/Config";
 import Text from "../components/Text";
 import Elevation from "../components/Elevation";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 /**
  * @deprecated DEPRECATED
  */
-const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
+const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, typography }, ...rest }) => {
     let backgroundColor, borderColor, textColor, borderWidth;
-    const buttonColor = colorOverride || colors.primary;
+    const buttonColor = colorOverride || colors.branding.primary;
     if (type === "standard" || type === "extended" || type === "fixed") {
         backgroundColor = buttonColor;
         if (disabled) {
-            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+            textColor = color(colors.background.brand).alpha(0.5).rgb().string();
         }
         else {
-            textColor = colors.surface;
+            textColor = colors.background.brand;
         }
     }
     else {
         backgroundColor = "transparent";
         if (disabled) {
-            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+            textColor = color(buttonColor).alpha(0.5).rgb().string();
         }
         else {
             textColor = buttonColor;
@@ -31,7 +31,7 @@ const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, co
     }
     if (type === "outline") {
         if (disabled) {
-            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+            borderColor = color(buttonColor).alpha(0.5).rgb().string();
         }
         else {
             borderColor = buttonColor;
@@ -46,7 +46,7 @@ const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, co
         backgroundColor,
         borderColor,
         borderWidth,
-        borderRadius: roundness,
+        borderRadius: 8,
         alignItems: "center",
         justifyContent: "center",
     };

package/src/deprecated-components/DeprecatedFAB.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeprecatedFAB.js","sourceRoot":"","sources":["DeprecatedFAB.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeprecatedFAB.js","sourceRoot":"","sources":["DeprecatedFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,IAAI,EACJ,UAAU,EAIV,SAAS,GAEV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuD5C;;GAEG;AACH,MAAM,GAAG,GAA6C,CAAC,EACrD,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,EACf,KAAK,EAAE,aAAa,EACpB,KAAK,EACL,OAAO,EACP,SAAS,GAAG,CAAC,EACb,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,IAAI,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC;IACzD,MAAM,WAAW,GAAG,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;IAE7D,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO,EAAE;QAClE,eAAe,GAAG,WAAW,CAAC;QAE9B,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;SACtE;aAAM;YACL,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;SACrC;KACF;SAAM;QACL,eAAe,GAAG,aAAa,CAAC;QAEhC,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;SAC1D;aAAM;YACL,SAAS,GAAG,WAAW,CAAC;SACzB;KACF;IAED,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,IAAI,QAAQ,EAAE;YACZ,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;SAC5D;aAAM;YACL,WAAW,GAAG,WAAW,CAAC;SAC3B;QACD,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC;KACxC;SAAM;QACL,WAAW,GAAG,aAAa,CAAC;QAC5B,WAAW,GAAG,CAAC,CAAC;KACjB;IAED,MAAM,WAAW,GAAyB;QACxC,eAAe;QACf,WAAW;QACX,WAAW;QACX,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,YAAY,GAA2B,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAE1E,MAAM,YAAY,GAA2B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAyB;QACtC,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,SAAS;KACjB,CAAC;IAEF,MAAM,SAAS,GAA2B;QACxC,MAAM,CAAC,IAAI;QACX;YACE,KAAK,EAAE,MAAM,CAAC,cAAc;SAC7B;KACF,CAAC;IAEF,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE;QAC7C,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;QACnC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;QACpC,WAAW,CAAC,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC;QAElD,YAAY,CAAC,IAAI,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC,OAAO;YACrB,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB,CAAC,CAAC;KACJ;IAED,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO,EAAE;QAC3C,SAAS,CAAC,IAAI,CAAC;YACb,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,CAAC,CAAC;SAChB,CAAC,CAAC;QAEH,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC;KACvB;IAED,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,YAAY,CAAC,IAAI,CAAC;YAChB,MAAM,EAAE,MAAM,CAAC,cAAc;YAC7B,SAAS,EAAE,SAAS;SACrB,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC;QACtC,oBAAC,SAAS,OACJ,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,KAAK,EAAE,YAAY;YAEnB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACxB,IAAI,IAAI,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS;oBACpB,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,CAAC,cAAc,EAC3B,KAAK,EAAE,SAAS,GAChB,CACG,CACR,CAAC,CAAC,CAAC,IAAI;gBACP,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,iBAAiB,IAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,GAChB,CACH,CAAC,CAAC,CAAC,IAAI;gBACP,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,IAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAC1D,KAAK,CACD,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACG,CACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,WAAW,EAAE,OAAO;KACrB;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM,CAAC,cAAc;KAC7B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}

package/src/deprecated-components/DeprecatedFAB.tsx

@@ -13,9 +13,9 @@ import color from "color";
 import Config from "../components/Config";
 import Text from "../components/Text";
 import Elevation from "../components/Elevation";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 
-import type { Theme } from "../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../interfaces/Icon";
 
 /**
@@ -63,7 +63,7 @@ type Props = {
   label?: string;
   onPress: () => void;
   elevation?: number;
-  theme: Theme;
+  theme: ReadTheme;
   style?: StyleProp<ViewStyle>;
 } & PressableProps &
   IconSlot;
@@ -82,25 +82,25 @@ const FAB: React.FC<React.PropsWithChildren<Props>> = ({
   onPress,
   elevation = 0,
   style,
-  theme: { colors, disabledOpacity, roundness, typography },
+  theme: { colors, typography },
   ...rest
 }) => {
   let backgroundColor, borderColor, textColor, borderWidth;
-  const buttonColor = colorOverride || colors.primary;
+  const buttonColor = colorOverride || colors.branding.primary;
 
   if (type === "standard" || type === "extended" || type === "fixed") {
     backgroundColor = buttonColor;
 
     if (disabled) {
-      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+      textColor = color(colors.background.brand).alpha(0.5).rgb().string();
     } else {
-      textColor = colors.surface;
+      textColor = colors.background.brand;
     }
   } else {
     backgroundColor = "transparent";
 
     if (disabled) {
-      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+      textColor = color(buttonColor).alpha(0.5).rgb().string();
     } else {
       textColor = buttonColor;
     }
@@ -108,7 +108,7 @@ const FAB: React.FC<React.PropsWithChildren<Props>> = ({
 
   if (type === "outline") {
     if (disabled) {
-      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+      borderColor = color(buttonColor).alpha(0.5).rgb().string();
     } else {
       borderColor = buttonColor;
     }
@@ -122,7 +122,7 @@ const FAB: React.FC<React.PropsWithChildren<Props>> = ({
     backgroundColor,
     borderColor,
     borderWidth,
-    borderRadius: roundness,
+    borderRadius: 8,
     alignItems: "center",
     justifyContent: "center",
   };

package/src/deprecated-components/FAB.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { View, StyleSheet, Pressable, ActivityIndicator, Platform, } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 /**
  * @deprecated DEPRECATED
  */
 const FAB = ({ onPress, disabled, loading, iconName = "MaterialIcons/add", style, theme, iconColor, bgColor, size = 50, Icon, ...props }) => {
-    const backgroundColor = bgColor || theme.colors.primary;
+    const backgroundColor = bgColor || theme.colors.branding.primary;
     const color = iconColor || "#FFF";
     return (React.createElement(View, { style: [
             {

package/src/deprecated-components/FAB.js.map

@@ -1 +1 @@
-{"version":3,"file":"FAB.js","sourceRoot":"","sources":["FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,iBAAiB,EAIjB,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiBvC;;GAEG;AACH,MAAM,GAAG,GAA6C,CAAC,EACrD,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,mBAAmB,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACxD,MAAM,KAAK,GAAG,SAAS,IAAI,MAAM,CAAC;IAElC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;gBACtB,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK;SACN;QAED,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,cAAc,EAAE;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,GAAG,CAAC;aACjB,EACD,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;gBACrB,OAAO;oBACL,MAAM,CAAC,MAAM;oBACb;wBACE,OAAO,EAAE,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACvC,KAAK,EAAE,IAAI;wBACX,MAAM,EAAE,IAAI;wBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;wBACtB,eAAe;qBAChB;iBACF,CAAC;YACJ,CAAC,KACG,KAAK;YAET,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,iBAAiB,IAChB,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACI,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,MAAM;aACnB;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"FAB.js","sourceRoot":"","sources":["FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,iBAAiB,EAIjB,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAiB5C;;GAEG;AACH,MAAM,GAAG,GAA6C,CAAC,EACrD,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,mBAAmB,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjE,MAAM,KAAK,GAAG,SAAS,IAAI,MAAM,CAAC;IAElC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;gBACtB,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK;SACN;QAED,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,cAAc,EAAE;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,GAAG,CAAC;aACjB,EACD,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;gBACrB,OAAO;oBACL,MAAM,CAAC,MAAM;oBACb;wBACE,OAAO,EAAE,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACvC,KAAK,EAAE,IAAI;wBACX,MAAM,EAAE,IAAI;wBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;wBACtB,eAAe;qBAChB;iBACF,CAAC;YACJ,CAAC,KACG,KAAK;YAET,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,iBAAiB,IAChB,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACI,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,MAAM;aACnB;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}

package/src/deprecated-components/FAB.tsx

@@ -9,8 +9,8 @@ import {
   PressableProps,
   Platform,
 } from "react-native";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../interfaces/Icon";
 
 type Props = {
@@ -21,7 +21,7 @@ type Props = {
   iconColor?: string;
   iconName?: string;
   onPress: () => void;
-  theme: Theme;
+  theme: ReadTheme;
   style?: StyleProp<ViewStyle>;
 } & PressableProps &
   IconSlot;
@@ -42,7 +42,7 @@ const FAB: React.FC<React.PropsWithChildren<Props>> = ({
   Icon,
   ...props
 }) => {
-  const backgroundColor = bgColor || theme.colors.primary;
+  const backgroundColor = bgColor || theme.colors.branding.primary;
   const color = iconColor || "#FFF";
 
   return (

package/src/deprecated-components/FieldSearchBarFull.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, TextInput, StyleSheet, } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import Config from "../components/Config";
 /**
  * @deprecated DEPRECATED
@@ -38,11 +38,11 @@ const FieldSearchBarFull = ({ showIcon, Icon, icon = "search", placeholder = "",
         }
     };
     return (React.createElement(View, { style: [styles.container, style] },
-        showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),
+        showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.branding.primary : colors.foreground.brand })),
         React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },
-            React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [
+            React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.foreground.brand, style: [
                     {
-                        color: colors.medium,
+                        color: colors.text.medium,
                     },
                     typeStyles,
                 ] }))));

package/src/deprecated-components/FieldSearchBarFull.js.map

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

package/src/deprecated-components/FieldSearchBarFull.tsx

@@ -8,8 +8,8 @@ import {
   NativeSyntheticEvent,
   TextInputSubmitEditingEventData,
 } from "react-native";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../interfaces/Icon";
 import Config from "../components/Config";
 
@@ -18,7 +18,7 @@ type Props = {
   icon?: string;
   placeholder?: string;
   style?: StyleProp<ViewStyle>;
-  theme: Theme;
+  theme: ReadTheme;
   onChange?: (text: string) => void;
   onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
   value?: string;
@@ -94,7 +94,7 @@ const FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({
         <Icon
           name={icon}
           size={Config.fieldSearchBarFullIconSize}
-          color={focused ? colors.primary : colors.light}
+          color={focused ? colors.branding.primary : colors.foreground.brand}
         />
       )}
       <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>
@@ -106,10 +106,10 @@ const FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({
           onFocus={onFocus}
           onChangeText={handleChangeText}
           onSubmitEditing={onSubmit}
-          placeholderTextColor={colors.light}
+          placeholderTextColor={colors.foreground.brand}
           style={[
             {
-              color: colors.medium,
+              color: colors.text.medium,
             },
             typeStyles,
           ]}

package/src/deprecated-components/ProgressCircle.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Text } from "react-native";
 import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 /**
  * @deprecated DEPRECATED
  */
 const ProgressCircle = ({ progress = 0.5, style, color = "primary", size = 100, showsText = true, unfilledColor, strokeCap = "butt", textStyle, thickness = 1, theme, }) => {
     const progressNum = Math.round(progress * 100);
-    const tintColor = color || theme.colors.primary;
-    const backgroundColor = unfilledColor || theme.colors.secondary;
+    const tintColor = color || theme.colors.branding.primary;
+    const backgroundColor = unfilledColor || theme.colors.branding.secondary;
     return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },
         Math.round(fill),
         "%")) : null));

package/src/deprecated-components/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiBvC;;GAEG;AACH,MAAM,cAAc,GAA6C,CAAC,EAChE,QAAQ,GAAG,GAAG,EACd,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,SAAS,GAAG,CAAC,EACb,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAChD,MAAM,eAAe,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;IAEhE,OAAO,CACL,oBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,IAGX,CAAC,IAAI,EAAE,EAAE,CACR,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QAE/D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACZ,CACR,CAAC,CAAC,CAAC,IAAI,CAEe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAgB5C;;GAEG;AACH,MAAM,cAAc,GAA6C,CAAC,EAChE,QAAQ,GAAG,GAAG,EACd,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,SAAS,GAAG,CAAC,EACb,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;IACzD,MAAM,eAAe,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,oBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,IAGX,CAAC,IAAI,EAAE,EAAE,CACR,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QAE/D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACZ,CACR,CAAC,CAAC,CAAC,IAAI,CAEe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/deprecated-components/ProgressCircle.tsx

@@ -1,21 +1,20 @@
 import * as React from "react";
 import { Text, StyleProp, ViewStyle, TextStyle } from "react-native";
 import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
-import themeT from "../styles/DefaultTheme";
-import { colorTypes } from "@draftbit/types";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 
 type Props = {
   progress?: number;
   style?: StyleProp<ViewStyle>;
-  color?: colorTypes;
+  color?: string;
   size?: number;
   showsText?: boolean;
-  unfilledColor?: colorTypes;
+  unfilledColor?: string;
   strokeCap?: "butt" | "square" | "round" | undefined;
   textStyle?: StyleProp<TextStyle>;
   thickness?: number;
-  theme: typeof themeT;
+  theme: ReadTheme;
 };
 
 /**
@@ -35,8 +34,8 @@ const ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({
 }) => {
   const progressNum = Math.round(progress * 100);
 
-  const tintColor = color || theme.colors.primary;
-  const backgroundColor = unfilledColor || theme.colors.secondary;
+  const tintColor = color || theme.colors.branding.primary;
+  const backgroundColor = unfilledColor || theme.colors.branding.secondary;
 
   return (
     <AnimatedCircularProgress

package/src/deprecated-components/RadioButtonFieldGroup.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { View } from "react-native";
 import Text from "../components/Text";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import RadioButtonGroup from "../components/RadioButton/RadioButtonGroup";
 /**
  * @deprecated DEPRECATED

package/src/deprecated-components/RadioButtonFieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonFieldGroup.js","sourceRoot":"","sources":["RadioButtonFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,gBAEN,MAAM,4CAA4C,CAAC;AAQpD;;GAEG;AACH,MAAM,qBAAqB,GAA6C,CAAC,EACvE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;oBAC7C,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK;iBACxC;gBACD,UAAU;aACX,IAEA,KAAK,CACD;QACP,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,IACrC,QAAQ,CACQ,CACd,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"RadioButtonFieldGroup.js","sourceRoot":"","sources":["RadioButtonFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAEN,MAAM,4CAA4C,CAAC;AAQpD;;GAEG;AACH,MAAM,qBAAqB,GAA6C,CAAC,EACvE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;oBAC7C,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK;iBACxC;gBACD,UAAU;aACX,IAEA,KAAK,CACD;QACP,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,IACrC,QAAQ,CACQ,CACd,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,qBAAqB,CAAC,CAAC"}

package/src/deprecated-components/RadioButtonFieldGroup.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { View, StyleProp, TextStyle, ViewStyle } from "react-native";
 import Text from "../components/Text";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import RadioButtonGroup, {
   RadioButtonGroupProps,
 } from "../components/RadioButton/RadioButtonGroup";

package/src/deprecated-components/RowBodyIcon.js

@@ -1,12 +1,12 @@
 import * as React from "react";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import Row from "../components/Row";
 import Config from "../components/Config";
 /**
  * @deprecated DEPRECATED
  */
 const RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));
+    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.text.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.foreground.brand, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.foreground.brand, style: { marginLeft: 16 } })), style: style }));
 };
 export default withTheme(RowBodyIcon);
 //# sourceMappingURL=RowBodyIcon.js.map

package/src/deprecated-components/RowBodyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowBodyIcon.js","sourceRoot":"","sources":["RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C;;GAEG;AACH,MAAM,WAAW,GAA6C,CAAC,EAC7D,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,aAAa,EAAE,MAAM,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,CAAC,qBAAqB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GACzB,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"RowBodyIcon.js","sourceRoot":"","sources":["RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C;;GAEG;AACH,MAAM,WAAW,GAA6C,CAAC,EAC7D,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC9B,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,EACtC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,CAAC,qBAAqB,EAClC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,EAC9B,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GACzB,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,WAAW,CAAC,CAAC"}

package/src/deprecated-components/RowBodyIcon.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../interfaces/Icon";
 
 import Row from "../components/Row";
@@ -12,7 +12,7 @@ type Props = {
   subtitle?: string;
   icon: string;
   style?: StyleProp<ViewStyle>;
-  theme: Theme;
+  theme: ReadTheme;
 } & IconSlot;
 
 /**
@@ -29,16 +29,16 @@ const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
   return (
     <Row
       titleTypeStyle={typography.body1}
-      titleColor={colors.medium}
+      titleColor={colors.text.medium}
       subtitleTypeStyle={typography.subtitle2}
-      subtitleColor={colors.light}
+      subtitleColor={colors.foreground.brand}
       title={title}
       subtitle={subtitle}
       right={() => (
         <Icon
           name={icon}
           size={Config.rowSingleLineIconSize}
-          color={colors.light}
+          color={colors.foreground.brand}
           style={{ marginLeft: 16 }}
         />
       )}

package/src/deprecated-components/RowHeadlineImageCaption.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Text } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import Row from "../components/Row";
 /**
  * @deprecated DEPRECATED
  */
 const RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.text.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.text.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
                 ...typography.caption,
-                color: colors.strong,
+                color: colors.text.strong,
                 marginLeft: 16,
             } }, caption)), style: style }));
 };

package/src/deprecated-components/RowHeadlineImageCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowHeadlineImageCaption.js","sourceRoot":"","sources":["RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAYpC;;GAEG;AACH,MAAM,uBAAuB,GAA6C,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,GAAG,UAAU,CAAC,OAAO;gBACrB,KAAK,EAAE,MAAM,CAAC,MAAM;gBACpB,UAAU,EAAE,EAAE;aACf,IAEA,OAAO,CACH,CACR,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"RowHeadlineImageCaption.js","sourceRoot":"","sources":["RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAYpC;;GAEG;AACH,MAAM,uBAAuB,GAA6C,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC9B,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,GAAG,UAAU,CAAC,OAAO;gBACrB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;gBACzB,UAAU,EAAE,EAAE;aACf,IAEA,OAAO,CACH,CACR,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,uBAAuB,CAAC,CAAC"}

package/src/deprecated-components/RowHeadlineImageCaption.tsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { Text, ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import Row from "../components/Row";
-import theme from "../styles/DefaultTheme";
+import type { ReadTheme } from "@draftbit/theme";
 
 type Props = {
   title?: string;
@@ -10,7 +10,7 @@ type Props = {
   caption?: string;
   image: string | ImageSourcePropType;
   style?: StyleProp<ViewStyle>;
-  theme: typeof theme;
+  theme: ReadTheme;
 };
 
 /**
@@ -27,9 +27,9 @@ const RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({
   return (
     <Row
       titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
+      titleColor={colors.text.strong}
       subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
+      subtitleColor={colors.text.medium}
       title={title}
       subtitle={subtitle}
       image={image}
@@ -37,7 +37,7 @@ const RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({
         <Text
           style={{
             ...typography.caption,
-            color: colors.strong,
+            color: colors.text.strong,
             marginLeft: 16,
           }}
         >

package/src/deprecated-components/RowHeadlineImageIcon.js

@@ -1,14 +1,14 @@
 import * as React from "react";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import Row from "../components/Row";
 import Config from "../components/Config";
 /**
  * @deprecated DEPRECATED
  */
 const RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.text.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.text.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle
                 ? Config.rowMultiLineIconSize
-                : Config.rowSingleLineIconSize, color: colors.light, style: {
+                : Config.rowSingleLineIconSize, color: colors.text.light, style: {
                 marginLeft: 16,
                 alignSelf: multilineSubtitle ? "flex-start" : "center",
                 marginTop: multilineSubtitle ? 4 : 0,

package/src/deprecated-components/RowHeadlineImageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowHeadlineImageIcon.js","sourceRoot":"","sources":["RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAa1C;;GAEG;AACH,MAAM,oBAAoB,GAA6C,CAAC,EACtE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EACF,iBAAiB;gBACf,CAAC,CAAC,MAAM,CAAC,oBAAoB;gBAC7B,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAElC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE;gBACd,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gBACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACrC,GACD,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"RowHeadlineImageIcon.js","sourceRoot":"","sources":["RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAa1C;;GAEG;AACH,MAAM,oBAAoB,GAA6C,CAAC,EACtE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC9B,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EACF,iBAAiB;gBACf,CAAC,CAAC,MAAM,CAAC,oBAAoB;gBAC7B,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAElC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EACxB,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE;gBACd,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gBACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACrC,GACD,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,oBAAoB,CAAC,CAAC"}

package/src/deprecated-components/RowHeadlineImageIcon.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
 import type { IconSlot } from "../interfaces/Icon";
 
 import Row from "../components/Row";
@@ -14,7 +14,7 @@ type Props = {
   multilineSubtitle?: boolean;
   icon: string;
   style?: StyleProp<ViewStyle>;
-  theme: Theme;
+  theme: ReadTheme;
 } & IconSlot;
 
 /**
@@ -33,9 +33,9 @@ const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
   return (
     <Row
       titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
+      titleColor={colors.text.strong}
       subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
+      subtitleColor={colors.text.medium}
       title={title}
       subtitle={subtitle}
       multilineSubtitle={multilineSubtitle}
@@ -48,7 +48,7 @@ const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
               ? Config.rowMultiLineIconSize
               : Config.rowSingleLineIconSize
           }
-          color={colors.light}
+          color={colors.text.light}
           style={{
             marginLeft: 16,
             alignSelf: multilineSubtitle ? "flex-start" : "center",

package/src/deprecated-components/ToggleButton.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { withTheme } from "../theming";
+import { withTheme } from "@draftbit/theme";
 import { StyleSheet } from "react-native";
 import IconButton from "../components/IconButton";
 /**
@@ -21,15 +21,15 @@ const ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, defaul
         setInternalValue(!internalValue);
         onPress(!internalValue);
     };
-    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [
+    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors.branding[color] : colors.branding[colorSecondary], onPress: handlePress, disabled: disabled, style: [
             styles.mainContainer,
             {
                 width,
                 height,
                 backgroundColor: internalValue
-                    ? colors[colorSecondary]
-                    : colors[color],
-                borderColor: colors[borderColor],
+                    ? colors.branding[colorSecondary]
+                    : colors.branding[color],
+                borderColor: colors.border[borderColor],
             },
             style,
         ], ...rest }));

package/src/deprecated-components/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAoBlD;;GAEG;AACH,MAAM,YAAY,GAA6C,CAAC,EAC9D,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,OAAO,IAAI,YAAY,IAAI,KAAK,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,aAAa;YACpB;gBACE,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,aAAa;oBAC5B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAoBlD;;GAEG;AACH,MAAM,YAAY,GAA6C,CAAC,EAC9D,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,OAAO,IAAI,YAAY,IAAI,KAAK,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EACH,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,EAE1E,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,aAAa;YACpB;gBACE,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,aAAa;oBAC5B,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;oBACjC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC1B,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;aACxC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}