@ssa-ui-kit/core 2.33.0 → 3.1.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 (222) hide show
  1. package/dist/components/AccordionGroup/Accordion.d.ts +37 -0
  2. package/dist/components/AccordionGroup/AccordionContent.d.ts +48 -0
  3. package/dist/components/AccordionGroup/AccordionContext.d.ts +76 -2
  4. package/dist/components/AccordionGroup/AccordionGroup.d.ts +56 -0
  5. package/dist/components/AccordionGroup/AccordionTitle.d.ts +41 -0
  6. package/dist/components/AccordionGroup/types.d.ts +199 -1
  7. package/dist/components/Avatar/Avatar.d.ts +33 -0
  8. package/dist/components/Button/Button.d.ts +61 -0
  9. package/dist/components/Button/fixtures.d.ts +52 -31
  10. package/dist/components/Button/styles.d.ts +7 -12
  11. package/dist/components/Button/types.d.ts +98 -4
  12. package/dist/components/Charts/BarGaugeChart/components/BarGaugeChartHeader.d.ts +1 -1
  13. package/dist/components/Charts/BarLineComplexChart/BarLineComplexChartView.d.ts +2 -2
  14. package/dist/components/Charts/BarLineComplexChart/types.d.ts +2 -2
  15. package/dist/components/Charts/BigNumberChart/BigNumberChart.d.ts +4 -2
  16. package/dist/components/Charts/BigNumberChart/components/BigNumberChartHeader.d.ts +1 -1
  17. package/dist/components/Charts/BigNumberChart/components/TrendLine.d.ts +8 -3
  18. package/dist/components/Charts/BigNumberChart/components/TrendLineTooltip.d.ts +8 -5
  19. package/dist/components/Charts/GaugeChart/components/GaugeChartBase.d.ts +3 -1
  20. package/dist/components/Charts/GaugeChart/components/GaugeChartHeader.d.ts +1 -1
  21. package/dist/components/Charts/PieChart/PieChartLegendMarker.d.ts +1 -1
  22. package/dist/components/Charts/PieChart/styles.d.ts +1 -1
  23. package/dist/components/Charts/PieChart/types.d.ts +1 -1
  24. package/dist/components/Charts/RadarChart/RadarChart.d.ts +1 -1
  25. package/dist/components/Charts/RadarChart/components/RadarChartHeader.d.ts +1 -1
  26. package/dist/components/Charts/TreeMapChart/TreeMapChart.d.ts +1 -1
  27. package/dist/components/Charts/TreeMapChart/TreeMapChartHeader.d.ts +1 -1
  28. package/dist/components/Charts/index.d.ts +1 -0
  29. package/dist/components/Charts/utils/nivoReact19Compat.d.ts +18 -0
  30. package/dist/components/Checkbox/Checkbox.d.ts +84 -0
  31. package/dist/components/Checkbox/CheckboxBase.d.ts +1 -1
  32. package/dist/components/Checkbox/styles.d.ts +2 -2
  33. package/dist/components/Checkbox/types.d.ts +104 -3
  34. package/dist/components/Chip/Chip.d.ts +70 -0
  35. package/dist/components/Chip/constants.d.ts +1 -1
  36. package/dist/components/Chip/helpers.d.ts +6 -0
  37. package/dist/components/Chip/types.d.ts +129 -1
  38. package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts +1 -1
  39. package/dist/components/CollapsibleNavBar/CollapsibleNavBarContext.d.ts +2 -2
  40. package/dist/components/CollapsibleNavBar/components/TriggerIcon.d.ts +4 -2
  41. package/dist/components/CollapsibleNavBar/types.d.ts +9 -2
  42. package/dist/components/ColorPicker/components/CopyButton.d.ts +1 -1
  43. package/dist/components/DatePicker/constants.d.ts +22 -0
  44. package/dist/components/DatePicker/hooks/useDatePicker.d.ts +7 -5
  45. package/dist/components/DatePicker/index.d.ts +1 -0
  46. package/dist/components/DatePicker/styles.d.ts +3 -2
  47. package/dist/components/DatePicker/types.d.ts +10 -2
  48. package/dist/components/DatePicker/utils/dates.d.ts +2 -2
  49. package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
  50. package/dist/components/DateRangePicker/DateRangePickerFormBridge.d.ts +46 -0
  51. package/dist/components/DateRangePicker/components/DatesListWrapper.d.ts +3 -2
  52. package/dist/components/DateRangePicker/constants.d.ts +1 -0
  53. package/dist/components/DateRangePicker/hooks/useDateRangePicker.d.ts +22 -17
  54. package/dist/components/DateRangePicker/index.d.ts +3 -0
  55. package/dist/components/DateRangePicker/styles.d.ts +6 -4
  56. package/dist/components/DateRangePicker/types.d.ts +24 -7
  57. package/dist/components/DateRangePicker/utils/dates.d.ts +2 -2
  58. package/dist/components/Drawer/index.d.ts +2 -1
  59. package/dist/components/Dropdown/Dropdown.d.ts +88 -0
  60. package/dist/components/Dropdown/types.d.ts +102 -1
  61. package/dist/components/DropdownOption/DropdownOption.d.ts +2 -0
  62. package/dist/components/DropdownOptions/DropdownOptions.d.ts +31 -0
  63. package/dist/components/DropdownOptions/types.d.ts +22 -0
  64. package/dist/components/DropdownToggle/DropdownToggle.d.ts +3 -2
  65. package/dist/components/DropdownToggle/types.d.ts +5 -3
  66. package/dist/components/Field/FieldControl.d.ts +62 -1
  67. package/dist/components/Field/FieldDescription.d.ts +33 -0
  68. package/dist/components/Field/FieldError.d.ts +36 -0
  69. package/dist/components/Field/FieldLabel.d.ts +37 -0
  70. package/dist/components/Field/FieldProvider.d.ts +19 -1
  71. package/dist/components/Field/FieldRoot.d.ts +90 -0
  72. package/dist/components/Field/FieldSuccess.d.ts +34 -0
  73. package/dist/components/Field/index.d.ts +4 -0
  74. package/dist/components/Filters/FilterBlockWrapper.d.ts +3 -2
  75. package/dist/components/Filters/FiltersContext.d.ts +4 -4
  76. package/dist/components/Filters/hooks/useVisibility.d.ts +2 -2
  77. package/dist/components/FullscreenModeContext.d.ts +1 -4
  78. package/dist/components/Icon/icons/Assessment.d.ts +1 -1
  79. package/dist/components/Icon/icons/Award.d.ts +3 -0
  80. package/dist/components/Icon/icons/Bench.d.ts +3 -0
  81. package/dist/components/Icon/icons/Briefcase.d.ts +3 -0
  82. package/dist/components/Icon/icons/Building.d.ts +3 -0
  83. package/dist/components/Icon/icons/CalendarSchedule.d.ts +3 -0
  84. package/dist/components/Icon/icons/Camera.d.ts +3 -0
  85. package/dist/components/Icon/icons/CardText.d.ts +3 -0
  86. package/dist/components/Icon/icons/Case.d.ts +3 -0
  87. package/dist/components/Icon/icons/Comments.d.ts +3 -0
  88. package/dist/components/Icon/icons/Compensation.d.ts +3 -0
  89. package/dist/components/Icon/icons/Contacts.d.ts +3 -0
  90. package/dist/components/Icon/icons/CopyLink.d.ts +3 -0
  91. package/dist/components/Icon/icons/Delete.d.ts +3 -0
  92. package/dist/components/Icon/icons/DiamondRing.d.ts +3 -0
  93. package/dist/components/Icon/icons/Document.d.ts +3 -0
  94. package/dist/components/Icon/icons/Documents.d.ts +3 -0
  95. package/dist/components/Icon/icons/Education.d.ts +3 -0
  96. package/dist/components/Icon/icons/EmployeeProfile.d.ts +3 -0
  97. package/dist/components/Icon/icons/Export.d.ts +3 -0
  98. package/dist/components/Icon/icons/FollowLink.d.ts +3 -0
  99. package/dist/components/Icon/icons/Form.d.ts +3 -0
  100. package/dist/components/Icon/icons/Gender.d.ts +3 -0
  101. package/dist/components/Icon/icons/Gift.d.ts +3 -0
  102. package/dist/components/Icon/icons/Inventory.d.ts +3 -0
  103. package/dist/components/Icon/icons/Link.d.ts +3 -0
  104. package/dist/components/Icon/icons/OfficeChair.d.ts +3 -0
  105. package/dist/components/Icon/icons/OpenBook.d.ts +3 -0
  106. package/dist/components/Icon/icons/Report.d.ts +1 -1
  107. package/dist/components/Icon/icons/Results.d.ts +3 -0
  108. package/dist/components/Icon/icons/Signature.d.ts +3 -0
  109. package/dist/components/Icon/icons/Summery.d.ts +3 -0
  110. package/dist/components/Icon/icons/Team.d.ts +3 -0
  111. package/dist/components/Icon/icons/TechnicalReview.d.ts +3 -0
  112. package/dist/components/Icon/icons/TennisBall.d.ts +3 -0
  113. package/dist/components/Icon/icons/Timeline.d.ts +3 -0
  114. package/dist/components/Icon/icons/UnionCircle.d.ts +3 -0
  115. package/dist/components/Icon/icons/Url.d.ts +3 -0
  116. package/dist/components/Icon/icons/all.d.ts +36 -1
  117. package/dist/components/Icon/icons/iconsList.d.ts +1 -1
  118. package/dist/components/IconButton/IconButton.d.ts +39 -0
  119. package/dist/components/IconButton/index.d.ts +2 -0
  120. package/dist/components/IconButton/styles.d.ts +2 -0
  121. package/dist/components/IconButton/types.d.ts +41 -0
  122. package/dist/components/Indicator/types.d.ts +4 -2
  123. package/dist/components/Input/types.d.ts +157 -0
  124. package/dist/components/JsonSchemaForm/fields/DateRangeField.d.ts +15 -1
  125. package/dist/components/JsonSchemaForm/utils/dateFormats.d.ts +37 -0
  126. package/dist/components/JsonSchemaForm/utils/dateRangeField.d.ts +24 -0
  127. package/dist/components/JsonSchemaForm/utils/index.d.ts +1 -0
  128. package/dist/components/JsonSchemaForm/utils/selectWidget.d.ts +16 -0
  129. package/dist/components/Modal/Modal.d.ts +60 -0
  130. package/dist/components/Modal/types.d.ts +21 -1
  131. package/dist/components/ModalContent/ModalContent.d.ts +42 -1
  132. package/dist/components/ModalDialog/ModalDialog.d.ts +27 -0
  133. package/dist/components/ModalDialog/types.d.ts +18 -0
  134. package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +29 -2
  135. package/dist/components/ModalOpenButton/ModalOpenButton.d.ts +25 -1
  136. package/dist/components/MultipleDropdown/index.d.ts +1 -0
  137. package/dist/components/MultipleDropdown/types.d.ts +74 -0
  138. package/dist/components/NavBar/types.d.ts +1 -1
  139. package/dist/components/NotificationMenu/types.d.ts +3 -3
  140. package/dist/components/Pagination/ArrowButton.d.ts +32 -0
  141. package/dist/components/Pagination/Pagination.d.ts +81 -0
  142. package/dist/components/Pagination/PaginationButtons.d.ts +35 -0
  143. package/dist/components/Pagination/PaginationContext.d.ts +30 -0
  144. package/dist/components/Pagination/WithPagination.d.ts +47 -4
  145. package/dist/components/Pagination/components/RowsPerPageDropdown/RowsPerPageDropdown.d.ts +41 -0
  146. package/dist/components/Pagination/components/RowsPerPageDropdown/types.d.ts +39 -0
  147. package/dist/components/Pagination/styles.d.ts +1 -1
  148. package/dist/components/Pagination/types.d.ts +178 -0
  149. package/dist/components/PersonInfo/styles.d.ts +1 -1
  150. package/dist/components/Popover/Popover.d.ts +120 -0
  151. package/dist/components/Popover/PopoverClose.d.ts +26 -0
  152. package/dist/components/Popover/PopoverContent.d.ts +33 -0
  153. package/dist/components/Popover/PopoverDescription.d.ts +22 -1
  154. package/dist/components/Popover/PopoverHeading.d.ts +22 -1
  155. package/dist/components/Popover/PopoverTrigger.d.ts +30 -0
  156. package/dist/components/Popover/hooks/usePopover.d.ts +21 -0
  157. package/dist/components/Popover/hooks/usePopoverContext.d.ts +23 -0
  158. package/dist/components/Popover/types.d.ts +86 -0
  159. package/dist/components/Radio/Radio.d.ts +69 -1
  160. package/dist/components/Radio/RadioBase.d.ts +1 -1
  161. package/dist/components/Radio/types.d.ts +109 -0
  162. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  163. package/dist/components/RadioGroup/index.d.ts +1 -0
  164. package/dist/components/RadioGroup/types.d.ts +42 -0
  165. package/dist/components/SearchBox/SearchBox.d.ts +60 -0
  166. package/dist/components/SearchBox/SearchBoxInput.d.ts +1 -1
  167. package/dist/components/SearchBox/types.d.ts +46 -0
  168. package/dist/components/Slider/Slider.d.ts +53 -0
  169. package/dist/components/Slider/consts.d.ts +4 -0
  170. package/dist/components/Slider/index.d.ts +4 -0
  171. package/dist/components/Slider/styles.d.ts +90 -0
  172. package/dist/components/Slider/types.d.ts +69 -0
  173. package/dist/components/Switch/Switch.d.ts +66 -1
  174. package/dist/components/Switch/SwitchBase.d.ts +5 -1
  175. package/dist/components/Switch/SwitchContext.d.ts +50 -0
  176. package/dist/components/Switch/types.d.ts +74 -0
  177. package/dist/components/Table/Table.d.ts +74 -0
  178. package/dist/components/TableBody/TableBody.d.ts +55 -0
  179. package/dist/components/TableCell/TableCell.d.ts +56 -4
  180. package/dist/components/TableCell/types.d.ts +33 -0
  181. package/dist/components/TableCellHeader/TableCellHeader.d.ts +63 -2
  182. package/dist/components/TableCellHeader/types.d.ts +28 -0
  183. package/dist/components/TableFilters/TableFilters.d.ts +72 -0
  184. package/dist/components/TableFilters/hooks/useTableData.d.ts +3 -3
  185. package/dist/components/TableFilters/types.d.ts +130 -2
  186. package/dist/components/TableHead/TableHead.d.ts +37 -0
  187. package/dist/components/TableRow/TableRow.d.ts +2 -7
  188. package/dist/components/TableRow/types.d.ts +34 -0
  189. package/dist/components/TextField/TextField.d.ts +76 -0
  190. package/dist/components/TextField/types.d.ts +80 -0
  191. package/dist/components/Textarea/Textarea.d.ts +81 -0
  192. package/dist/components/Textarea/TextareaBase.d.ts +6 -1
  193. package/dist/components/Textarea/types.d.ts +109 -0
  194. package/dist/components/Tooltip/SimpleChartTooltip.d.ts +2 -1
  195. package/dist/components/Tooltip/Tooltip.d.ts +73 -0
  196. package/dist/components/Tooltip/types.d.ts +116 -5
  197. package/dist/components/TooltipContent/TooltipContent.d.ts +45 -0
  198. package/dist/components/TooltipTrigger/TooltipTrigger.d.ts +27 -1
  199. package/dist/components/Typeahead/Typeahead.context.d.ts +10 -4
  200. package/dist/components/Typeahead/Typeahead.d.ts +173 -9
  201. package/dist/components/Typeahead/components/TypeaheadOption.d.ts +1 -1
  202. package/dist/components/Typeahead/styles.d.ts +10 -5
  203. package/dist/components/Typeahead/types.d.ts +191 -1
  204. package/dist/components/Typeahead/useTypeahead.d.ts +13 -5
  205. package/dist/components/Typography/Typography.d.ts +50 -0
  206. package/dist/components/Typography/types.d.ts +67 -0
  207. package/dist/components/UserProfile/UserProfile.d.ts +76 -0
  208. package/dist/components/UserProfile/styles.d.ts +6 -4
  209. package/dist/components/UserProfile/types.d.ts +85 -1
  210. package/dist/components/WidgetCard/Title.d.ts +1 -1
  211. package/dist/components/WidgetCard/WidgetCardBase.d.ts +1 -1
  212. package/dist/components/WithLink.d.ts +1 -1
  213. package/dist/components/Wrapper/Wrapper.d.ts +83 -2
  214. package/dist/components/Wrapper/index.d.ts +1 -0
  215. package/dist/components/index.d.ts +113 -85
  216. package/dist/index.d.ts +1 -0
  217. package/dist/index.js +48942 -19624
  218. package/dist/index.js.map +1 -1
  219. package/dist/types/emotion.d.ts +65 -0
  220. package/dist/utils/react19HocCompat.d.ts +14 -0
  221. package/package.json +42 -33
  222. package/dist/components/Icon/icons/Company.d.ts +0 -3
