@delightui/components 0.1.63 → 0.1.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -39,6 +39,14 @@ export type ListItemProps<T extends ListItemType> = Omit<HTMLAttributes<HTMLLIEl
39
39
  export type RootListProps<T extends ListItemType> = Omit<ListProps<T>, 'data' | 'component' | 'keyExtractor' | 'sortable'> & {
40
40
  children: React.ReactNode;
41
41
  };
42
+ /**
43
+ * Props for the repeater list component.
44
+ *
45
+ * @template T - The type of the list items.
46
+ */
47
+ export type RepeaterListProps<T extends ListItemType> = Omit<ListProps<T>, 'keyExtractor' | 'sortable' | 'updateSortOrder' | 'align' | 'wrap'> & {
48
+ data: T[];
49
+ };
42
50
  /**
43
51
  * Props for the sortable list component.
44
52
  *
@@ -0,0 +1,3 @@
1
+ import { ListItemType, RepeaterListProps } from "../List.types";
2
+ declare const RepeaterList: <T extends ListItemType>(props: RepeaterListProps<T>) => import("react").JSX.Element;
3
+ export default RepeaterList;
@@ -1,7 +1,8 @@
1
1
  import List from './List';
2
2
  import { SortableItem as DraggableItem } from './components/SortableListItem';
3
+ import RepeaterList from './components/RepeaterList';
3
4
  import DraggableItemTrigger from './components/SortableTrigger';
4
- import type { ListProps } from './List.types';
5
- export type { ListProps };
6
- export { DraggableItem, DraggableItemTrigger };
5
+ import type { ListProps, RepeaterListProps } from './List.types';
6
+ export type { ListProps, RepeaterListProps };
7
+ export { DraggableItem, DraggableItemTrigger, RepeaterList, };
7
8
  export default List;
@@ -4061,7 +4061,8 @@ span.flatpickr-weekday {
4061
4061
  border-bottom-left-radius: var(--table-cell-border-bottom-left-radius);
4062
4062
  border-bottom-right-radius: var(--table-cell-border-bottom-right-radius);
4063
4063
  text-align: var(--table-cell-horizontal-align);
4064
- vertical-align: var(--table-cell-vertical-align);
4064
+ vertical-align: top;
4065
+ vertical-align: var(--table-cell-vertical-align, top);
4065
4066
  height: var(--table-cell-height);
4066
4067
  background-color: var(--table-cell-background-color);
4067
4068
  }