@ssa-ui-kit/core 3.12.1 → 3.13.1

package/dist/components/FormHelperText/FormHelperTextBase.d.ts

@@ -3,4 +3,5 @@ export declare const FormHelperTextBase: import("@emotion/styled").StyledCompone
     as?: React.ElementType;
 } & {
     status?: string;
+    isDisabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/Icon/icons/AssessmentStages.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const AssessmentStages: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "assessment-stages";

package/dist/components/Icon/icons/Autoscale.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Autoscale: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "autoscale";

package/dist/components/Icon/icons/BoxSelect.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const BoxSelect: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "box-select";

package/dist/components/Icon/icons/CodeReviewComments.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const CodeReviewComments: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "code-review-comments";

package/dist/components/Icon/icons/CommentsOnAchievements.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const CommentsOnAchievements: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "comments-on-achievements";

package/dist/components/Icon/icons/Dashboard.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Dashboard: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "dashboard";

package/dist/components/Icon/icons/DayOff.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const DayOff: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "day-off";

package/dist/components/Icon/icons/Desktop.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Desktop: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "desktop";

package/dist/components/Icon/icons/FilterList.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const FilterList: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "filter-list";

package/dist/components/Icon/icons/Folder.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Folder: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "folder";

package/dist/components/Icon/icons/History.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const History: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "history";

package/dist/components/Icon/icons/LassoSelect.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const LassoSelect: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "lasso-select";

package/dist/components/Icon/icons/Leave.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Leave: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "leave";

package/dist/components/Icon/icons/MoreInfo.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const MoreInfo: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "more-info";

package/dist/components/Icon/icons/Overtime.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Overtime: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "overtime";

package/dist/components/Icon/icons/Pan.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Pan: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "pan";

package/dist/components/Icon/icons/Phone.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Phone: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "phone";

package/dist/components/Icon/icons/Preview.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Preview: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "preview";

package/dist/components/Icon/icons/ResetAxes.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const ResetAxes: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "reset-axes";

package/dist/components/Icon/icons/SalaryReports.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const SalaryReports: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "salary-reports";

package/dist/components/Icon/icons/Save2.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Save2: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "save-2";

package/dist/components/Icon/icons/SickLeave.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const SickLeave: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "sick-leave";

package/dist/components/Icon/icons/Star.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Star: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "star";

package/dist/components/Icon/icons/Support.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Support: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "support";

package/dist/components/Icon/icons/Tablet.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Tablet: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "tablet";

package/dist/components/Icon/icons/Vacation.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Vacation: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "vacation";

package/dist/components/Icon/icons/Zoom.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const Zoom: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "zoom";

package/dist/components/Icon/icons/ZoomIn.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const ZoomIn: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "zoom-in";

package/dist/components/Icon/icons/ZoomOut.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const ZoomOut: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "zoom-out";

package/dist/components/Icon/icons/all.d.ts

@@ -126,3 +126,32 @@ export * as LockOutlined from './LockOutlined';
 export * as AddFolder from './AddFolder';
 export * as MoveFolder from './MoveFolder';
 export * as AttentionCircle from './AttentionCircle';
+export * as Zoom from './Zoom';
+export * as ZoomIn from './ZoomIn';
+export * as ZoomOut from './ZoomOut';
+export * as Pan from './Pan';
+export * as BoxSelect from './BoxSelect';
+export * as LassoSelect from './LassoSelect';
+export * as Autoscale from './Autoscale';
+export * as ResetAxes from './ResetAxes';
+export * as Star from './Star';
+export * as Preview from './Preview';
+export * as Dashboard from './Dashboard';
+export * as Phone from './Phone';
+export * as Tablet from './Tablet';
+export * as Desktop from './Desktop';
+export * as MoreInfo from './MoreInfo';
+export * as FilterList from './FilterList';
+export * as History from './History';
+export * as Overtime from './Overtime';
+export * as Save2 from './Save2';
+export * as Folder from './Folder';
+export * as SalaryReports from './SalaryReports';
+export * as AssessmentStages from './AssessmentStages';
+export * as CommentsOnAchievements from './CommentsOnAchievements';
+export * as CodeReviewComments from './CodeReviewComments';
+export * as Support from './Support';
+export * as Leave from './Leave';
+export * as Vacation from './Vacation';
+export * as SickLeave from './SickLeave';
+export * as DayOff from './DayOff';

package/dist/components/Icon/icons/iconsList.d.ts

@@ -1 +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" | "employee-blackboard" | "excel-download" | "export" | "file-mark" | "file-pdf" | "file-word" | "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" | "setting-clock" | "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" | "panelLeft" | "panelRight" | "emailOutlined" | "lockOutlined" | "addFolder" | "moveFolder" | "attention-circle")[];
+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" | "employee-blackboard" | "excel-download" | "export" | "file-mark" | "file-pdf" | "file-word" | "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" | "setting-clock" | "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" | "panelLeft" | "panelRight" | "emailOutlined" | "lockOutlined" | "addFolder" | "moveFolder" | "attention-circle" | "zoom" | "zoom-in" | "zoom-out" | "pan" | "box-select" | "lasso-select" | "autoscale" | "reset-axes" | "star" | "preview" | "dashboard" | "phone" | "tablet" | "desktop" | "more-info" | "filter-list" | "history" | "overtime" | "save-2" | "folder" | "salary-reports" | "assessment-stages" | "comments-on-achievements" | "code-review-comments" | "support" | "leave" | "vacation" | "sick-leave" | "day-off")[];

package/dist/components/Pagination/Pagination.d.ts

@@ -80,5 +80,5 @@ import { PaginationProps } from './types';
  * - Screen reader friendly
  * - Proper focus management
  */
-declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, pageNumberPlaceholder, errorTooltip, isPageSettingVisible, isPageFromCountVisible, isRowPerPageVisible, rowPerPageProps, manualPageNumberProps, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, pageNumberPlaceholder, errorTooltip, isPageSettingVisible, isPageFromCountVisible, isRowPerPageVisible, rowPerPageProps, manualPageNumberProps, renderPageCount, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/components/Pagination/PaginationButtons.d.ts

@@ -34,4 +34,4 @@ import { PaginationButtonsProps } from './types';
  * - Screen reader friendly
  * - Proper focus management
  */
-export declare const PaginationButtons: ({ range, selectedPage, onClick, isDisabled, }: PaginationButtonsProps) => false | import("@emotion/react/jsx-runtime").JSX.Element[];
+export declare const PaginationButtons: ({ range, selectedPage, onClick, isDisabled, }: PaginationButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/styles.d.ts

@@ -1,7 +1,9 @@
 import { Theme } from '@emotion/react';
 export declare const pageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectedPageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const arrowBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const arrowBtnStyles: import("@emotion/react").SerializedStyles;
+/** Ellipsis ("...") cell rendered between page-number breaks; sized to match a Number cell. */
+export declare const breakStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const PaginationNav: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;

package/dist/components/Pagination/types.d.ts

@@ -104,6 +104,14 @@ export interface PaginationProps extends CommonProps {
      * @default 'The value is out of range'
      */
     errorTooltip?: string;
+    /**
+     * Custom renderer for the page count indicator shown next to the manual
+     * page input (only when `isPageSettingVisible` and `isPageFromCountVisible`).
+     * Receives the current page and total page count and returns custom JSX,
+     * allowing wording such as `Pages 1 out of 300`.
+     * @default `${current} / ${total}`
+     */
+    renderPageCount?: (current: number, total: number) => React.ReactNode;
 }
 /**
  * Props for PaginationButtons component

package/dist/components/Switch/Switch.d.ts

@@ -11,8 +11,10 @@ import { SwitchProps } from './types';
  * Checkbox, and Radio. Pass `color="custom"` together with the `colors`
  * object to supply arbitrary CSS color values.
  *
- * The off state always shows a neutral grey background. The disabled state
- * always uses `greyFocused40`, regardless of color variant.
+ * The off state always shows a neutral grey background (`greyFocused`).
+ * The disabled state always uses `greySelectedMenuItem`, regardless of color variant.
+ * Hovering the on state darkens it: palette variants swap to their `palette.*.dark`
+ * token; custom colors get a `rgba(0,0,0,0.15)` overlay so the knob stays unaffected.
  *
  * @category Form Controls
  * @subcategory Input

package/dist/components/Switch/SwitchBase.d.ts

@@ -1,5 +1,7 @@
 interface SwitchBaseProps {
     onColor: string;
+    /** Explicit hover background for palette variants. When omitted, a ::after overlay darkens the track instead, leaving the knob unaffected. */
+    hoverColor?: string;
     offOutlineColor: string;
 }
 declare const SwitchBase: import("@emotion/styled").StyledComponent<{

package/dist/components/Switch/types.d.ts

@@ -7,13 +7,16 @@
  * Colors are driven by `theme.palette` for consistency with Button, Checkbox,
  * and Radio:
  * - `primary` (default) — blue; uses `palette.primary.main` for the on-state
- *   background, `palette.primary.light` for the off-state focus outline.
+ *   background, `palette.primary.dark` on hover, `palette.primary.light` for
+ *   the off-state focus outline.
  * - `success` — green; uses `palette.success.main` for the on-state background,
- *   `palette.success.light` for the off-state focus outline.
+ *   `palette.success.dark` on hover, `palette.success.light` for the off-state
+ *   focus outline.
  * - `custom` — no built-in color; supply exact values via the `colors` prop.
+ *   On hover, a `rgba(0,0,0,0.15)` overlay darkens the track; the knob is unaffected.
  *
- * The off state always uses a neutral grey background regardless of variant.
- * Disabled state always uses `greyFocused40` (semi-transparent grey, same for all variants).
+ * The off state always uses a neutral grey background (`greyFocused`) regardless
+ * of variant. Disabled state always uses `greySelectedMenuItem` (same for all variants).
  *
  * @example
  * ```tsx
@@ -54,7 +57,7 @@ export interface SwitchProps {
     label: string;
     /**
      * Whether the switch is disabled
-     * Disabled switches cannot be toggled and appear visually muted
+     * Disabled switches cannot be toggled; background becomes `greySelectedMenuItem`
      * @default false
      */
     isDisabled?: boolean;