@draftbit/core 49.5.1-99e063.2 → 49.5.1-eb936e.2

package/src/components/TextField.tsx

@@ -14,8 +14,8 @@ import {
   LayoutChangeEvent,
   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";
 import { applyStyles, extractStyles } from "../utilities";
 import TextInput, { TextInputProps } from "./TextInput";
@@ -46,7 +46,7 @@ export type Props = {
   underlineColor?: string;
   activeBorderColor?: string;
   style?: StyleProp<ViewStyle>;
-  theme: ReadTheme;
+  theme: Theme;
   render?: (
     props: TextInputProps & { ref: (c: NativeTextInput) => void }
   ) => React.ReactNode;
@@ -224,7 +224,7 @@ class TextField extends React.Component<Props, State> {
 
   render() {
     const {
-      theme,
+      theme: { colors, typography, roundness, disabledOpacity },
       Icon,
       type = "underline",
       disabled = false,
@@ -238,7 +238,7 @@ class TextField extends React.Component<Props, State> {
       iconSize,
       assistiveText,
       underlineColor: underlineColorProp,
-      activeBorderColor: activeBorderColorProp = theme.colors.branding.primary,
+      activeBorderColor: activeBorderColorProp = colors.primary,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -246,8 +246,6 @@ class TextField extends React.Component<Props, State> {
       ...rest
     } = this.props;
 
-    const { colors, typography } = theme;
-
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
     const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
     const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
@@ -264,17 +262,17 @@ class TextField extends React.Component<Props, State> {
       backgroundColor,
       inputStyle: StyleProp<TextStyle>;
 
-    inputTextColor = colors.text.strong;
+    inputTextColor = colors.strong;
     if (disabled) {
-      activeColor = colors.text.light;
-      placeholderColor = colors.text.light;
+      activeColor = colors.light;
+      placeholderColor = colors.light;
       borderColor = "transparent";
       underlineColor = "transparent";
-      backgroundColor = colors.border.brand;
+      backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.text.danger : activeBorderColorProp;
-      placeholderColor = borderColor = colors.text.light;
-      underlineColor = underlineColorProp || colors.text.light;
+      activeColor = error ? colors.error : activeBorderColorProp;
+      placeholderColor = borderColor = colors.light;
+      underlineColor = underlineColorProp || colors.light;
       backgroundColor = colors.background;
     }
 
@@ -294,15 +292,14 @@ class TextField extends React.Component<Props, State> {
     };
 
     if (!multiline) {
-      //@ts-ignore
       inputStyle.height = lineHeight;
     }
 
     let assistiveTextLeftMargin;
     if (type === "underline") {
       containerStyle = {
-        borderTopLeftRadius: 8,
-        borderTopRightRadius: 8,
+        borderTopLeftRadius: roundness,
+        borderTopRightRadius: roundness,
         paddingBottom: 12,
         marginTop: 16,
       };
@@ -314,12 +311,12 @@ class TextField extends React.Component<Props, State> {
       }
     } else {
       containerStyle = {
-        borderRadius: 8,
+        borderRadius: roundness,
         borderColor: hasActiveOutline ? activeColor : borderColor,
         borderWidth: 1,
         paddingTop: label ? 16 * 1.5 : 16,
         paddingBottom: label ? 16 * 0.5 : 16,
-        opacity: disabled ? 0.5 : 1,
+        opacity: disabled ? disabledOpacity : 1,
         backgroundColor,
       };
 
@@ -340,11 +337,11 @@ class TextField extends React.Component<Props, State> {
     if (iconColor) {
       leftIconColor = iconColor;
     } else if (error) {
-      leftIconColor = colors.text.danger;
+      leftIconColor = colors.error;
     } else if (this.state.focused) {
-      leftIconColor = colors.branding.primary;
+      leftIconColor = colors.primary;
     } else {
-      leftIconColor = colors.text.light;
+      leftIconColor = colors.light;
     }
 
     const labelStyle = {
@@ -445,7 +442,7 @@ class TextField extends React.Component<Props, State> {
                   backgroundColor:
                     bgColor ||
                     (error
-                      ? colors.background.danger
+                      ? colors.error
                       : this.state.focused
                       ? activeColor
                       : underlineColor),
@@ -539,7 +536,7 @@ class TextField extends React.Component<Props, State> {
         {leftIconName ? (
           <Icon
             size={iconSize || ICON_SIZE}
-            color={leftIconColor || colors.text.light}
+            color={leftIconColor || colors.light}
             name={leftIconName}
             style={{
               position: "absolute",
@@ -553,7 +550,7 @@ class TextField extends React.Component<Props, State> {
           <Icon
             name={rightIconName}
             size={iconSize || ICON_SIZE}
-            color={iconColor || colors.text.light}
+            color={iconColor || colors.light}
             style={{
               position: "absolute",
               right: 16,
@@ -566,7 +563,7 @@ class TextField extends React.Component<Props, State> {
           <Text
             style={[
               {
-                color: error ? colors.text.danger : colors.text.light,
+                color: error ? colors.error : colors.light,
                 marginTop: 8,
                 marginLeft: assistiveTextLeftMargin,
               },

package/src/components/TextInput.js

@@ -1,9 +1,7 @@
 import React from "react";
 import { TextInput as NativeTextInput, Platform, } from "react-native";
 import { useDebounce, useOnUpdate } from "../hooks";
-import { useTheme } from "@draftbit/theme";
 const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, webShowOutline = true, style, disabled = false, editable = true, value, ...rest }, ref) => {
-    const theme = useTheme();
     const delayedValue = useDebounce(value, changeTextDelay);
     useOnUpdate(() => {
         if (delayedValue !== undefined) {
@@ -13,7 +11,6 @@ const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500
     return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, value: value, editable: !disabled && editable, style: [
             //@ts-ignore Web specific prop. Removes default blue outline that appears on the hidden TextInput
             Platform.OS === "web" && !webShowOutline ? { outlineWidth: 0 } : {},
-            { color: theme.colors.text.strong },
             style,
         ], ...rest }));
 });

package/src/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,EAE5B,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEzD,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,YAAY,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,IAAI,QAAQ,EAC/B,KAAK,EAAE;YACL,iGAAiG;YACjG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACnE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;YACnC,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,EAE5B,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AASpD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEzD,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,YAAY,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,IAAI,QAAQ,EAC/B,KAAK,EAAE;YACL,iGAAiG;YACjG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACnE,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/components/TextInput.tsx

@@ -5,7 +5,6 @@ import {
   Platform,
 } from "react-native";
 import { useDebounce, useOnUpdate } from "../hooks";
-import { useTheme } from "@draftbit/theme";
 
 export interface TextInputProps extends NativeTextInputProps {
   webShowOutline?: boolean;
@@ -28,7 +27,6 @@ const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
     },
     ref
   ) => {
-    const theme = useTheme();
     const delayedValue = useDebounce(value, changeTextDelay);
 
     useOnUpdate(() => {
@@ -46,7 +44,6 @@ const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
         style={[
           //@ts-ignore Web specific prop. Removes default blue outline that appears on the hidden TextInput
           Platform.OS === "web" && !webShowOutline ? { outlineWidth: 0 } : {},
-          { color: theme.colors.text.strong },
           style,
         ]}
         {...rest}

package/src/components/Typography.js

@@ -1,13 +1,13 @@
 import React from "react";
 import { Text } from "react-native";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 export const Title = withTheme(({ text, theme, style }) => {
     return (React.createElement(Text, { style: [
             {
                 fontSize: 20,
                 letterSpacing: 0,
                 lineHeight: 26,
-                color: theme.colors.text.normal,
+                color: theme.colors.text,
             },
             style,
         ] }, text));
@@ -18,7 +18,7 @@ export const Subtitle = withTheme(({ text, theme, style }) => {
                 fontSize: 14,
                 letterSpacing: 0,
                 lineHeight: 16,
-                color: theme.colors.text.medium,
+                color: theme.colors.medium,
             },
             style,
         ] }, text));
@@ -29,7 +29,7 @@ export const Caption = withTheme(({ text, theme, style }) => {
                 fontSize: 12,
                 letterSpacing: 0,
                 lineHeight: 14,
-                color: theme.colors.text.light,
+                color: theme.colors.light,
             },
             style,
         ] }, text));

package/src/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAY5C,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;aAChC;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;aAChC;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;aAC/B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/components/Typography.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Text, TextStyle, StyleProp } from "react-native";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import Theme from "../styles/DefaultTheme";
 
 type Props = {
   text: string;
@@ -9,7 +9,7 @@ type Props = {
   /**
    * @optional
    */
-  theme: ReadTheme;
+  theme: typeof Theme;
 };
 
 export const Title = withTheme(({ text, theme, style }: Props) => {
@@ -20,7 +20,7 @@ export const Title = withTheme(({ text, theme, style }: Props) => {
           fontSize: 20,
           letterSpacing: 0,
           lineHeight: 26,
-          color: theme.colors.text.normal,
+          color: theme.colors.text,
         },
         style,
       ]}
@@ -38,7 +38,7 @@ export const Subtitle = withTheme(({ text, theme, style }: Props) => {
           fontSize: 14,
           letterSpacing: 0,
           lineHeight: 16,
-          color: theme.colors.text.medium,
+          color: theme.colors.medium,
         },
         style,
       ]}
@@ -56,7 +56,7 @@ export const Caption = withTheme(({ text, theme, style }: Props) => {
           fontSize: 12,
           letterSpacing: 0,
           lineHeight: 14,
-          color: theme.colors.text.light,
+          color: theme.colors.light,
         },
         style,
       ]}

package/src/deprecated-components/AccordionItem.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Pressable, StyleSheet, View, } from "react-native";
 import Text from "../components/Text";
 import { extractStyles } from "../utilities";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 /**
  * @deprecated DEPRECATED: Use direct children with AccordianGroup
  */
@@ -10,7 +10,7 @@ const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest })
     const { textStyles, viewStyles } = extractStyles(style);
     return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
         React.createElement(View, { style: styles.row },
-            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.branding.primary })) : null,
+            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
             React.createElement(View, { style: [styles.item, styles.content] },
                 React.createElement(Text, { selectable: false, style: textStyles }, label)))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAW5C;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACD,EAAE,EAAE;IACV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,KAAM,IAAI;QACxD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACpB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,GACjD,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC;gBACxC,oBAAC,IAAI,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,IACvC,KAAK,CACD,CACF,CACF,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;KACf;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,CAAC;QACjB,WAAW,EAAE,CAAC;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAWvC;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACD,EAAE,EAAE;IACV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,KAAM,IAAI;QACxD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACpB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,GACxC,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC;gBACxC,oBAAC,IAAI,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,IACvC,KAAK,CACD,CACF,CACF,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;KACf;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,CAAC;QACjB,WAAW,EAAE,CAAC;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,aAAa,CAAC,CAAC"}

package/src/deprecated-components/AccordionItem.tsx

@@ -10,15 +10,15 @@ import {
 import Text from "../components/Text";
 import type { IconSlot } from "../interfaces/Icon";
 import { extractStyles } from "../utilities";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 
 type Props = {
   icon?: string;
   label: string;
   iconColor?: string;
   style?: StyleProp<ViewStyle>;
-  theme: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 /**
@@ -42,7 +42,7 @@ const AccordionItem = ({
           <Icon
             name={icon}
             size={24}
-            color={iconColor || theme.colors.branding.primary}
+            color={iconColor || theme.colors.primary}
           />
         ) : null}
         <View style={[styles.item, styles.content]}>

package/src/deprecated-components/AvatarEdit.js

@@ -2,15 +2,15 @@ import * as React from "react";
 import { View } from "react-native";
 import Touchable from "../components/Touchable";
 import CircleImage from "./CircleImage";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 /**
  * @deprecated DEPRECATED
  */
 const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
     const colorStyles = {
-        editBackgroundColor: theme.colors.branding.primary,
-        editIconColor: theme.colors.background.brand,
-        editBorderColor: theme.colors.background.brand,
+        editBackgroundColor: theme.colors.primary,
+        editIconColor: theme.colors.surface,
+        editBorderColor: theme.colors.surface,
     };
     const dimensions = {
         width: size,

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarEdit.js","sourceRoot":"","sources":["AvatarEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAa5C;;GAEG;AACH,MAAM,UAAU,GAA6C,CAAC,EAC5D,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO;QAClD,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK;QAC5C,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK;KAC/C,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAM,IAAI;QACxC,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO;YACzB,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC1C,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC,CAAC;oBACP,KAAK,EAAE,CAAC,CAAC;oBACT,WAAW,EAAE,WAAW,CAAC,eAAe;oBACxC,eAAe,EAAE,WAAW,CAAC,mBAAmB;oBAChD,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC7B,OAAO,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;iBACzB;gBAED,oBAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,WAAW,CAAC,aAAa,EAChC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GACrB,CACG,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"AvatarEdit.js","sourceRoot":"","sources":["AvatarEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC;;GAEG;AACH,MAAM,UAAU,GAA6C,CAAC,EAC5D,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QACzC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAM,IAAI;QACxC,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO;YACzB,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC1C,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC,CAAC;oBACP,KAAK,EAAE,CAAC,CAAC;oBACT,WAAW,EAAE,WAAW,CAAC,eAAe;oBACxC,eAAe,EAAE,WAAW,CAAC,mBAAmB;oBAChD,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC7B,OAAO,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;iBACzB;gBAED,oBAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,WAAW,CAAC,aAAa,EAChC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GACrB,CACG,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}

package/src/deprecated-components/AvatarEdit.tsx

@@ -2,9 +2,9 @@ import * as React from "react";
 import { View, ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
 import Touchable from "../components/Touchable";
 import CircleImage from "./CircleImage";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 
-import type { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 
 type Props = {
@@ -12,7 +12,7 @@ type Props = {
   size?: number;
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
-  theme: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 /**
@@ -28,9 +28,9 @@ const AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({
   ...rest
 }) => {
   const colorStyles = {
-    editBackgroundColor: theme.colors.branding.primary,
-    editIconColor: theme.colors.background.brand,
-    editBorderColor: theme.colors.background.brand,
+    editBackgroundColor: theme.colors.primary,
+    editIconColor: theme.colors.surface,
+    editBorderColor: theme.colors.surface,
   };
 
   const dimensions = {

package/src/deprecated-components/Banner.js

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { Button, Text, View, StyleSheet, Animated, } from "react-native";
 import Surface from "../components/Surface";
-import { withTheme } from "@draftbit/theme";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
 const ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
 /**
@@ -50,7 +51,7 @@ const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor
     // However we can't animated banner's height directly as it'll also resize the content inside
     const height = Animated.multiply(position, layout.height);
     const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-    return (React.createElement(Surface, { ...rest, style: [styles.container, style] },
+    return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },
         React.createElement(View, { style: [styles.wrapper, contentStyle] },
             React.createElement(Animated.View, { style: { height } }),
             React.createElement(Animated.View, { onLayout: handleLayout, style: [
@@ -69,9 +70,9 @@ const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor
                 React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },
                     icon ? (React.createElement(View, { style: styles.icon },
                         React.createElement(Icon, { name: icon, size: 40 }))) : null,
-                    React.createElement(Text, { style: [styles.message, { color: theme.colors.text.normal }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
+                    React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
                 dismissable ? (React.createElement(View, { style: styles.actions },
-                    React.createElement(Button, { color: buttonColor || theme.colors.branding.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
+                    React.createElement(Button, { color: buttonColor || theme.colors.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
 };
 const styles = StyleSheet.create({
     container: {

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

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

package/src/deprecated-components/Banner.tsx

@@ -10,8 +10,9 @@ import {
 } from "react-native";
 import Surface from "../components/Surface";
 import type { IconSlot } from "../interfaces/Icon";
-import { withTheme } from "@draftbit/theme";
-import type { ReadTheme } from "@draftbit/theme";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
 
 const ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
@@ -28,7 +29,7 @@ type Props = {
   /**
    * @optional
    */
-  theme: ReadTheme;
+  theme: Theme;
 } & IconSlot;
 
 type NativeEvent = {
@@ -114,7 +115,10 @@ const Banner: React.FC<React.PropsWithChildren<Props>> = ({
   );
 
   return (
-    <Surface {...rest} style={[styles.container, style]}>
+    <Surface
+      {...rest}
+      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}
+    >
       <View style={[styles.wrapper, contentStyle]}>
         <Animated.View style={{ height }} />
         <Animated.View
@@ -142,7 +146,7 @@ const Banner: React.FC<React.PropsWithChildren<Props>> = ({
               </View>
             ) : null}
             <Text
-              style={[styles.message, { color: theme.colors.text.normal }]}
+              style={[styles.message, { color: theme.colors.text }]}
               accessibilityLiveRegion={visible ? "polite" : "none"}
               accessibilityRole="alert"
             >
@@ -152,7 +156,7 @@ const Banner: React.FC<React.PropsWithChildren<Props>> = ({
           {dismissable ? (
             <View style={styles.actions}>
               <Button
-                color={buttonColor || theme.colors.branding.primary}
+                color={buttonColor || theme.colors.primary}
                 title="Close"
                 onPress={() => setVisible(false)}
               />

package/src/deprecated-components/Card.js

@@ -3,7 +3,7 @@ import { StyleSheet, View, Pressable, } from "react-native";
 import Image from "../components/Image";
 import Surface from "../components/Surface";
 import { Title, Subtitle, Caption } from "../components/Typography";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 import Config from "../components/Config";
 const ICON_SIZE = Config.cardIconSize;
 const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
@@ -30,14 +30,14 @@ export const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) =>
                     },
                 ];
             } },
-            React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.background.brand }))));
+            React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));
 });
 /**
  * @deprecated DEPRECATED
  */
 const Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {
     const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});
-    const backgroundColor = bgColor ? bgColor : theme.colors.background.brand;
+    const backgroundColor = bgColor ? bgColor : theme.colors.surface;
     const innerPadding = padding ? padding : 12;
     return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },
         React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {

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

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

package/src/deprecated-components/Card.tsx

@@ -12,10 +12,10 @@ import Image from "../components/Image";
 import Surface from "../components/Surface";
 import { Title, Subtitle, Caption } from "../components/Typography";
 
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 import Config from "../components/Config";
 
-import type { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 
 const ICON_SIZE = Config.cardIconSize;
@@ -31,7 +31,7 @@ export const TopRightCircleIcon = withTheme(
     onPress,
   }: {
     icon: string;
-    theme: ReadTheme;
+    theme: Theme;
     onPress?: () => void;
   } & IconSlot) => {
     return (
@@ -61,11 +61,7 @@ export const TopRightCircleIcon = withTheme(
             ];
           }}
         >
-          <Icon
-            name={icon}
-            size={ICON_SIZE}
-            color={theme.colors.background.brand}
-          />
+          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />
         </Pressable>
       </Surface>
     );
@@ -82,7 +78,7 @@ type Props = {
   aspectRatio?: number;
   elevation?: number;
   numColumns?: number;
-  theme: ReadTheme;
+  theme: Theme;
   titleStyle?: StyleProp<TextStyle>;
   subtitleStyle?: StyleProp<TextStyle>;
   descriptionStyle?: StyleProp<TextStyle>;
@@ -120,7 +116,7 @@ const Card: React.FC<React.PropsWithChildren<Props>> = ({
     ...styles
   } = StyleSheet.flatten(style || {});
 
-  const backgroundColor = bgColor ? bgColor : theme.colors.background.brand;
+  const backgroundColor = bgColor ? bgColor : theme.colors.surface;
   const innerPadding = padding ? padding : 12;
 
   return (

package/src/deprecated-components/CheckboxGroup.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, StyleProp, ViewStyle } from "react-native";
-import type { ReadTheme } from "@draftbit/theme";
+import type { Theme } from "../styles/DefaultTheme";
 import {
   checkboxGroupContext,
   Direction,
@@ -11,7 +11,7 @@ export interface CheckboxGroupProps {
   style?: StyleProp<ViewStyle>;
   values: string[];
   onValueChange: (value: string, selected: boolean) => void;
-  theme: ReadTheme;
+  theme: Theme;
   children: React.ReactNode;
 }
 

package/src/deprecated-components/Container.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, ImageBackground, StyleSheet, } from "react-native";
-import { withTheme } from "@draftbit/theme";
+import { withTheme } from "../theming";
 import Elevation from "../components/Elevation";
 /**
  * @deprecated DEPRECATED