@ankhorage/zora 17.0.0 → 18.0.0

package/src/patterns/list/ListRow.tsx

@@ -1,198 +0,0 @@
-import { ButtonBase } from '@ankhorage/surface';
-import React from 'react';
-
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ListRowProps, ListRowVariant } from './types';
-
-function resolvePadding(compact: boolean) {
-  return compact ? { px: 'm' as const, py: 's' as const } : { px: 'm' as const, py: 'm' as const };
-}
-
-function resolveContainerStyles({
-  variant,
-  theme,
-  selected,
-  pressed,
-  hovered,
-  disabled,
-}: {
-  variant: ListRowVariant;
-  theme: ReturnType<typeof useZoraTheme>['theme'];
-  selected: boolean;
-  pressed: boolean;
-  hovered: boolean;
-  disabled: boolean;
-}) {
-  const borderColor = selected ? theme.semantics.border.focus : theme.semantics.border.default;
-  const dividerBorderColor = selected ? theme.semantics.border.focus : 'transparent';
-
-  if (variant === 'card') {
-    return {
-      bg: pressed
-        ? theme.semantics.neutral.surfaceActive
-        : hovered
-          ? theme.semantics.neutral.surfaceHover
-          : theme.semantics.surface.raised,
-      borderColor,
-      borderWidth: 1,
-      radius: 'l' as const,
-      opacity: disabled ? 0.72 : 1,
-    };
-  }
-
-  return {
-    bg: pressed
-      ? theme.semantics.neutral.surfaceActive
-      : hovered
-        ? theme.semantics.neutral.surfaceHover
-        : selected
-          ? theme.semantics.neutral.surface
-          : 'transparent',
-    borderColor: dividerBorderColor,
-    borderWidth: selected ? 1 : 0,
-    radius: 'm' as const,
-    opacity: disabled ? 0.72 : 1,
-  };
-}
-
-function ListRowInner({
-  themeId: _themeId,
-  mode: _mode,
-  testID,
-  title,
-  description,
-  meta,
-  leading,
-  trailing,
-  action,
-  onPress,
-  selected = false,
-  disabled = false,
-  compact = false,
-  variant = 'divider',
-}: ListRowProps) {
-  const { theme } = useZoraTheme();
-  const padding = resolvePadding(compact);
-  const isInteractive = Boolean(onPress) && !action;
-
-  const content = (
-    <View
-      align="center"
-      direction="row"
-      style={{
-        flex: 1,
-      }}
-    >
-      {leading ? (
-        <>
-          <View>{leading}</View>
-          <View width="m" />
-        </>
-      ) : null}
-
-      <View flex={1}>
-        <View gap="xxs">
-          <Text variant="body" weight={selected ? 'semiBold' : 'medium'}>
-            {title}
-          </Text>
-          {description ? (
-            <Text emphasis="muted" variant="bodySmall">
-              {description}
-            </Text>
-          ) : null}
-          {meta ? (
-            <Text emphasis="subtle" variant="caption">
-              {meta}
-            </Text>
-          ) : null}
-        </View>
-      </View>
-
-      {trailing || action ? (
-        <>
-          <View width="m" />
-          <View direction="row" align="center" gap="s" wrap="nowrap">
-            {trailing}
-            {action}
-          </View>
-        </>
-      ) : null}
-    </View>
-  );
-
-  if (!isInteractive) {
-    const styles = resolveContainerStyles({
-      variant,
-      theme,
-      selected,
-      pressed: false,
-      hovered: false,
-      disabled,
-    });
-
-    return (
-      <View
-        bg={styles.bg}
-        borderColor={styles.borderColor}
-        borderWidth={styles.borderWidth}
-        px={padding.px}
-        py={padding.py}
-        radius={styles.radius}
-        testID={testID}
-        style={{
-          opacity: styles.opacity,
-        }}
-      >
-        {content}
-      </View>
-    );
-  }
-
-  return (
-    <ButtonBase
-      accessibilityRole="button"
-      accessibilityState={{ disabled, selected }}
-      disabled={disabled}
-      onPress={onPress}
-      radius={variant === 'card' ? 'l' : 'm'}
-      testID={testID}
-    >
-      {(state) => {
-        const styles = resolveContainerStyles({
-          variant,
-          theme,
-          selected,
-          pressed: state.pressed,
-          hovered: state.hovered,
-          disabled: state.disabled,
-        });
-
-        return (
-          <View
-            bg={styles.bg}
-            borderColor={styles.borderColor}
-            borderWidth={styles.borderWidth}
-            px={padding.px}
-            py={padding.py}
-            radius={styles.radius}
-            style={{
-              opacity: styles.opacity,
-            }}
-          >
-            {content}
-          </View>
-        );
-      }}
-    </ButtonBase>
-  );
-}
-
-/***
- * Row pattern for lists with leading/trailing slots and optional press behavior.
- *
- 
- */
-export const ListRow = withZoraThemeScope(ListRowInner);

package/src/patterns/list/index.ts

@@ -1,10 +0,0 @@
-export { List } from './List';
-export { ListRow } from './ListRow';
-export { ListSection } from './ListSection';
-export type {
-  ListChildrenProps,
-  ListItemsProps,
-  ListProps,
-  ListRowProps,
-  ListRowVariant,
-} from './types';

package/src/patterns/list/resolveListSeparator.test.ts

@@ -1,18 +0,0 @@
-import { describe, expect, it } from 'bun:test';
-
-import { resolveListSeparator } from './resolveListSeparator';
-
-describe('resolveListSeparator', () => {
-  it('returns none for the first item', () => {
-    expect(resolveListSeparator('divider', 0)).toBe('none');
-    expect(resolveListSeparator('card', 0)).toBe('none');
-  });
-
-  it('returns divider for divider rows', () => {
-    expect(resolveListSeparator('divider', 1)).toBe('divider');
-  });
-
-  it('returns spacer for card rows', () => {
-    expect(resolveListSeparator('card', 1)).toBe('spacer');
-  });
-});

package/src/patterns/list/resolveListSeparator.ts

@@ -1,8 +0,0 @@
-import type { ListRowVariant } from './types';
-
-type ListSeparatorKind = 'none' | 'divider' | 'spacer';
-
-export function resolveListSeparator(variant: ListRowVariant, index: number): ListSeparatorKind {
-  if (index === 0) return 'none';
-  return variant === 'divider' ? 'divider' : 'spacer';
-}