@draftbit/core 46.4.4-746597.2 → 46.4.4-75acde.2

package/lib/typescript/src/mappings/HtmlElements.d.ts

@@ -0,0 +1,49 @@
+export declare const SEED_DATA: ({
+    category: string;
+    doc_link: string;
+    code_link: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+} | {
+    props: {
+        href: any;
+        target: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            defaultValue: string;
+            options: string[];
+        };
+    };
+    category: string;
+    doc_link: string;
+    code_link: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+} | {
+    props: {
+        href?: undefined;
+        target?: undefined;
+    };
+    category: string;
+    doc_link: string;
+    code_link: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+})[];

package/lib/typescript/src/mappings/Icon.d.ts

@@ -39,4 +39,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/src/mappings/IconButton.d.ts

@@ -59,4 +59,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/src/mappings/Image.d.ts

@@ -45,4 +45,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Image.d.ts.map

package/lib/typescript/src/mappings/ImageBackground.d.ts

@@ -55,4 +55,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=ImageBackground.d.ts.map

package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts

@@ -38,4 +38,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=KeyboardAvoidingView.d.ts.map

package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts

@@ -102,4 +102,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=KeyboardAwareScrollView.d.ts.map

package/lib/typescript/src/mappings/Layout.d.ts

@@ -166,4 +166,3 @@ export declare const SEED_DATA: ({
         height?: undefined;
     };
 })[];
-//# sourceMappingURL=Layout.d.ts.map

package/lib/typescript/src/mappings/LinearGradient.d.ts

@@ -95,4 +95,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=LinearGradient.d.ts.map

package/lib/typescript/src/mappings/MapCallout.d.ts

@@ -29,4 +29,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=MapCallout.d.ts.map

package/lib/typescript/src/mappings/MapMarker.d.ts

@@ -52,4 +52,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=MapMarker.d.ts.map

package/lib/typescript/src/mappings/MapView.d.ts

@@ -166,4 +166,3 @@ export declare const SEED_DATA: {
         apiKey: any;
     };
 };
-//# sourceMappingURL=MapView.d.ts.map

package/lib/typescript/src/mappings/Modal.d.ts

@@ -49,4 +49,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Modal.d.ts.map

package/lib/typescript/src/mappings/NumberInput.d.ts

@@ -296,4 +296,3 @@ export declare const SEED_DATA: {
         };
     };
 }[];
-//# sourceMappingURL=NumberInput.d.ts.map

package/lib/typescript/src/mappings/Picker.d.ts

@@ -157,4 +157,3 @@ export declare const SEED_DATA: {
     };
     layout: {};
 }[];
-//# sourceMappingURL=Picker.d.ts.map

package/lib/typescript/src/mappings/ProgressBar.d.ts

@@ -96,4 +96,3 @@ export declare const SEED_DATA: {
         height: number;
     };
 }[];
-//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/typescript/src/mappings/ProgressCircle.d.ts

@@ -106,4 +106,3 @@ export declare const SEED_DATA: {
         height: number;
     };
 };
-//# sourceMappingURL=ProgressCircle.d.ts.map

package/lib/typescript/src/mappings/ProgressIndicator.d.ts

@@ -178,4 +178,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=ProgressIndicator.d.ts.map

package/lib/typescript/src/mappings/RadioButton.d.ts

@@ -69,4 +69,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=RadioButton.d.ts.map

package/lib/typescript/src/mappings/RadioButtonGroup.d.ts

@@ -31,4 +31,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=RadioButtonGroup.d.ts.map

package/lib/typescript/src/mappings/RadioButtonRow.d.ts

@@ -40,4 +40,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=RadioButtonRow.d.ts.map

package/lib/typescript/src/mappings/RowBodyIcon.d.ts

@@ -70,4 +70,3 @@ export declare const SEED_DATA: ({
     };
     layout: {};
 })[];
-//# sourceMappingURL=RowBodyIcon.d.ts.map

package/lib/typescript/src/mappings/RowHeadlineImageCaption.d.ts

@@ -163,4 +163,3 @@ export declare const SEED_DATA: ({
     };
     layout: {};
 })[];
-//# sourceMappingURL=RowHeadlineImageCaption.d.ts.map

package/lib/typescript/src/mappings/RowHeadlineImageIcon.d.ts

@@ -167,4 +167,3 @@ export declare const SEED_DATA: ({
         };
     };
 })[];
-//# sourceMappingURL=RowHeadlineImageIcon.d.ts.map

package/lib/typescript/src/mappings/SVG.d.ts

@@ -21,4 +21,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=SVG.d.ts.map

package/lib/typescript/src/mappings/SafeAreaView.d.ts

