@orbit_ui_toolkit/orbitui-kit 0.1.25 → 0.1.27

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.
@@ -5,7 +5,10 @@ export interface BaseDialogProps {
5
5
  title?: string;
6
6
  children: React.ReactNode;
7
7
  size?: 'sm' | 'md' | 'lg' | 'xl';
8
+ width?: string;
9
+ height?: string;
8
10
  className?: string;
9
11
  showCloseButton?: boolean;
12
+ theme?: 'light' | 'dark' | 'system';
10
13
  }
11
14
  export declare const BaseDialog: React.FC<BaseDialogProps>;
@@ -6,3 +6,4 @@ type Story = StoryObj<typeof BaseDialog>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithForm: Story;
8
8
  export declare const LargeSize: Story;
9
+ export declare const CustomDimensions: Story;
@@ -1,13 +1,16 @@
1
1
  import { default as React } from 'react';
2
- export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
2
+ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
3
3
  label?: string;
4
4
  error?: string;
5
+ helperText?: string;
5
6
  leftIcon?: React.ReactNode;
6
7
  rightIcon?: React.ReactNode;
7
8
  variant?: 'default' | 'glass' | 'dark';
9
+ size?: 'sm' | 'md' | 'lg';
8
10
  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
9
11
  shadow?: boolean;
10
12
  focusRing?: boolean;
11
13
  focusRingColor?: string;
14
+ containerClassName?: string;
12
15
  }
13
16
  export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -4,8 +4,11 @@ declare const meta: Meta<typeof Input>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Input>;
6
6
  export declare const Default: Story;
7
- export declare const WithLabel: Story;
7
+ export declare const Small: Story;
8
+ export declare const Large: Story;
9
+ export declare const Glass: Story;
10
+ export declare const Dark: Story;
8
11
  export declare const WithError: Story;
9
- export declare const Password: Story;
10
- export declare const WithIcons: Story;
11
- export declare const WithRightIcon: Story;
12
+ export declare const WithHelperText: Story;
13
+ export declare const Disabled: Story;
14
+ export declare const Required: Story;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface Step {
3
+ label: string;
4
+ icon?: React.ReactNode;
5
+ }
6
+ export interface StepperProps {
7
+ steps: Step[];
8
+ activeStep: number;
9
+ className?: string;
10
+ /** Whether to show labels only for active, first and last steps when there are many steps */
11
+ compactLabels?: boolean;
12
+ }
13
+ export declare const Stepper: React.FC<StepperProps>;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Stepper } from './Stepper';
3
+ declare const meta: Meta<typeof Stepper>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Stepper>;
6
+ export declare const FirstStep: Story;
7
+ export declare const MiddleStep: Story;
8
+ export declare const LastStep: Story;
9
+ export declare const ManySteps: Story;
10
+ export declare const NonCompactLabels: Story;
@@ -0,0 +1 @@
1
+ export * from './Stepper';
@@ -2,6 +2,6 @@ import { default as React } from 'react';
2
2
  import { CalendarProps } from './types';
3
3
  /**
4
4
  * Reusable Calendar component mimicking Microsoft Teams UI.
5
- * Supports Month and Week views, event management (CRUD), and accessibility.
5
+ * Supports Month and Week views, event management (CRUD), accessibility, and dark mode.
6
6
  */
7
7
  export declare const Calendar: React.FC<CalendarProps>;
@@ -8,6 +8,7 @@ interface CalendarHeaderProps {
8
8
  onViewChange: (view: CalendarView) => void;
9
9
  searchQuery: string;
10
10
  onSearchChange: (query: string) => void;
11
+ onScheduleClick: () => void;
11
12
  }
12
13
  export declare const CalendarHeader: React.FC<CalendarHeaderProps>;
13
14
  export {};
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { CalendarEvent } from './types';
3
+ interface EventListSidebarProps {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ date: Date;
7
+ events: CalendarEvent[];
8
+ onEventClick: (event: CalendarEvent) => void;
9
+ onScheduleClick: () => void;
10
+ }
11
+ export declare const EventListSidebar: React.FC<EventListSidebarProps>;
12
+ export {};
@@ -10,6 +10,8 @@ interface EventModalProps {
10
10
  }) => void;
11
11
  onDelete?: (id: string) => void;
12
12
  defaultSize?: 'sm' | 'md' | 'lg' | 'xl';
13
+ lockDate?: boolean;
14
+ theme?: 'light' | 'dark' | 'system';
13
15
  }
14
16
  export declare const EventModal: React.FC<EventModalProps>;
15
17
  export {};
@@ -6,6 +6,8 @@ export interface CalendarEvent {
6
6
  end: Date;
7
7
  description?: string;
8
8
  color?: string;
9
+ isReadOnly?: boolean;
10
+ type?: 'MEETING' | 'MOVIE_RELEASE';
9
11
  }
10
12
  export interface CalendarProps {
11
13
  events?: CalendarEvent[];
@@ -14,6 +16,7 @@ export interface CalendarProps {
14
16
  onDeleteEvent?: (id: string) => void;
15
17
  modalSize?: 'sm' | 'md' | 'lg' | 'xl';
16
18
  className?: string;
19
+ theme?: 'light' | 'dark' | 'system';
17
20
  }
18
21
  export interface DayInfo {
19
22
  date: Date;
@@ -1,7 +1,4 @@
1
1
  import { CalendarEvent, DayInfo } from './types';
2
- /**
3
- * Generates an array of dates for a 6-week month grid (7 columns x 6 rows)
4
- */
5
2
  export declare const getMonthDays: (currentDate: Date, events: CalendarEvent[]) => DayInfo[];
6
3
  /**
7
4
  * Generates an array of days for a week view
package/dist/index.d.ts CHANGED
@@ -17,6 +17,7 @@ export * from './components/Avatar/Avatar';
17
17
  export * from './components/Chat';
18
18
  export * from './components/Stack';
19
19
  export * from './components/Dialog/BaseDialog';
20
+ export * from './components/Stepper';
20
21
  export * from './components/DataTable/DataTable';
21
22
  export * from './components/MovieTicket/MovieTicket';
22
23
  export { Badge } from './components/Badge/Badge';