@ssa-ui-kit/core 3.12.0 → 3.13.0

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/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/Radio/Radio.d.ts

@@ -53,7 +53,6 @@ import { RadioProps } from './types';
  *     default: '#ff0000',
  *     hovered: '#cc0000',
  *     disabled: '#cccccc',
- *     focusShadow: 'rgba(255,0,0,0.25)',
  *   }}
  *   onChange={handleChange}
  * />

package/dist/components/Radio/RadioBase.d.ts

@@ -1,5 +1,3 @@
 export declare const RadioBase: import("@emotion/styled").StyledComponent<import("..").LabelProps & {
     theme?: import("@emotion/react").Theme;
-} & {
-    focusShadowColor?: string;
 }, {}, {}>;

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

@@ -49,7 +49,6 @@
  *     default: '#ff0000',
  *     hovered: '#cc0000',
  *     disabled: '#cccccc',
- *     focusShadow: 'rgba(255, 0, 0, 0.25)',
  *   }}
  *   onChange={(value) => handleChange(value)}
  * />
@@ -120,7 +119,5 @@ export interface RadioProps {
         hovered?: string;
         /** Disabled state icon color */
         disabled?: string;
-        /** Focus ring drop-shadow color */
-        focusShadow?: string;
     };
 }

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;