@@ -30,4 +30,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=SafeAreaView.d.ts.map

package/lib/typescript/src/mappings/ScrollView.d.ts

@@ -48,4 +48,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=ScrollView.d.ts.map

package/lib/typescript/src/mappings/Slider.d.ts

@@ -107,4 +107,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Slider.d.ts.map

package/lib/typescript/src/mappings/StarRating.d.ts

@@ -72,4 +72,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=StarRating.d.ts.map

package/lib/typescript/src/mappings/Stepper.d.ts

@@ -64,4 +64,3 @@ export declare const SEED_DATA: {
         };
     };
 }[];
-//# sourceMappingURL=Stepper.d.ts.map

package/lib/typescript/src/mappings/Surface.d.ts

@@ -21,4 +21,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Surface.d.ts.map

package/lib/typescript/src/mappings/Swiper.d.ts

@@ -104,4 +104,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Swiper.d.ts.map

package/lib/typescript/src/mappings/SwiperItem.d.ts

@@ -5,4 +5,3 @@ export declare const SEED_DATA: {
     category: string;
     props: {};
 };
-//# sourceMappingURL=SwiperItem.d.ts.map

package/lib/typescript/src/mappings/Switch.d.ts

@@ -161,4 +161,3 @@ export declare const SEED_DATA: ({
         };
     };
 })[];
-//# sourceMappingURL=Switch.d.ts.map

package/lib/typescript/src/mappings/Text.d.ts

@@ -408,4 +408,3 @@ export declare const SEED_DATA: ({
     };
     description?: undefined;
 })[];
-//# sourceMappingURL=Text.d.ts.map

package/lib/typescript/src/mappings/TextArea.d.ts

@@ -239,4 +239,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=TextArea.d.ts.map

package/lib/typescript/src/mappings/TextField.d.ts

@@ -606,4 +606,3 @@ export declare const SEED_DATA: ({
     };
     layout: {};
 })[];
-//# sourceMappingURL=TextField.d.ts.map

package/lib/typescript/src/mappings/TextInput.d.ts

@@ -392,4 +392,3 @@ export declare const SEED_DATA: {
         };
     };
 }[];
-//# sourceMappingURL=TextInput.d.ts.map

package/lib/typescript/src/mappings/ToggleButton.d.ts

@@ -113,4 +113,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=ToggleButton.d.ts.map

package/lib/typescript/src/mappings/Touchable.d.ts

@@ -19,4 +19,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Touchable.d.ts.map

package/lib/typescript/src/mappings/Video.d.ts

@@ -126,4 +126,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=Video.d.ts.map

package/lib/typescript/src/mappings/View.d.ts

@@ -176,4 +176,3 @@ export declare const SEED_DATA: {
         };
     };
 };
-//# sourceMappingURL=View.d.ts.map

package/lib/typescript/src/mappings/WebView.d.ts

@@ -132,4 +132,3 @@ export declare const SEED_DATA: {
         applicationNameForUserAgent: any;
     };
 };
-//# sourceMappingURL=WebView.d.ts.map

package/lib/typescript/src/styles/DarkTheme.d.ts

@@ -1,4 +1,3 @@
 import type { Theme } from "./DefaultTheme";
 declare const DarkTheme: Theme;
 export default DarkTheme;
-//# sourceMappingURL=DarkTheme.d.ts.map

package/lib/typescript/src/styles/DefaultTheme.d.ts

@@ -1498,5 +1498,4 @@ declare const DefaultTheme: {
     };
 };
 export default DefaultTheme;
-export type Theme = typeof DefaultTheme;
-//# sourceMappingURL=DefaultTheme.d.ts.map
+export declare type Theme = typeof DefaultTheme;

package/lib/typescript/src/styles/fonts.d.ts

@@ -3,4 +3,3 @@ import type { Fonts } from "@draftbit/types";
 export default function configureFonts(config?: {
     [platform in PlatformOSType | "default"]?: Fonts;
 }): Fonts;
-//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/src/styles/overlay.d.ts

@@ -1,3 +1,2 @@
 import { Animated } from "react-native";
 export default function overlay<T extends Animated.Value | number>(elevation: T, surfaceColor?: string): T extends number ? string : Animated.AnimatedInterpolation;
-//# sourceMappingURL=overlay.d.ts.map

package/lib/typescript/src/styles/shadow.d.ts

@@ -21,4 +21,3 @@ export default function shadow(elevation?: number | Animated.Value): {
     shadowOpacity: number;
     shadowRadius: number;
 };
-//# sourceMappingURL=shadow.d.ts.map

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

