@draftbit/core 46.4.4-74e9b3.2 → 46.4.4-75acde.2

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

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

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

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

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

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

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

@@ -5,7 +5,6 @@ export declare const SEED_DATA: {
     category: string;
     layout: null;
     triggers: string[];
-    StylesPanelSections: string[];
     props: {
         type: {
             label: string;
@@ -28,27 +27,6 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
-        labelSize: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        labelColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
         mode: {
             label: string;
             description: string;
@@ -60,26 +38,6 @@ export declare const SEED_DATA: {
             options: string[];
             group: string;
         };
-        borderColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        borderColorActive: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
         format: {
             label: string;
             description: string;
@@ -155,4 +113,3 @@ export declare const SEED_DATA: {
         };
     };
 }[];
-//# sourceMappingURL=DatePicker.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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-74e9b3.2+74e9b37",
+  "version": "46.4.4-75acde.2+75acde0",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,8 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-74e9b3.2+74e9b37",
+    "@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",
@@ -81,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "74e9b37aeeedac9050ba05a1f84cdd4afdd2c574"
+  "gitHead": "75acde0c96c20de82f2aa6a0adc863127b89309e"
 }

package/src/components/DatePicker/DatePicker.js

@@ -6,7 +6,6 @@ import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
-import { extractStyles } from "../../utilities";
 const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -25,7 +24,7 @@ const MONTHS = [
     "November",
     "December",
 ];
-const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, ...props }) => {
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, placeholder, ...props }) => {
     const [value, setValue] = React.useState(date || defaultValue);
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -37,7 +36,6 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
     const [placeholder1, setPlaceholder1] = React.useState("");
     const [focused, setFocused] = React.useState(false);
     const [labelLayout, setLabelLayout] = React.useState({ measured: false, width: 0 });
-    const { textStyles } = extractStyles(style);
     const getValidDate = () => {
         if (!value) {
             return new Date();
@@ -127,10 +125,8 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
     };
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
     const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
-    const MAXIMIZED_LABEL_FONT_SIZE = (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontSize) || typography.subtitle1.fontSize;
-    const MINIMIZED_LABEL_FONT_SIZE = labelSize
-        ? labelSize
-        : typography.caption.fontSize;
+    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
+    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;
     const hasActiveOutline = focused;
     let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
     inputTextColor = colors.strong;
@@ -142,9 +138,9 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
         backgroundColor = colors.divider;
     }
     else {
-        activeColor = inputBorderColorActive || colors.primary;
-        placeholderColor = borderColor = inputBorderColor || colors.light;
-        underlineColor = inputBorderColor || colors.light;
+        activeColor = colors.primary;
+        placeholderColor = borderColor = colors.light;
+        underlineColor = colors.light;
         backgroundColor = colors.background;
     }
     const { lineHeight, ...subtitle1 } = typography.subtitle1;
@@ -206,7 +202,6 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
     const labelStyle = {
         ...typography.subtitle1,
         top: type === "solid" ? 16 : 0,
-        fontFamily: textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily,
         left: leftIconName && leftIconMode === "inset"
             ? ICON_SIZE + (type === "solid" ? 16 : 12)
             : 0,
@@ -250,7 +245,6 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
         styles.input,
         inputStyle,
         type === "solid" ? { marginHorizontal: 12 } : {},
-        textStyles,
     ];
     // const render = (props) => <NativeTextInput {...props} />;
     return (React.createElement(View, { style: [styles.container, style] },
@@ -288,7 +282,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                                     type === "solid" ? { paddingHorizontal: 12 } : {},
                                     labelStyle,
                                     {
-                                        color: labelColor || colors.light,
+                                        color: colors.light,
                                         opacity: labeled.interpolate({
                                             inputRange: [0, 1],
                                             outputRange: [hasActiveOutline ? 1 : 0, 0],
@@ -300,7 +294,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                                     type === "solid" ? { paddingHorizontal: 12 } : {},
                                     labelStyle,
                                     {
-                                        color: labelColor || placeholder,
+                                        color: placeholderColor,
                                         opacity: hasActiveOutline ? labeled : 1,
                                     },
                                 ], numberOfLines: 1 }, label))) : null,