@tamagui/create-menu 2.7.7 → 3.0.0-beta.643.1

package/src/MenuPredefined.tsx

@@ -1,204 +0,0 @@
-import { Image } from '@tamagui/image'
-import { SizableText } from '@tamagui/text'
-import { styled, View } from '@tamagui/web'
-
-/* -------------------------------------------------------------------------------------------------
- * MenuGroup
- * -----------------------------------------------------------------------------------------------*/
-
-const GROUP_NAME = 'MenuGroup'
-
-const MenuGroup = styled(View, {
-  name: GROUP_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        role: 'group',
-        width: '100%',
-        borderRadius: 0,
-        borderWidth: 0,
-        borderColor: '$borderColor',
-        overflow: 'hidden',
-        backgroundColor: '$background',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-/* -------------------------------------------------------------------------------------------------
- * MenuLabel
- * -----------------------------------------------------------------------------------------------*/
-
-const LABEL_NAME = 'MenuLabel'
-
-const MenuLabel = styled(SizableText, {
-  name: LABEL_NAME,
-
-  variants: {
-    unstyled: {
-      false: {
-        cursor: 'default',
-        color: '$color',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-/* -------------------------------------------------------------------------------------------------
-  MenuSeparator
- * -----------------------------------------------------------------------------------------------*/
-
-const SEPARATOR_NAME = 'MenuSeparator'
-
-const MenuSeparator = styled(View, {
-  name: SEPARATOR_NAME,
-  role: 'separator',
-  // @ts-ignore
-  'aria-orientation': 'horizontal',
-
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: '$borderColor',
-        flexShrink: 0,
-        borderWidth: 0,
-        height: 1,
-        marginVertical: 3,
-        marginHorizontal: 10,
-        backgroundColor: '$borderColor',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-const MenuIcon = styled(View, {
-  name: 'MenuIcon',
-
-  variants: {
-    unstyled: {
-      false: {
-        width: 20,
-        height: 20,
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginLeft: 'auto',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-const MenuImage = styled(Image, { name: 'MenuImage' })
-
-const MenuIndicator = styled(View, {
-  name: 'MenuIndicator',
-
-  variants: {
-    unstyled: {
-      false: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginLeft: 'auto',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-const MenuItem = styled(View, {
-  name: 'MenuItem',
-
-  variants: {
-    unstyled: {
-      false: {
-        flexDirection: 'row',
-        width: '100%',
-        alignItems: 'center',
-        cursor: 'pointer',
-        borderRadius: 6,
-        paddingVertical: 4,
-        paddingHorizontal: 8,
-
-        // use focusStyle for highlight since hover triggers focus via onPointerMove
-        // this ensures a single unified highlight for both mouse and keyboard
-        focusStyle: {
-          backgroundColor: '$backgroundHover',
-        },
-
-        pressStyle: {
-          backgroundColor: '$backgroundPress',
-        },
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-const Title = styled(SizableText, {
-  name: 'MenuTitle',
-
-  variants: {
-    unstyled: {
-      false: {
-        cursor: 'default',
-        color: '$color',
-        flexGrow: 1,
-        flexShrink: 1,
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-const SubTitle = styled(SizableText, {
-  name: 'MenuSubTitle',
-
-  variants: {
-    unstyled: {
-      false: {
-        cursor: 'default',
-        color: '$colorFaint',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})
-
-export const MenuPredefined = {
-  MenuIcon,
-  MenuImage,
-  MenuIndicator,
-  MenuItem,
-  Title,
-  SubTitle,
-  MenuGroup,
-  MenuSeparator,
-  MenuLabel,
-}

package/types/MenuPredefined.d.ts

@@ -1,31 +0,0 @@
-export declare const MenuPredefined: {
-    MenuIcon: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    MenuImage: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, unknown, import("@tamagui/web").TamaguiComponentPropsBaseBase & Partial<import("@tamagui/image").ImageProps>, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
-    MenuIndicator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    MenuItem: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    Title: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-        unstyled?: boolean | undefined;
-        size?: import("@tamagui/web").FontSizeTokens | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    SubTitle: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-        unstyled?: boolean | undefined;
-        size?: import("@tamagui/web").FontSizeTokens | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    MenuGroup: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    MenuSeparator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-    MenuLabel: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-        unstyled?: boolean | undefined;
-        size?: import("@tamagui/web").FontSizeTokens | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
-};
-//# sourceMappingURL=MenuPredefined.d.ts.map

package/types/MenuPredefined.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPredefined.d.ts","sourceRoot":"","sources":["../src/MenuPredefined.tsx"],"names":[],"mappings":"AAiMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU1B,CAAA"}