@draftbit/core 49.5.2-ff55cf.2 → 49.5.2

package/src/deprecated-components/FAB.tsx

@@ -9,8 +9,8 @@ import {
   PressableProps,
   Platform,
 } from "react-native";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 
 type Props = {
@@ -21,7 +21,7 @@ type Props = {
   iconColor?: string;
   iconName?: string;
   onPress: () => void;
-  theme: ReadTheme;
+  theme: Theme;
   style?: StyleProp<ViewStyle>;
 } & PressableProps &
   IconSlot;
@@ -42,7 +42,7 @@ const FAB: React.FC<React.PropsWithChildren<Props>> = ({
   Icon,
   ...props
 }) => {
-  const backgroundColor = bgColor || theme.colors.branding.primary;
+  const backgroundColor = bgColor || theme.colors.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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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.branding.primary : colors.foreground.brand })),
+        showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),
         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.foreground.brand, style: [
+            React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [
                     {
-                        color: colors.text.medium,
+                        color: colors.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 "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 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: ReadTheme;
+  theme: Theme;
   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.branding.primary : colors.foreground.brand}
+          color={focused ? colors.primary : colors.light}
         />
       )}
       <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.foreground.brand}
+          placeholderTextColor={colors.light}
           style={[
             {
-              color: colors.text.medium,
+              color: colors.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 "@draftbit/theme";
+import { withTheme } from "../theming";
 /**
  * @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.branding.primary;
-    const backgroundColor = unfilledColor || theme.colors.branding.secondary;
+    const tintColor = color || theme.colors.primary;
+    const backgroundColor = unfilledColor || theme.colors.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,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"}
+{"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"}

package/src/deprecated-components/ProgressCircle.tsx

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

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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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.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 }));
+    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 }));
 };
 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,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"}
+{"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"}

package/src/deprecated-components/RowBodyIcon.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 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: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 /**
@@ -29,16 +29,16 @@ const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
   return (
     <Row
       titleTypeStyle={typography.body1}
-      titleColor={colors.text.medium}
+      titleColor={colors.medium}
       subtitleTypeStyle={typography.subtitle2}
-      subtitleColor={colors.foreground.brand}
+      subtitleColor={colors.light}
       title={title}
       subtitle={subtitle}
       right={() => (
         <Icon
           name={icon}
           size={Config.rowSingleLineIconSize}
-          color={colors.foreground.brand}
+          color={colors.light}
           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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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.text.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.text.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
+    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: {
                 ...typography.caption,
-                color: colors.text.strong,
+                color: colors.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,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"}
+{"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"}

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

package/src/deprecated-components/RowHeadlineImageIcon.js

@@ -1,14 +1,14 @@
 import * as React from "react";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 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.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
+    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
                 ? Config.rowMultiLineIconSize
-                : Config.rowSingleLineIconSize, color: colors.text.light, style: {
+                : Config.rowSingleLineIconSize, color: colors.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,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"}
+{"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"}

package/src/deprecated-components/RowHeadlineImageIcon.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 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: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 /**
@@ -33,9 +33,9 @@ const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
   return (
     <Row
       titleTypeStyle={typography.headline6}
-      titleColor={colors.text.strong}
+      titleColor={colors.strong}
       subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.text.medium}
+      subtitleColor={colors.medium}
       title={title}
       subtitle={subtitle}
       multilineSubtitle={multilineSubtitle}
@@ -48,7 +48,7 @@ const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
               ? Config.rowMultiLineIconSize
               : Config.rowSingleLineIconSize
           }
-          color={colors.text.light}
+          color={colors.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 "@draftbit/theme";
+import { withTheme } from "../theming";
 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.branding[color] : colors.branding[colorSecondary], onPress: handlePress, disabled: disabled, style: [
+    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [
             styles.mainContainer,
             {
                 width,
                 height,
                 backgroundColor: internalValue
-                    ? colors.branding[colorSecondary]
-                    : colors.branding[color],
-                borderColor: colors.border[borderColor],
+                    ? colors[colorSecondary]
+                    : colors[color],
+                borderColor: colors[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,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"}
+{"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"}

package/src/deprecated-components/ToggleButton.tsx

@@ -1,8 +1,9 @@
 import * as React from "react";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import { colorTypes } from "@draftbit/types";
 import { StyleProp, StyleSheet, ViewStyle } from "react-native";
 import IconButton from "../components/IconButton";
-import type { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 
 type Props = {
@@ -11,14 +12,14 @@ type Props = {
   onPress?: (value: boolean) => void;
   defaultValue?: boolean;
   disabled?: boolean;
-  color?: string;
-  colorSecondary?: string;
-  borderColor?: string;
+  color?: colorTypes;
+  colorSecondary?: colorTypes;
+  borderColor?: colorTypes;
   iconSize?: number;
   width?: number;
   height?: number;
   style?: StyleProp<ViewStyle>;
-  theme: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 /**
@@ -67,9 +68,7 @@ const ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({
       Icon={Icon}
       icon={icon}
       size={iconSize}
-      color={
-        internalValue ? colors.branding[color] : colors.branding[colorSecondary]
-      }
+      color={internalValue ? colors[color] : colors[colorSecondary]}
       onPress={handlePress}
       disabled={disabled}
       style={[
@@ -78,9 +77,9 @@ const ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({
           width,
           height,
           backgroundColor: internalValue
-            ? colors.branding[colorSecondary]
-            : colors.branding[color],
-          borderColor: colors.border[borderColor],
+            ? colors[colorSecondary]
+            : colors[color],
+          borderColor: colors[borderColor],
         },
         style,
       ]}

package/src/index.js

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

package/src/index.js.map

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

package/src/index.tsx

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

package/src/styles/DarkTheme.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+import color from "color";
+import DefaultTheme from "./DefaultTheme";
+const white = "#FFF";
+const black = "#000";
+const pinkA100 = "#ff80ab";
+const DarkTheme = {
+    ...DefaultTheme,
+    dark: true,
+    mode: "adaptive",
+    colors: {
+        ...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;
+//# sourceMappingURL=DarkTheme.js.map

package/src/styles/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkTheme.js","sourceRoot":"","sources":["DarkTheme.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,MAAM,KAAK,GAAG,MAAM,CAAC;AACrB,MAAM,KAAK,GAAG,MAAM,CAAC;AACrB,MAAM,QAAQ,GAAG,SAAS,CAAC;AAE3B,MAAM,SAAS,GAAU;IACvB,GAAG,YAAY;IACf,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE;QACN,GAAG,YAAY,CAAC,MAAM;QACtB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QACjD,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QACpD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QAChD,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/styles/DarkTheme.tsx

@@ -0,0 +1,30 @@
+// @ts-nocheck
+import color from "color";
+import DefaultTheme from "./DefaultTheme";
+import type { Theme } from "./DefaultTheme";
+
+const white = "#FFF";
+const black = "#000";
+const pinkA100 = "#ff80ab";
+
+const DarkTheme: Theme = {
+  ...DefaultTheme,
+  dark: true,
+  mode: "adaptive",
+  colors: {
+    ...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;