@@ -6,4 +6,3 @@ export declare const ThemeProvider: import("react").ComponentType<{
 }, C>(WrappedComponent: import("react").ComponentType<Props> & C) => import("react").ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<Props> & C, {}>, useTheme: (overrides?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined) => any;
-//# sourceMappingURL=theming.d.ts.map

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

@@ -24,4 +24,3 @@ export declare function extractBorderAndMarginStyles(style: StyleProp<any>, addi
  */
 export declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
 export declare function getValueForRadioButton(value: string | number): string;
-//# sourceMappingURL=utilities.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-746597.2+746597b",
+  "version": "46.4.4-75acde.2+75acde0",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,8 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-746597.2+746597b",
-    "@gorhom/bottom-sheet": "4.4.5",
+    "@draftbit/types": "^46.4.4-75acde.2+75acde0",
+    "@expo/html-elements": "^0.2.2",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -55,7 +55,6 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-scroll-bottom-sheet": "0.7.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
@@ -83,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "746597b77ca127593563f0e72176dce387637c03"
+  "gitHead": "75acde0c96c20de82f2aa6a0adc863127b89309e"
 }

package/src/components/Picker/Picker.js

@@ -194,7 +194,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
                     React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
         !isIos && pickerVisible ? (React.createElement(NativePicker, { enabled: pickerVisible, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
 };
-export default withTheme(Picker);
 const styles = StyleSheet.create({
     marginsContainer: {
         alignSelf: "stretch",
@@ -265,3 +264,4 @@ const styles = StyleSheet.create({
         maxHeight: deviceHeight,
     },
 });
+export default withTheme(Picker);

package/src/components/Picker/Picker.tsx

@@ -406,8 +406,6 @@ const Picker: React.FC<PickerProps> = ({
   );
 };
 
-export default withTheme(Picker);
-
 const styles = StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -478,3 +476,5 @@ const styles = StyleSheet.create({
     maxHeight: deviceHeight,
   },
 });
+
+export default withTheme(Picker);

package/src/components/Stepper.js

@@ -3,7 +3,9 @@ import { View, Text } from "react-native";
 import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, typeStyle, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+import { extractStyles } from "../utilities";
+const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+    const { viewStyles, textStyles } = extractStyles(style);
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
     const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;
     const handlePlusOrMinus = (type) => {
@@ -22,7 +24,7 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [valueProp]);
-    return (React.createElement(View, { style: [{ flexDirection: "row" }, style] },
+    return (React.createElement(View, { style: [{ flexDirection: "row" }, viewStyles] },
         React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: () => handlePlusOrMinus("minus"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),
         React.createElement(Text, { style: [
                 typography.body1,
@@ -32,7 +34,7 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
                     color: colors.medium,
                     marginHorizontal: 8,
                 },
-                typeStyle,
+                textStyles,
             ] }, value),
         React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
 };

package/src/components/Stepper.tsx

@@ -6,14 +6,14 @@ import { withTheme } from "../theming";
 import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 import IconButton from "./IconButton";
+import { extractStyles } from "../utilities";
 
 type Props = {
   min: number;
   max: number;
   value?: number;
   defaultValue?: number;
-  style?: StyleProp<ViewStyle>;
-  typeStyle?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle | TextStyle>;
   iconSize: number;
   iconColor?: string;
   onChange?: (value: number) => void;
@@ -26,13 +26,13 @@ const Stepper: FC<Props> = ({
   value: valueProp,
   defaultValue,
   style,
-  typeStyle,
   iconSize = 24,
   iconColor,
   onChange,
   theme: { colors, typography },
   Icon,
 }) => {
+  const { viewStyles, textStyles } = extractStyles(style);
   const [value, setValue] = useState(defaultValue ?? 0);
 
   const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;
@@ -59,7 +59,7 @@ const Stepper: FC<Props> = ({
   }, [valueProp]);
 
   return (
-    <View style={[{ flexDirection: "row" }, style]}>
+    <View style={[{ flexDirection: "row" }, viewStyles]}>
       <IconButton
         Icon={Icon}
         icon="MaterialIcons/remove"
@@ -79,7 +79,7 @@ const Stepper: FC<Props> = ({
             color: colors.medium,
             marginHorizontal: 8,
           },
-          typeStyle,
+          textStyles,
         ]}
       >
         {value}

package/src/index.js

@@ -29,9 +29,9 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
+export * from "@expo/html-elements";
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";

package/src/index.tsx

@@ -34,7 +34,6 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 
 export {
   Center,
@@ -52,6 +51,8 @@ export {
   RadioButtonFieldGroup,
 } from "./components/RadioButton/index";
 
+export * from "@expo/html-elements";
+
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";