@smworks-cz/ui-kit 1.1.0 → 1.2.0

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +65 -2
  2. package/dist/index.d.ts +65 -2
  3. package/dist/index.js +7 -7
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +7 -7
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- type ButtonVariant = 'primary' | 'secondary' | 'outline';
3
+ type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger';
4
4
  type ButtonSize = 'sm' | 'md' | 'lg';
5
5
  type ButtonIconPosition = 'left' | 'right';
6
6
  /** Sdílené props pro režim `<button>` i `<a>`. */
@@ -10,6 +10,7 @@ interface ButtonBaseProps {
10
10
  * - `primary` — oranžové vyplnění (#FC4F00)
11
11
  * - `secondary` — průhledné, bez okraje
12
12
  * - `outline` — průhledné s bílým okrajem
13
+ * - `danger` — červené vyplnění (#EF3838)
13
14
  * @default 'primary'
14
15
  */
15
16
  variant?: ButtonVariant;
@@ -289,6 +290,11 @@ interface SelectProps {
289
290
  loading?: boolean;
290
291
  /** Označí select jako nevalidní — přijímá `true` nebo textovou chybovou zprávu. */
291
292
  error?: boolean | string;
293
+ /**
294
+ * Popisek zobrazený nad selectem.
295
+ * Stylizován velkými písmeny dle SM-UI design systému.
296
+ */
297
+ label?: string;
292
298
  /** Zástupný text zobrazený při prázdném výběru. */
293
299
  placeholder?: string;
294
300
  /** Maximální výška (px) rozbalovacího seznamu před scrollováním. @default 240 */
@@ -917,6 +923,18 @@ interface FileUploadProps {
917
923
  * Chybový stav. Při řetězci se zobrazí chybová zpráva.
918
924
  */
919
925
  error?: boolean | string;
926
+ /**
927
+ * Styl tlačítka u button varianty.
928
+ * - `'default'` — neutrální vstupní pole
929
+ * - `'primary'` — oranžové tlačítko jako primární Button
930
+ * @default 'default'
931
+ */
932
+ buttonStyle?: 'default' | 'primary';
933
+ /**
934
+ * Zda zobrazit seznam nahraných souborů pod komponentou.
935
+ * @default true
936
+ */
937
+ showFileList?: boolean;
920
938
  /** Dodatečná CSS třída. */
921
939
  className?: string;
922
940
  /** Další inline styly. */
@@ -2407,6 +2425,51 @@ interface AppSidebarProps {
2407
2425
  */
2408
2426
  declare const AppSidebar: React.FC<AppSidebarProps>;
2409
2427
 
2428
+ interface SidebarItemProps {
2429
+ /** Textový popisek položky. */
2430
+ label: string;
2431
+ /** Volitelná ikona zobrazená před textem. */
2432
+ icon?: React.ReactNode;
2433
+ /** Zda je položka aktivní (vybraná). @default false */
2434
+ active?: boolean;
2435
+ /** Zda je skupina výchozně rozbalená. @default false */
2436
+ defaultExpanded?: boolean;
2437
+ /** Řízené rozbalení. Pokud zadáno, přepíše defaultExpanded. */
2438
+ expanded?: boolean;
2439
+ /** Callback při změně rozbalení. */
2440
+ onExpandedChange?: (expanded: boolean) => void;
2441
+ /** Callback při kliknutí na položku (ne na chevron). */
2442
+ onClick?: () => void;
2443
+ /** Potomci — vnořené SidebarItem komponenty. Přítomnost aktivuje rozbalovací režim. */
2444
+ children?: React.ReactNode;
2445
+ /** Zda je sidebar sbalený (jen ikona). @default false */
2446
+ collapsed?: boolean;
2447
+ /** Zakáže interakci. @default false */
2448
+ disabled?: boolean;
2449
+ /** Další inline styly. */
2450
+ style?: React.CSSProperties;
2451
+ /** Dodatečná CSS třída. */
2452
+ className?: string;
2453
+ }
2454
+ /**
2455
+ * Položka navigace pro AppSidebar.
2456
+ *
2457
+ * Podporuje ikonu, aktivní stav, hover efekt a vnořené položky
2458
+ * s animovaným rozbalováním/sbalováním.
2459
+ *
2460
+ * @example
2461
+ * ```tsx
2462
+ * <SidebarItem label="Dashboard" icon={<HouseIcon size={18} />} active onClick={...} />
2463
+ *
2464
+ * <SidebarItem label="Settings" icon={<GearIcon size={18} />} defaultExpanded>
2465
+ * <SidebarItem label="General" onClick={...} />
2466
+ * <SidebarItem label="Security" onClick={...} />
2467
+ * <SidebarItem label="Billing" onClick={...} />
2468
+ * </SidebarItem>
2469
+ * ```
2470
+ */
2471
+ declare const SidebarItem: React.FC<SidebarItemProps>;
2472
+
2410
2473
  interface NavbarProps {
2411
2474
  /** Logo nebo název aplikace (vykresleno vlevo). */
2412
2475
  logo?: React.ReactNode;
@@ -3191,4 +3254,4 @@ type Theme = 'light' | 'dark';
3191
3254
  */
3192
3255
  declare const useTheme: () => Theme;
3193
3256
 
3194
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerProps, type SpinnerSize, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useTheme, useToast };
3257
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, SidebarItem, type SidebarItemProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerProps, type SpinnerSize, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useTheme, useToast };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- type ButtonVariant = 'primary' | 'secondary' | 'outline';
3
+ type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger';
4
4
  type ButtonSize = 'sm' | 'md' | 'lg';
5
5
  type ButtonIconPosition = 'left' | 'right';
6
6
  /** Sdílené props pro režim `<button>` i `<a>`. */
@@ -10,6 +10,7 @@ interface ButtonBaseProps {
10
10
  * - `primary` — oranžové vyplnění (#FC4F00)
11
11
  * - `secondary` — průhledné, bez okraje
12
12
  * - `outline` — průhledné s bílým okrajem
13
+ * - `danger` — červené vyplnění (#EF3838)
13
14
  * @default 'primary'
14
15
  */
15
16
  variant?: ButtonVariant;
@@ -289,6 +290,11 @@ interface SelectProps {
289
290
  loading?: boolean;
290
291
  /** Označí select jako nevalidní — přijímá `true` nebo textovou chybovou zprávu. */
291
292
  error?: boolean | string;
293
+ /**
294
+ * Popisek zobrazený nad selectem.
295
+ * Stylizován velkými písmeny dle SM-UI design systému.
296
+ */
297
+ label?: string;
292
298
  /** Zástupný text zobrazený při prázdném výběru. */
293
299
  placeholder?: string;
294
300
  /** Maximální výška (px) rozbalovacího seznamu před scrollováním. @default 240 */
@@ -917,6 +923,18 @@ interface FileUploadProps {
917
923
  * Chybový stav. Při řetězci se zobrazí chybová zpráva.
918
924
  */
919
925
  error?: boolean | string;
926
+ /**
927
+ * Styl tlačítka u button varianty.
928
+ * - `'default'` — neutrální vstupní pole
929
+ * - `'primary'` — oranžové tlačítko jako primární Button
930
+ * @default 'default'
931
+ */
932
+ buttonStyle?: 'default' | 'primary';
933
+ /**
934
+ * Zda zobrazit seznam nahraných souborů pod komponentou.
935
+ * @default true
936
+ */
937
+ showFileList?: boolean;
920
938
  /** Dodatečná CSS třída. */
921
939
  className?: string;
922
940
  /** Další inline styly. */
@@ -2407,6 +2425,51 @@ interface AppSidebarProps {
2407
2425
  */
2408
2426
  declare const AppSidebar: React.FC<AppSidebarProps>;
2409
2427
 
2428
+ interface SidebarItemProps {
2429
+ /** Textový popisek položky. */
2430
+ label: string;
2431
+ /** Volitelná ikona zobrazená před textem. */
2432
+ icon?: React.ReactNode;
2433
+ /** Zda je položka aktivní (vybraná). @default false */
2434
+ active?: boolean;
2435
+ /** Zda je skupina výchozně rozbalená. @default false */
2436
+ defaultExpanded?: boolean;
2437
+ /** Řízené rozbalení. Pokud zadáno, přepíše defaultExpanded. */
2438
+ expanded?: boolean;
2439
+ /** Callback při změně rozbalení. */
2440
+ onExpandedChange?: (expanded: boolean) => void;
2441
+ /** Callback při kliknutí na položku (ne na chevron). */
2442
+ onClick?: () => void;
2443
+ /** Potomci — vnořené SidebarItem komponenty. Přítomnost aktivuje rozbalovací režim. */
2444
+ children?: React.ReactNode;
2445
+ /** Zda je sidebar sbalený (jen ikona). @default false */
2446
+ collapsed?: boolean;
2447
+ /** Zakáže interakci. @default false */
2448
+ disabled?: boolean;
2449
+ /** Další inline styly. */
2450
+ style?: React.CSSProperties;
2451
+ /** Dodatečná CSS třída. */
2452
+ className?: string;
2453
+ }
2454
+ /**
2455
+ * Položka navigace pro AppSidebar.
2456
+ *
2457
+ * Podporuje ikonu, aktivní stav, hover efekt a vnořené položky
2458
+ * s animovaným rozbalováním/sbalováním.
2459
+ *
2460
+ * @example
2461
+ * ```tsx
2462
+ * <SidebarItem label="Dashboard" icon={<HouseIcon size={18} />} active onClick={...} />
2463
+ *
2464
+ * <SidebarItem label="Settings" icon={<GearIcon size={18} />} defaultExpanded>
2465
+ * <SidebarItem label="General" onClick={...} />
2466
+ * <SidebarItem label="Security" onClick={...} />
2467
+ * <SidebarItem label="Billing" onClick={...} />
2468
+ * </SidebarItem>
2469
+ * ```
2470
+ */
2471
+ declare const SidebarItem: React.FC<SidebarItemProps>;
2472
+
2410
2473
  interface NavbarProps {
2411
2474
  /** Logo nebo název aplikace (vykresleno vlevo). */
2412
2475
  logo?: React.ReactNode;
@@ -3191,4 +3254,4 @@ type Theme = 'light' | 'dark';
3191
3254
  */
3192
3255
  declare const useTheme: () => Theme;
3193
3256
 
3194
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerProps, type SpinnerSize, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useTheme, useToast };
3257
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, SidebarItem, type SidebarItemProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerProps, type SpinnerSize, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useTheme, useToast };