@tipp/ui 1.0.41 → 1.0.43

package/src/atoms/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';
 import { forwardRef, useMemo } from 'react';
 
-export type ContentProps = RadixDropdownMenu.ContentProps & {
+type ContentProps = RadixDropdownMenu.ContentProps & {
   isNavigation?: boolean;
 };
 

package/src/atoms/select.tsx

@@ -1 +1,24 @@
-export { Select } from '@radix-ui/themes';
+import { Select as RadixSelect } from '@radix-ui/themes';
+import { forwardRef, useMemo } from 'react';
+
+export type ContentProps = RadixSelect.ContentProps & {
+  isNavigation?: boolean;
+};
+
+const Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {
+  const { className, isNavigation, ...rest } = props;
+
+  const cls = useMemo(() => {
+    const etc = isNavigation ? 'nav-select' : '';
+    return [etc, className].join(' ');
+  }, [className, isNavigation]);
+
+  return <RadixSelect.Content {...rest} className={cls} ref={ref} />;
+});
+
+Content.displayName = 'Select.Content';
+
+export const Select = {
+  ...RadixSelect,
+  Content,
+};

package/src/theme/theme-provider.tsx

@@ -8,5 +8,5 @@ interface ThemeProviderProps extends ThemeProps {
 }
 
 export function ThemeProvider(props: ThemeProviderProps): React.ReactElement {
-  return <Theme accentColor="iris" radius="large" {...props} />;
+  return <Theme accentColor="iris" radius="medium" {...props} />;
 }