@@ -1,6 +1,43 @@
1
1
  import { LabelProps } from '../Label/types';
2
+ /**
3
+ * Props for Field.Label component
4
+ *
5
+ * Accessible label component that automatically respects the disabled state
6
+ * from Field.Root context. Should be associated with form controls via htmlFor prop.
7
+ */
2
8
  export interface FieldLabelProps extends LabelProps {
9
+ /**
10
+ * Label text content
11
+ */
3
12
  children: React.ReactNode;
13
+ /**
14
+ * Custom CSS class name
15
+ */
4
16
  className?: string;
5
17
  }
18
+ /**
19
+ * Field.Label - Accessible label for form fields
20
+ *
21
+ * Provides an accessible label that automatically respects the disabled state
22
+ * from the Field.Root context. Should be associated with form controls using
23
+ * the htmlFor prop matching the control's id.
24
+ *
25
+ * @category Form Controls
26
+ * @subcategory Layout
27
+ *
28
+ * @example
29
+ * ```tsx
30
+ * <Field.Root>
31
+ * <Field.Label htmlFor="email">Email Address</Field.Label>
32
+ * <Field.Control>
33
+ * <Input id="email" name="email" />
34
+ * </Field.Control>
35
+ * </Field.Root>
36
+ * ```
37
+ *
38
+ * @accessibility
39
+ * - Properly associated with form controls via htmlFor/id
40
+ * - Respects disabled state from Field context
41
+ * - Screen reader friendly
42
+ */
6
43
  export declare const FieldLabel: ({ children, ...props }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,8 +1,26 @@
1
+ /**
2
+ * Field context value shared between Field components
3
+ * Provides validation status, disabled state, and focus behavior to child components
4
+ */
1
5
  export interface FieldContextValue {
6
+ /**
7
+ * Validation status of the field
8
+ * - `basic`: Default state, no validation feedback
9
+ * - `error`: Error state with red styling
10
+ * - `success`: Success state with green styling
11
+ * @default 'basic'
12
+ */
2
13
  status: 'error' | 'success' | 'basic';
14
+ /**
15
+ * Whether the field is disabled
16
+ * Disabled fields appear muted and cannot be interacted with
17
+ * @default false
18
+ */
3
19
  disabled: boolean;
4
20
  /**
5
- * If true, ReactElement children will be focused if FieldControl is clicked.
21
+ * If true, clicking on FieldControl will forward focus to its child input element
22
+ * This enables clicking anywhere in the control area to focus the input
23
+ * @default true
6
24
  */
7
25
  forwardFocus: boolean;
8
26
  }
@@ -1,7 +1,97 @@
1
1
  import { type HTMLAttributes } from 'react';
2
2
  import { FieldContextValue } from './FieldProvider';
3
+ /**
4
+ * Props for Field.Root component
5
+ *
6
+ * The root container component for form fields. Provides context for validation status,
7
+ * disabled state, and focus behavior to child Field components. Can render as a div
8
+ * (default) or use the asChild pattern to render without a wrapper.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * <Field.Root status="error">
13
+ * <Field.Label htmlFor="email">Email</Field.Label>
14
+ * <Field.Control>
15
+ * <Input id="email" name="email" />
16
+ * </Field.Control>
17
+ * <Field.Error>Invalid email address</Field.Error>
18
+ * </Field.Root>
19
+ * ```
20
+ */
3
21
  export interface FieldRootProps extends Partial<FieldContextValue>, HTMLAttributes<HTMLDivElement> {
22
+ /**
23
+ * If true, renders without a wrapper div (asChild pattern)
24
+ * Useful for semantic HTML (e.g., wrapping with fieldset)
25
+ * @default false
26
+ */
4
27
  asChild?: boolean;
28
+ /**
29
+ * Child components (typically Field.Label, Field.Control, Field.Description, etc.)
30
+ */
5
31
  children: React.ReactNode;
6
32
  }
33
+ /**
34
+ * Field - Compound layout primitives for building accessible form fields.
35
+ *
36
+ * Purpose: use when you need full control over field layout or when building custom
37
+ * form widgets (e.g. JsonSchemaForm, custom inputs). Field does not render an input
38
+ * itself — you compose Field.Root, Field.Label, Field.Control, Field.Description,
39
+ * Field.Error, and Field.Success around Input, Textarea, or other controls. Use
40
+ * TextField for a ready-made text input with label and validation UI.
41
+ *
42
+ * Field.Root - Root container for form field components. Provides context and
43
+ * styling container for form fields. Manages validation status, disabled state,
44
+ * and focus forwarding behavior. Use with Field.Label, Field.Control,
45
+ * Field.Description, Field.Error, and Field.Success components.
46
+ *
47
+ * @category Form Controls
48
+ * @subcategory Layout
49
+ *
50
+ * @example
51
+ * ```tsx
52
+ * // Basic field
53
+ * <Field.Root>
54
+ * <Field.Label htmlFor="username">Username</Field.Label>
55
+ * <Field.Control>
56
+ * <Input id="username" name="username" />
57
+ * </Field.Control>
58
+ * </Field.Root>
59
+ * ```
60
+ *
61
+ * @example
62
+ * ```tsx
63
+ * // Field with validation
64
+ * <Field.Root status={hasError ? 'error' : 'basic'}>
65
+ * <Field.Label htmlFor="email">Email</Field.Label>
66
+ * <Field.Control>
67
+ * <Input id="email" name="email" />
68
+ * </Field.Control>
69
+ * <Field.Error>Email is required</Field.Error>
70
+ * </Field.Root>
71
+ * ```
72
+ *
73
+ * @example
74
+ * ```tsx
75
+ * // Using asChild pattern with fieldset
76
+ * <Field.Root asChild status="error">
77
+ * <fieldset>
78
+ * <Field.Label htmlFor="age">Age</Field.Label>
79
+ * <Field.Control>
80
+ * <Input id="age" name="age" type="number" />
81
+ * </Field.Control>
82
+ * </fieldset>
83
+ * </Field.Root>
84
+ * ```
85
+ *
86
+ * @see {@link Field.Label} - For accessible labels
87
+ * @see {@link Field.Control} - For input wrapper
88
+ * @see {@link Field.Description} - For helper text
89
+ * @see {@link Field.Error} - For error messages
90
+ * @see {@link Field.Success} - For success messages
91
+ *
92
+ * @accessibility
93
+ * - Label/control association via htmlFor on Field.Label
94
+ * - Status (error/success) and disabled flow from context to child components
95
+ * - Optional focus forwarding from Field.Control to the inner input
96
+ */
7
97
  export declare const FieldRoot: ({ children, ...props }: FieldRootProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,4 +1,38 @@
1
+ /**
2
+ * Props for Field.Success component
3
+ *
4
+ * Success message component that only displays when field status is 'success'.
5
+ * Automatically hidden when field is in 'basic' or 'error' state.
6
+ */
1
7
  export interface FieldSuccessProps {
8
+ /**
9
+ * Success message text to display
10
+ */
2
11
  children: React.ReactNode;
3
12
  }
13
+ /**
14
+ * Field.Success - Success message for form fields
15
+ *
16
+ * Displays success/validation confirmation messages below form controls.
17
+ * Only visible when the field status is 'success'. Automatically styled with
18
+ * success colors and hidden when status is 'basic' or 'error'.
19
+ *
20
+ * @category Form Controls
21
+ * @subcategory Layout
22
+ *
23
+ * @example
24
+ * ```tsx
25
+ * <Field.Root status={isValid ? 'success' : 'basic'}>
26
+ * <Field.Label htmlFor="username">Username</Field.Label>
27
+ * <Field.Control>
28
+ * <Input id="username" name="username" />
29
+ * </Field.Control>
30
+ * <Field.Success>Username is available!</Field.Success>
31
+ * </Field.Root>
32
+ * ```
33
+ *
34
+ * @accessibility
35
+ * - Uses role="status" for screen reader announcements
36
+ * - Visible only when status is 'success'
37
+ */
4
38
  export declare const FieldSuccess: ({ children }: FieldSuccessProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
@@ -2,4 +2,8 @@ export * as Field from './index.parts';
2
2
  export { type FieldRootProps as FieldProps } from './FieldRoot';
3
3
  export { type FieldLabelProps } from './FieldLabel';
4
4
  export { type FieldControlProps } from './FieldControl';
5
+ export { type FieldErrorProps } from './FieldError';
6
+ export { type FieldSuccessProps } from './FieldSuccess';
7
+ export { type FieldDescriptionProps } from './FieldDescription';
8
+ export { type FieldContextValue } from './FieldProvider';
5
9
  export { useFieldContext } from './FieldProvider';
@@ -2,8 +2,9 @@ export declare const FilterBlockWrapper: import("@emotion/styled").StyledCompone
2
2
  theme?: import("@emotion/react").Theme;
3
3
  as?: React.ElementType;
4
4
  } & {
5
- direction?: string;
6
- alignItems?: string;
5
+ direction?: import("../Wrapper").WrapperDirection;
6
+ alignItems?: import("../Wrapper").WrapperAlignItems;
7
+ justifyContent?: import("../Wrapper").WrapperJustifyContent;
7
8
  fade?: boolean;
8
9
  fadeDelay?: number;
9
10
  isVisible?: boolean;
@@ -2,8 +2,8 @@ import { UseTableDataResult } from '../TableFilters/hooks/useTableData';
2
2
  import { BaseSyntheticEvent } from 'react';
3
3
  export declare const FiltersContext: import("react").Context<{
4
4
  checkboxData: import("../TableFilters/types").TableFilterConfig;
5
- wrapperRef: import("react").RefObject<HTMLElement> | undefined;
6
- refsList: import("react").MutableRefObject<HTMLElement | null>[];
5
+ wrapperRef: import("react").RefObject<HTMLElement | null> | undefined;
6
+ refsList: import("react").RefObject<HTMLElement | null>[];
7
7
  setElementRef: (groupName: string, element: HTMLElement | null) => void;
8
8
  onCheckboxToggle: (groupName: string, name: string | number) => void;
9
9
  onDropdownChange: (groupName: string, name: string | number) => void;
@@ -13,8 +13,8 @@ export declare const FiltersContext: import("react").Context<{
13
13
  }>;
14
14
  export declare const useFiltersContext: () => {
15
15
  checkboxData: import("../TableFilters/types").TableFilterConfig;
16
- wrapperRef: import("react").RefObject<HTMLElement> | undefined;
17
- refsList: import("react").MutableRefObject<HTMLElement | null>[];
16
+ wrapperRef: import("react").RefObject<HTMLElement | null> | undefined;
17
+ refsList: import("react").RefObject<HTMLElement | null>[];
18
18
  setElementRef: (groupName: string, element: HTMLElement | null) => void;
19
19
  onCheckboxToggle: (groupName: string, name: string | number) => void;
20
20
  onDropdownChange: (groupName: string, name: string | number) => void;
@@ -3,8 +3,8 @@ import { ElementInfo } from '../types';
3
3
  export type RefsByKey = Record<string, ElementInfo>;
4
4
  type UseVisibilityParams = {
5
5
  checkboxData: TableFilterConfig;
6
- refsList: Array<React.MutableRefObject<HTMLElement | null>>;
7
- wrapperRef?: React.RefObject<HTMLElement>;
6
+ refsList: Array<React.RefObject<HTMLElement | null>>;
7
+ wrapperRef?: React.RefObject<HTMLElement | null>;
8
8
  onVisibilityProcessed?: () => void;
9
9
  };
10
10
  export declare const useVisibility: ({ checkboxData, wrapperRef, refsList, onVisibilityProcessed, }: UseVisibilityParams) => {
@@ -8,7 +8,4 @@ export type FullscreenModeContextType = {
8
8
  export declare const FullscreenModeContext: import("react").Context<FullscreenModeContextType>;
9
9
  export declare const FullscreenModeProvider: ({ children, }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
10
10
  export declare const useFullscreenMode: () => FullscreenModeContextType;
11
- export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) => {
12
- (props: T): import("@emotion/react/jsx-runtime").JSX.Element;
13
- displayName: string;
14
- };
11
+ export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) => React.ComponentType<T>;
@@ -1,3 +1,3 @@
1
1
  import { SVGProps } from '../types';
2
2
  export declare const Assessment: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- export declare const ICON_NAME = "assessment";
3
+ export declare const ICON_NAME = "clipboard-assessment";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Award: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "award";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Bench: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "bench";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Briefcase: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "briefcase";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Building: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "building";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const CalendarSchedule: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "calendar-schedule";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Camera: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "camera";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const CardText: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "card-text";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Case: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "case";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Comments: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "comments";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Compensation: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "compensation";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Contacts: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "contacts";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const CopyLink: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "copy-link";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Delete: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "delete";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const DiamondRing: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "diamond-ring";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Document: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "document";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Documents: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "documents";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Education: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "education";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const EmployeeProfile: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "employee-profile";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Export: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "export";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const FollowLink: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "follow-link";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Form: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "clipboard-form";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Gender: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "gender";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Gift: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "gift";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Inventory: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "inventory";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Link: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "link";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const OfficeChair: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "office-chair";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const OpenBook: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "open-book";
@@ -1,3 +1,3 @@
1
1
  import { SVGProps } from '../types';
2
2
  export declare const Report: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- export declare const ICON_NAME = "report";
3
+ export declare const ICON_NAME = "clipboard-report";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Results: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "clipboard-result";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Signature: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "signature";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Summery: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "clipboard-summary";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Team: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "team";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const TechnicalReview: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "clipboard-star";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const TennisBall: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "tennis-ball";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Timeline: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "timeline";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const UnionCircle: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "union-circle";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from '../types';
2
+ export declare const Url: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const ICON_NAME = "url";
@@ -3,15 +3,21 @@ export * as ArrowDown from './ArrowDown';
3
3
  export * as ArrowUp from './ArrowUp';
4
4
  export * as Assessment from './Assessment';
5
5
  export * as Attention from './Attention';
6
+ export * as Award from './Award';
6
7
  export * as BanUser from './BanUser';
8
+ export * as Bench from './Bench';
7
9
  export * as Bin from './Bin';
8
10
  export * as Calendar from './Calendar';
11
+ export * as CalendarSchedule from './CalendarSchedule';
9
12
  export * as CarrotDown from './CarrotDown';
10
13
  export * as CarrotLeft from './CarrotLeft';
11
14
  export * as CarrotRight from './CarrotRight';
12
15
  export * as CarrotUp from './CarrotUp';
16
+ export * as CardText from './CardText';
17
+ export * as Case from './Case';
13
18
  export * as Certification from './Certification';
14
19
  export * as CertificationExpiring from './CertificationExpiring';
20
+ export * as Camera from './Camera';
15
21
  export * as Change from './Change';
16
22
  export * as Chart from './Chart';
17
23
  export * as Check from './Check';
@@ -22,25 +28,43 @@ export * as Circle from './Circle';
22
28
  export * as Circular from './Circular';
23
29
  export * as Clock from './Clock';
24
30
  export * as Cogwheel from './Cogwheel';
25
- export * as Company from './Company';
31
+ export * as Comments from './Comments';
32
+ export * as Briefcase from './Briefcase';
33
+ export * as Building from './Building';
34
+ export * as Compensation from './Compensation';
26
35
  export * as ConfirmEmail from './ConfirmEmail';
36
+ export * as Contacts from './Contacts';
27
37
  export * as Copy from './Copy';
38
+ export * as CopyLink from './CopyLink';
28
39
  export * as Cross from './Cross';
40
+ export * as Delete from './Delete';
41
+ export * as Document from './Document';
42
+ export * as DiamondRing from './DiamondRing';
29
43
  export * as Diet from './Diet';
44
+ export * as Documents from './Documents';
30
45
  export * as Edit from './Edit';
46
+ export * as Education from './Education';
31
47
  export * as Email from './Email';
32
48
  export * as Employee from './Employee';
49
+ export * as EmployeeProfile from './EmployeeProfile';
33
50
  export * as EmployeeTerminated from './EmployeeTerminated';
34
51
  export * as ExcelDownload from './ExcelDownload';
52
+ export * as Export from './Export';
35
53
  export * as Filter from './Filter';
36
54
  export * as FilterFunnel from './FilterFunnel';
55
+ export * as FollowLink from './FollowLink';
37
56
  export * as FTE from './FTE';
57
+ export * as Form from './Form';
38
58
  export * as Geography from './Geography';
59
+ export * as Gender from './Gender';
60
+ export * as Gift from './Gift';
39
61
  export * as Home from './Home';
40
62
  export * as Import from './Import';
41
63
  export * as Information from './Information';
64
+ export * as Inventory from './Inventory';
42
65
  export * as Invisible from './Invisible';
43
66
  export * as Language from './Language';
67
+ export * as Link from './Link';
44
68
  export * as Lock from './Lock';
45
69
  export * as LogIn from './LogIn';
46
70
  export * as LogOut from './LogOut';
@@ -53,6 +77,8 @@ export * as MinusCircleInverted from './MinusCircleInverted';
53
77
  export * as More from './More';
54
78
  export * as MoreVertical from './MoreVertical';
55
79
  export * as Notification from './Notification';
80
+ export * as OfficeChair from './OfficeChair';
81
+ export * as OpenBook from './OpenBook';
56
82
  export * as Pages from './Pages';
57
83
  export * as Party from './Party';
58
84
  export * as Plus from './Plus';
@@ -62,20 +88,29 @@ export * as ProbationPeriod from './ProbationPeriod';
62
88
  export * as ProfilesChanges from './ProfilesChanges';
63
89
  export * as RadioOn from './RadioOn';
64
90
  export * as Report from './Report';
91
+ export * as Results from './Results';
65
92
  export * as Robot from './Robot';
66
93
  export * as Roles from './Roles';
67
94
  export * as Search from './Search';
68
95
  export * as Seniority from './Seniority';
69
96
  export * as Settings from './Settings';
97
+ export * as Signature from './Signature';
70
98
  export * as Sleep from './Sleep';
71
99
  export * as StaffGrowthCoefficient from './StaffGrowthCoefficient';
72
100
  export * as StaffTurnoverCoefficient from './StaffTurnoverCoefficient';
73
101
  export * as Stats from './Stats';
102
+ export * as Summery from './Summery';
103
+ export * as Team from './Team';
104
+ export * as TechnicalReview from './TechnicalReview';
74
105
  export * as TimeTracking from './TimeTracking';
106
+ export * as Timeline from './Timeline';
107
+ export * as TennisBall from './TennisBall';
75
108
  export * as Trainings from './Trainings';
76
109
  export * as UnArchive from './UnArchive';
77
110
  export * as Union from './Union';
111
+ export * as UnionCircle from './UnionCircle';
78
112
  export * as Unlock from './Unlock';
113
+ export * as Url from './Url';
79
114
  export * as User from './User';
80
115
  export * as Visible from './Visible';
81
116
  export * as Warning from './Warning';
@@ -1 +1 @@
1
- export declare const iconsList: ("visible" | "copy" | "circle" | "search" | "email" | "attention" | "archive" | "arrow-down" | "arrow-up" | "assessment" | "ban-user" | "bin" | "calendar" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "certification" | "certification-expiring" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "children" | "circular" | "clock" | "cogwheel" | "company" | "confirm-email" | "cross" | "diet" | "edit" | "employee" | "employee-terminated" | "excel-download" | "filter" | "filter-funnel" | "fte" | "geography" | "home" | "import" | "information" | "invisible" | "language" | "lock" | "log-in" | "log-out" | "maximize" | "measurements" | "message" | "minus" | "minus-circle" | "minus-circle-inverted" | "more" | "more-vertical" | "notification" | "pages" | "party" | "plus" | "plus-circle" | "plus-circle-inverted" | "probation-period" | "profiles-changes" | "radio-on" | "report" | "robot" | "roles" | "seniority" | "settings" | "sleep" | "staff-growth-coefficient" | "staff-turnover-coefficient" | "stats" | "time-tracking" | "trainings" | "unarchive" | "union" | "unlock" | "user" | "warning")[];
1
+ export declare const iconsList: ("visible" | "warning" | "archive" | "document" | "link" | "search" | "arrow-down" | "arrow-up" | "clipboard-assessment" | "attention" | "award" | "ban-user" | "bench" | "bin" | "calendar" | "calendar-schedule" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "card-text" | "case" | "certification" | "certification-expiring" | "camera" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "children" | "circle" | "circular" | "clock" | "cogwheel" | "comments" | "briefcase" | "building" | "compensation" | "confirm-email" | "contacts" | "copy" | "copy-link" | "cross" | "delete" | "diamond-ring" | "diet" | "documents" | "edit" | "education" | "email" | "employee" | "employee-profile" | "employee-terminated" | "excel-download" | "export" | "filter" | "filter-funnel" | "follow-link" | "fte" | "clipboard-form" | "geography" | "gender" | "gift" | "home" | "import" | "information" | "inventory" | "invisible" | "language" | "lock" | "log-in" | "log-out" | "maximize" | "measurements" | "message" | "minus" | "minus-circle" | "minus-circle-inverted" | "more" | "more-vertical" | "notification" | "office-chair" | "open-book" | "pages" | "party" | "plus" | "plus-circle" | "plus-circle-inverted" | "probation-period" | "profiles-changes" | "radio-on" | "clipboard-report" | "clipboard-result" | "robot" | "roles" | "seniority" | "settings" | "signature" | "sleep" | "staff-growth-coefficient" | "staff-turnover-coefficient" | "stats" | "clipboard-summary" | "team" | "clipboard-star" | "time-tracking" | "timeline" | "tennis-ball" | "trainings" | "unarchive" | "union" | "union-circle" | "unlock" | "url" | "user")[];