react-native-molecules 0.5.0-beta.20 → 0.5.0-beta.22

package/components/VerticalDivider/VerticalDivider.tsx

@@ -1,100 +0,0 @@
-import { memo } from 'react';
-import { View, type ViewProps } from 'react-native';
-import { StyleSheet } from 'react-native-unistyles';
-
-import { getRegisteredComponentStylesWithFallback } from '../../core';
-
-export type Props = Omit<ViewProps, 'children'> & {
-    /**
-     *  Top Inset of the Divider.
-     */
-    topInset?: number;
-    /**
-     *  Bottom Inset of the Divider.
-     */
-    bottomInset?: number;
-    /**
-     *  Whether divider should be bolded.
-     */
-    bold?: boolean;
-    /**
-     *  Horizontal spacing of the Divider
-     */
-    spacing?: number;
-};
-
-/**
- * A divider is a thin, lightweight separator that groups content in lists and page layouts.
- *
- * <div class="screenshots">
- *  <figure>
- *    <img class="medium" src="screenshots/divider.png" />
- *  </figure>
- * </div>
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { View } from 'react-native';
- * import { Divider, Text } from 'react-native-paper';
- *
- * const MyComponent = () => (
- *   <View>
- *     <Text>Lemon</Text>
- *     <Divider />
- *     <Text>Mango</Text>
- *     <Divider />
- *   </View>
- * );
- *
- * export default MyComponent;
- * ```
- */
-
-const VerticalDivider = ({
-    topInset = 0,
-    bottomInset = 0,
-    spacing = 0,
-    style,
-    bold = false,
-    ...rest
-}: Props) => {
-    verticalDividerStyles.useVariants({
-        isBold: bold,
-    });
-
-    return (
-        <View
-            {...rest}
-            style={[
-                verticalDividerStyles.root,
-                style,
-                topInset ? { marginTop: topInset } : undefined,
-                bottomInset ? { marginBottom: bottomInset } : undefined,
-                spacing ? { marginHorizontal: spacing } : undefined,
-            ]}
-        />
-    );
-};
-
-export const verticalDividerStylesDefault = StyleSheet.create(theme => ({
-    root: {
-        width: StyleSheet.hairlineWidth,
-        background: theme.colors.outlineVariant,
-
-        variants: {
-            isBold: {
-                true: {
-                    width: 1,
-                },
-            },
-        },
-    },
-}));
-
-export const verticalDividerStyles = getRegisteredComponentStylesWithFallback(
-    'VerticalDivider',
-    verticalDividerStylesDefault,
-);
-
-export default memo(VerticalDivider);

package/components/VerticalDivider/index.tsx

@@ -1,9 +0,0 @@
-import { getRegisteredComponentWithFallback } from '../../core';
-import VerticalDividerDefault from './VerticalDivider';
-
-export const VerticalDivider = getRegisteredComponentWithFallback(
-    'VerticalDivider',
-    VerticalDividerDefault,
-);
-
-export { type Props as VerticalDividerProps, verticalDividerStyles } from './VerticalDivider';