@draftbit/core 48.5.5-ee2f75.2 → 48.5.6

package/src/index.tsx

@@ -1,103 +1,103 @@
-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";
-export { default as Divider } from "./components/Divider";
-export { default as IconButton } from "./components/IconButton";
-export { default as Image } from "./components/Image";
-export { default as SVG } from "./components/SVG";
-export { default as NumberInput } from "./components/NumberInput";
-export { default as ScreenContainer } from "./components/ScreenContainer";
-export { default as StarRating } from "./components/StarRating";
-export { default as Surface } from "./components/Surface";
-export { default as Switch, SwitchRow } from "./components/Switch";
-export { default as TextField } from "./components/TextField";
-export { default as Touchable } from "./components/Touchable";
-export { default as Pressable } from "./components/Pressable";
-export { default as AccordionGroup } from "./components/AccordionGroup";
-export {
-  ActionSheet,
-  ActionSheetItem,
-  ActionSheetCancel,
-} from "./components/ActionSheet";
-export { Swiper, SwiperItem } from "./components/Swiper";
-export {
-  RadioButton,
-  RadioButtonGroup,
-  RadioButtonRow,
-} from "./components/RadioButton/index";
-export { default as Shadow } from "./components/Shadow";
-export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
-export { TabView, TabViewItem } from "./components/TabView";
-export { default as Markdown } from "./components/Markdown";
-export { BottomSheet } from "./components/BottomSheet";
-export { YoutubePlayer } from "./components/YoutubePlayer";
-export { Table, TableRow, TableCell } from "./components/Table";
-export {
-  SwipeableItem,
-  SwipeableItemButton,
-  SwipeableList,
-} from "./components/SwipeableItem";
-export {
-  default as AudioPlayer,
-  AudioPlayerRef,
-} from "./components/MediaPlayer/AudioPlayer";
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
-export { Picker, MultiSelectPicker, PickerItem } from "./components/Picker";
-export { default as Slider } from "./components/Slider";
-export { default as Stepper } from "./components/Stepper";
-export { SectionList, SectionHeader } from "./components/SectionList";
-export { default as LinearProgress } from "./components/Progress/LinearProgress";
-export { default as CircularProgress } from "./components/Progress/CircularProgress";
-export { default as TextInput } from "./components/TextInput";
-export {
-  default as VideoPlayer,
-  VideoPlayerRef,
-} from "./components/MediaPlayer/VideoPlayer";
-export {
-  PinInput,
-  CustomPinInputCell,
-  PinInputText as CustomPinInputText,
-} from "./components/PinInput";
-export {
-  AspectRatio,
-  Circle,
-  Center,
-  HStack,
-  VStack,
-  ZStack,
-  Spacer,
-  Square,
-} from "./components/Layout";
-
-/* Deprecated: Fix or Delete!  */
-export { default as AccordionItem } from "./deprecated-components/AccordionItem";
-export { default as AvatarEdit } from "./deprecated-components/AvatarEdit";
-export { default as Avatar } from "./deprecated-components/CircleImage";
-export { default as Banner } from "./deprecated-components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
-export { default as Card } from "./deprecated-components/Card";
-export { default as CheckboxGroup } from "./deprecated-components/CheckboxGroup";
-export { default as CircleImage } from "./deprecated-components/CircleImage";
-export { default as Container } from "./deprecated-components/Container";
-export { default as FAB } from "./deprecated-components/FAB";
-export { default as FieldSearchBarFull } from "./deprecated-components/FieldSearchBarFull";
-export {
-  Center as DeprecatedCenter,
-  Circle as DeprecatedCircle,
-  Square as DeprecatedSquare,
-  Row,
-  Stack,
-} from "./deprecated-components/Layout";
-export { default as ToggleButton } from "./deprecated-components/ToggleButton";
-export { default as ProgressBar } from "./deprecated-components/ProgressBar";
-export { default as ProgressCircle } from "./deprecated-components/ProgressCircle";
-export { default as RadioButtonFieldGroup } from "./deprecated-components/RadioButtonFieldGroup";
-export { default as RowBodyIcon } from "./deprecated-components/RowBodyIcon";
-export { default as RowHeadlineImageCaption } from "./deprecated-components/RowHeadlineImageCaption";
-export { default as RowHeadlineImageIcon } from "./deprecated-components/RowHeadlineImageIcon";
-export { useAuthState } from "./components/useAuthState";
+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";
+export { default as Divider } from "./components/Divider";
+export { default as IconButton } from "./components/IconButton";
+export { default as Image } from "./components/Image";
+export { default as SVG } from "./components/SVG";
+export { default as NumberInput } from "./components/NumberInput";
+export { default as ScreenContainer } from "./components/ScreenContainer";
+export { default as StarRating } from "./components/StarRating";
+export { default as Surface } from "./components/Surface";
+export { default as Switch, SwitchRow } from "./components/Switch";
+export { default as TextField } from "./components/TextField";
+export { default as Touchable } from "./components/Touchable";
+export { default as Pressable } from "./components/Pressable";
+export { default as AccordionGroup } from "./components/AccordionGroup";
+export {
+  ActionSheet,
+  ActionSheetItem,
+  ActionSheetCancel,
+} from "./components/ActionSheet";
+export { Swiper, SwiperItem } from "./components/Swiper";
+export {
+  RadioButton,
+  RadioButtonGroup,
+  RadioButtonRow,
+} from "./components/RadioButton/index";
+export { default as Shadow } from "./components/Shadow";
+export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
+export { TabView, TabViewItem } from "./components/TabView";
+export { default as Markdown } from "./components/Markdown";
+export { BottomSheet } from "./components/BottomSheet";
+export { YoutubePlayer } from "./components/YoutubePlayer";
+export { Table, TableRow, TableCell } from "./components/Table";
+export {
+  SwipeableItem,
+  SwipeableItemButton,
+  SwipeableList,
+} from "./components/SwipeableItem";
+export {
+  default as AudioPlayer,
+  AudioPlayerRef,
+} from "./components/MediaPlayer/AudioPlayer";
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { Picker, MultiSelectPicker, PickerItem } from "./components/Picker";
+export { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
+export { SectionList, SectionHeader } from "./components/SectionList";
+export { default as LinearProgress } from "./components/Progress/LinearProgress";
+export { default as CircularProgress } from "./components/Progress/CircularProgress";
+export { default as TextInput } from "./components/TextInput";
+export {
+  default as VideoPlayer,
+  VideoPlayerRef,
+} from "./components/MediaPlayer/VideoPlayer";
+export {
+  PinInput,
+  CustomPinInputCell,
+  PinInputText as CustomPinInputText,
+} from "./components/PinInput";
+export {
+  AspectRatio,
+  Circle,
+  Center,
+  HStack,
+  VStack,
+  ZStack,
+  Spacer,
+  Square,
+} from "./components/Layout";
+
+/* Deprecated: Fix or Delete!  */
+export { default as AccordionItem } from "./deprecated-components/AccordionItem";
+export { default as AvatarEdit } from "./deprecated-components/AvatarEdit";
+export { default as Avatar } from "./deprecated-components/CircleImage";
+export { default as Banner } from "./deprecated-components/Banner";
+export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { default as Card } from "./deprecated-components/Card";
+export { default as CheckboxGroup } from "./deprecated-components/CheckboxGroup";
+export { default as CircleImage } from "./deprecated-components/CircleImage";
+export { default as Container } from "./deprecated-components/Container";
+export { default as FAB } from "./deprecated-components/FAB";
+export { default as FieldSearchBarFull } from "./deprecated-components/FieldSearchBarFull";
+export {
+  Center as DeprecatedCenter,
+  Circle as DeprecatedCircle,
+  Square as DeprecatedSquare,
+  Row,
+  Stack,
+} from "./deprecated-components/Layout";
+export { default as ToggleButton } from "./deprecated-components/ToggleButton";
+export { default as ProgressBar } from "./deprecated-components/ProgressBar";
+export { default as ProgressCircle } from "./deprecated-components/ProgressCircle";
+export { default as RadioButtonFieldGroup } from "./deprecated-components/RadioButtonFieldGroup";
+export { default as RowBodyIcon } from "./deprecated-components/RowBodyIcon";
+export { default as RowHeadlineImageCaption } from "./deprecated-components/RowHeadlineImageCaption";
+export { default as RowHeadlineImageIcon } from "./deprecated-components/RowHeadlineImageIcon";
+export { useAuthState } from "./components/useAuthState";

package/src/interfaces/Icon.ts

@@ -1,31 +1,31 @@
-/**
- * This is an interface for a hybrid component.
- *
- * Its public implementation is `@draftbit/native`, and it is injected inside
- * `@draftbit/ui`.
- */
-import React from "react";
-import { ViewProps, StyleProp, ImageStyle } from "react-native";
-
-type Props = {
-  name: string;
-  color?: string;
-  size: number;
-  style?: StyleProp<ImageStyle>;
-} & ViewProps;
-
-export type IconI = React.ComponentType<Props>;
-
-export interface IconSlot {
-  Icon: IconI;
-}
-
-type $Without<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-export const injectIcon = <P extends IconSlot>(
-  Component: React.ComponentType<P>,
-  Icon: IconI
-) =>
-  React.forwardRef<any, $Without<P, "Icon">>((props, ref) =>
-    React.createElement(Component, { ...(props as P), Icon, ref })
-  );
+/**
+ * This is an interface for a hybrid component.
+ *
+ * Its public implementation is `@draftbit/native`, and it is injected inside
+ * `@draftbit/ui`.
+ */
+import React from "react";
+import { ViewProps, StyleProp, ImageStyle } from "react-native";
+
+type Props = {
+  name: string;
+  color?: string;
+  size: number;
+  style?: StyleProp<ImageStyle>;
+} & ViewProps;
+
+export type IconI = React.ComponentType<Props>;
+
+export interface IconSlot {
+  Icon: IconI;
+}
+
+type $Without<T, K> = Pick<T, Exclude<keyof T, K>>;
+
+export const injectIcon = <P extends IconSlot>(
+  Component: React.ComponentType<P>,
+  Icon: IconI
+) =>
+  React.forwardRef<any, $Without<P, "Icon">>((props, ref) =>
+    React.createElement(Component, { ...(props as P), Icon, ref })
+  );

package/src/styles/DarkTheme.tsx

@@ -1,30 +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;
+// @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;

package/src/styles/DefaultTheme.tsx

@@ -1,114 +1,114 @@
-import { systemWeights } from "react-native-typography";
-import configureFonts from "./fonts";
-
-const DefaultTheme = {
-  disabledOpacity: 0.5,
-  roundness: 8,
-  dark: false,
-  mode: "exact",
-  borderRadius: {
-    global: 6,
-    button: 24,
-  },
-  colors: {
-    primary: "rgba(90, 69, 255, 1)",
-    secondary: "rgba(59, 201, 234, 1)",
-    surface: "rgba(255, 255, 255, 1)",
-    background: "rgba(251, 252, 253, 1)",
-    error: "rgba(255, 69, 100, 1)",
-    divider: "rgba(200, 200, 200, 1)",
-    strong: "rgba(18, 20, 44, 1)",
-    medium: "rgba(70, 78, 88, 1)",
-    strongInverse: "rgba(255, 255, 255, 1)",
-    mediumInverse: "rgba(255, 255, 255, 0.87)",
-    lightInverse: "rgba(255, 255, 255, 0.68)",
-    light: "rgba(165, 173, 183, 1)",
-    text: "#000",
-    placeholder: "#333",
-    disabled: "rgba(0, 0, 0, 0.25)",
-  },
-  fonts: configureFonts(),
-  typography: {
-    headline1: {
-      ...systemWeights.regular,
-      fontSize: 60,
-      letterSpacing: 0,
-      lineHeight: 71,
-    },
-    headline2: {
-      ...systemWeights.regular,
-      fontSize: 48,
-      letterSpacing: 0,
-      lineHeight: 58,
-    },
-    headline3: {
-      ...systemWeights.regular,
-      fontSize: 34,
-      letterSpacing: 0,
-      lineHeight: 40,
-    },
-    headline4: {
-      ...systemWeights.regular,
-      fontSize: 24,
-      letterSpacing: 0,
-      lineHeight: 34,
-    },
-    headline5: {
-      ...systemWeights.regular,
-      fontSize: 20,
-      letterSpacing: 0,
-      lineHeight: 26,
-    },
-    subtitle1: {
-      ...systemWeights.regular,
-      fontSize: 16,
-      letterSpacing: 0,
-      lineHeight: 26,
-    },
-    subtitle2: {
-      ...systemWeights.regular,
-      fontSize: 14,
-      letterSpacing: 0,
-      lineHeight: 22,
-    },
-    body1: {
-      ...systemWeights.regular,
-      fontSize: 16,
-      letterSpacing: 0,
-      lineHeight: 26,
-    },
-    body2: {
-      ...systemWeights.regular,
-      fontSize: 14,
-      letterSpacing: 0,
-      lineHeight: 22,
-    },
-    button: {
-      ...systemWeights.regular,
-      fontSize: 14,
-      letterSpacing: 0,
-      lineHeight: 16,
-    },
-    caption: {
-      ...systemWeights.regular,
-      fontSize: 12,
-      letterSpacing: 0,
-      lineHeight: 16,
-    },
-    overline: {
-      ...systemWeights.regular,
-      fontSize: 12,
-      letterSpacing: 2,
-      lineHeight: 16,
-    },
-    headline6: {
-      ...systemWeights.regular,
-      fontSize: 16,
-      letterSpacing: 0,
-      lineHeight: 24,
-    },
-  },
-};
-
-export default DefaultTheme;
-export type Theme = typeof DefaultTheme;
+import { systemWeights } from "react-native-typography";
+import configureFonts from "./fonts";
+
+const DefaultTheme = {
+  disabledOpacity: 0.5,
+  roundness: 8,
+  dark: false,
+  mode: "exact",
+  borderRadius: {
+    global: 6,
+    button: 24,
+  },
+  colors: {
+    primary: "rgba(90, 69, 255, 1)",
+    secondary: "rgba(59, 201, 234, 1)",
+    surface: "rgba(255, 255, 255, 1)",
+    background: "rgba(251, 252, 253, 1)",
+    error: "rgba(255, 69, 100, 1)",
+    divider: "rgba(200, 200, 200, 1)",
+    strong: "rgba(18, 20, 44, 1)",
+    medium: "rgba(70, 78, 88, 1)",
+    strongInverse: "rgba(255, 255, 255, 1)",
+    mediumInverse: "rgba(255, 255, 255, 0.87)",
+    lightInverse: "rgba(255, 255, 255, 0.68)",
+    light: "rgba(165, 173, 183, 1)",
+    text: "#000",
+    placeholder: "#333",
+    disabled: "rgba(0, 0, 0, 0.25)",
+  },
+  fonts: configureFonts(),
+  typography: {
+    headline1: {
+      ...systemWeights.regular,
+      fontSize: 60,
+      letterSpacing: 0,
+      lineHeight: 71,
+    },
+    headline2: {
+      ...systemWeights.regular,
+      fontSize: 48,
+      letterSpacing: 0,
+      lineHeight: 58,
+    },
+    headline3: {
+      ...systemWeights.regular,
+      fontSize: 34,
+      letterSpacing: 0,
+      lineHeight: 40,
+    },
+    headline4: {
+      ...systemWeights.regular,
+      fontSize: 24,
+      letterSpacing: 0,
+      lineHeight: 34,
+    },
+    headline5: {
+      ...systemWeights.regular,
+      fontSize: 20,
+      letterSpacing: 0,
+      lineHeight: 26,
+    },
+    subtitle1: {
+      ...systemWeights.regular,
+      fontSize: 16,
+      letterSpacing: 0,
+      lineHeight: 26,
+    },
+    subtitle2: {
+      ...systemWeights.regular,
+      fontSize: 14,
+      letterSpacing: 0,
+      lineHeight: 22,
+    },
+    body1: {
+      ...systemWeights.regular,
+      fontSize: 16,
+      letterSpacing: 0,
+      lineHeight: 26,
+    },
+    body2: {
+      ...systemWeights.regular,
+      fontSize: 14,
+      letterSpacing: 0,
+      lineHeight: 22,
+    },
+    button: {
+      ...systemWeights.regular,
+      fontSize: 14,
+      letterSpacing: 0,
+      lineHeight: 16,
+    },
+    caption: {
+      ...systemWeights.regular,
+      fontSize: 12,
+      letterSpacing: 0,
+      lineHeight: 16,
+    },
+    overline: {
+      ...systemWeights.regular,
+      fontSize: 12,
+      letterSpacing: 2,
+      lineHeight: 16,
+    },
+    headline6: {
+      ...systemWeights.regular,
+      fontSize: 16,
+      letterSpacing: 0,
+      lineHeight: 24,
+    },
+  },
+};
+
+export default DefaultTheme;
+export type Theme = typeof DefaultTheme;