@platform-blocks/ui 0.4.0 → 0.5.0

package/lib/components/Avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { AvatarProps } from './types';
-export declare function Avatar({ size, src, fallback, backgroundColor, textColor, online, badgeColor, style, accessibilityLabel, label, description, gap, showText, }: AvatarProps): React.JSX.Element;
+export declare function Avatar({ size, src, fallback, backgroundColor, textColor, online, indicatorColor, style, accessibilityLabel, label, description, gap, showText, }: AvatarProps): React.JSX.Element;

package/lib/components/Avatar/types.d.ts

@@ -14,9 +14,9 @@ export interface AvatarProps {
     textColor?: string;
     /** Whether to show online status indicator */
     online?: boolean;
-    /** Accessibility label for the avatar badge */
-    badgeColor?: string;
-    /** Accessibility label for the avatar badge */
+    /** Color override for the status indicator */
+    indicatorColor?: string;
+    /** Style override for the avatar container */
     style?: ViewStyle;
     /** Accessibility label for the avatar image */
     accessibilityLabel?: string;

package/lib/components/Carousel/types.d.ts

@@ -20,6 +20,24 @@ export interface CarouselProps extends SpacingProps {
     loop?: boolean;
     /** Number of visible items per page */
     itemsPerPage?: number;
+    /** Number of slides to advance per snap (defaults to itemsPerPage for backwards compatibility) */
+    slidesToScroll?: number;
+    /** Align the visible slides within the viewport when there is extra space */
+    align?: 'start' | 'center' | 'end';
+    /** Contain leading/trailing space by trimming or keeping snap points */
+    containScroll?: false | 'trimSnaps' | 'keepSnaps';
+    /** Initial slide index to show on mount */
+    startIndex?: number;
+    /** Allow momentum scrolling without forced snaps */
+    dragFree?: boolean;
+    /** Permit gestures to skip over multiple snap points (default true) */
+    skipSnaps?: boolean;
+    /** Drag distance (in px) required before a swipe is committed */
+    dragThreshold?: number;
+    /** Duration (ms) for programmatic scroll animations */
+    duration?: number;
+    /** Embla-style breakpoint overrides applied via media queries */
+    breakpoints?: Record<string, Partial<CarouselProps>>;
     /**
      * Explicit slide size. Accepts:
      *  - percentage string: e.g. "70%"

package/lib/components/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { DataTableProps } from './types';
 export type { DataTableProps, DataTableColumn, DataTableFilter, DataTableSort, DataTablePagination, SortDirection, FilterType, ColumnDataType } from './types';
-export declare const DataTable: <T>({ id, data, columns, loading, error, emptyMessage, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, sortBy, onSortChange, filters, onFilterChange, pagination, onPaginationChange, selectable, selectedRows, onSelectionChange, getRowId, onRowClick, editMode, onEditModeChange, onCellEdit, bulkActions, variant, density, height, virtual, style, hoverHighlight, enableColumnResizing, rowFeatureToggle, initialHiddenColumns, onColumnVisibilityChange, onColumnSettings, showColumnVisibilityManager, rowsPerPageOptions, showRowsPerPageControl, rowActions, actionsColumnWidth, fullWidth, rowBorderWidth, rowBorderColor, rowBorderStyle, columnBorderWidth, columnBorderColor, columnBorderStyle, showOuterBorder, outerBorderWidth, outerBorderColor, expandableRowRender, initialExpandedRows, expandedRows: controlledExpandedRows, onExpandedRowsChange, allowMultipleExpanded, expandIcon, collapseIcon, ...props }: DataTableProps<T>) => React.JSX.Element;
+export declare const DataTable: <T>({ id, data, columns, loading, error, emptyMessage, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, sortBy, onSortChange, filters, onFilterChange, pagination, onPaginationChange, selectable, selectedRows, onSelectionChange, getRowId, onRowClick, editMode, onEditModeChange, onCellEdit, bulkActions, variant, striped: stripedProp, density, height, virtual, style, hoverHighlight, enableColumnResizing, rowFeatureToggle, initialHiddenColumns, onColumnVisibilityChange, onColumnSettings, showColumnVisibilityManager, rowsPerPageOptions, showRowsPerPageControl, rowActions, actionsColumnWidth, fullWidth, rowBorderWidth, rowBorderColor, rowBorderStyle, columnBorderWidth, columnBorderColor, columnBorderStyle, showOuterBorder, outerBorderWidth, outerBorderColor, expandableRowRender, initialExpandedRows, expandedRows: controlledExpandedRows, onExpandedRowsChange, allowMultipleExpanded, expandIcon, collapseIcon, ...props }: DataTableProps<T>) => React.JSX.Element;
 export default DataTable;

package/lib/components/DataTable/types.d.ts

@@ -169,6 +169,8 @@ export interface DataTableProps<T = any> extends SpacingProps {
     }>;
     /** Width of the actions column */
     actionsColumnWidth?: number;
+    /** Force striped row backgrounds regardless of variant */
+    striped?: boolean;
     /** Custom header background color */
     headerBackgroundColor?: string;
     /** Show enhanced loading skeletons instead of basic loading text */

package/lib/components/Slider/types.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import { ViewStyle } from 'react-native';
 import { BaseInputProps } from '../Input/types';
-import { ColorValue, SizeValue } from '../../core/theme/types';
+import { ColorValue, SizeValue, PlatformBlocksTheme } from '../../core/theme/types';
+export type SliderColorScheme = keyof PlatformBlocksTheme['colors'] | (string & {});
 export interface SliderTick {
     /** Tick value */
     value: number;
@@ -34,6 +36,18 @@ export interface SliderProps extends Omit<BaseInputProps, 'value' | 'onChangeTex
     trackSize?: number;
     /** Thumb size */
     thumbSize?: number;
+    /** Theme color palette or custom color to drive active elements */
+    colorScheme?: SliderColorScheme;
+    /** Additional styling for the inactive track */
+    trackStyle?: ViewStyle;
+    /** Additional styling for the active track */
+    activeTrackStyle?: ViewStyle;
+    /** Additional styling for the thumb */
+    thumbStyle?: ViewStyle;
+    /** Override inactive tick color */
+    tickColor?: ColorValue;
+    /** Override active tick color */
+    activeTickColor?: ColorValue;
     /** Input label (above the slider) */
     label?: React.ReactNode;
     /** Value label formatter function, set to null to disable value label */
@@ -97,6 +111,12 @@ export interface SliderTrackProps {
     activeWidth?: number;
     activeLeft?: number;
     isRange?: boolean;
+    trackColor?: ColorValue;
+    activeTrackColor?: ColorValue;
+    trackStyle?: ViewStyle;
+    activeTrackStyle?: ViewStyle;
+    trackHeight?: number;
+    thumbSize?: number;
 }
 export interface SliderTicksProps {
     ticks: Array<{
@@ -110,6 +130,10 @@ export interface SliderTicksProps {
     size: 'sm' | 'md' | 'lg';
     orientation: 'horizontal' | 'vertical';
     keyPrefix?: string;
+    trackHeight?: number;
+    thumbSize?: number;
+    activeTickColor?: ColorValue;
+    tickColor?: ColorValue;
 }
 export interface SliderThumbProps {
     position: number;
@@ -120,6 +144,9 @@ export interface SliderThumbProps {
     isDragging: boolean;
     zIndex?: number;
     panHandlers?: any;
+    thumbColor?: ColorValue;
+    thumbStyle?: ViewStyle;
+    thumbSize?: number;
 }
 export interface SliderLabelProps {
     label: React.ReactNode;
@@ -130,4 +157,5 @@ export interface SliderValueLabelProps {
     size: 'sm' | 'md' | 'lg';
     orientation: 'horizontal' | 'vertical';
     isCard?: boolean;
+    thumbSize?: number;
 }