@ssa-ui-kit/core 3.0.0 → 3.2.0

package/dist/components/Button/Button.d.ts

@@ -2,16 +2,16 @@ import { ButtonProps } from './types';
 /**
  * Button - Interactive button component for user actions.
  *
- * Variant colors are driven entirely by `theme.palette` — each variant reads
- * `palette.<variant>.main` for the default background, `palette.<variant>.dark`
- * for hover and active states, and `palette.<variant>.light` for focus state.
- * Override any palette entry in a custom theme to restyle a variant without
- * affecting other components.
+ * Variant colors are driven entirely by `theme.palette` for solid variants — each
+ * reads `palette.<variant>.main` (default), `palette.<variant>.dark` (hover/active),
+ * `palette.<variant>.light` (focus). Override any palette entry in a custom theme
+ * to restyle a variant without affecting other components.
  *
- * ### Variants (default: `tertiary`)
+ * ### Variants (default: `custom`)
+ * - `custom`    — transparent, dark text; recommended for low-emphasis actions (default)
  * - `primary`   — blue, high emphasis, white text
  * - `secondary` — grey, medium emphasis, dark text
- * - `tertiary`  — transparent background, dark text, focus outline only (default)
+ * - `tertiary`  — legacy; same as custom; prefer `custom` instead
  * - `error`     — red, destructive actions, white text
  * - `warning`   — orange, caution actions, white text
  * - `success`   — green, confirmation actions, white text
@@ -21,7 +21,7 @@ import { ButtonProps } from './types';
  *
  * @example
  * ```tsx
- * // No variant passed → tertiary (transparent ghost button)
+ * // No variant passed → custom (transparent, recommended)
  * <Button text="Cancel" onClick={handleCancel} />
  * ```
  *

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

@@ -1,4 +1,4 @@
-import { AriaAttributes } from 'react';
+import React, { AriaAttributes } from 'react';
 import { SerializedStyles, Theme } from '@emotion/react';
 import { MouseEventHandler } from 'react';
 /**
@@ -72,9 +72,11 @@ export interface ButtonProps extends ButtonAriaProps {
      */
     endIconClassName?: string;
     /**
-     * Visual style variant of the button (uses theme.palette)
-     * - `primary` | `secondary` | `tertiary` | `error` | `warning` | `success`
-     * @default 'tertiary'
+     * Visual style variant of the button (uses theme.palette for solid variants).
+     * - `custom` — transparent, dark text; recommended for low-emphasis actions (default)
+     * - `primary` | `secondary` | `error` | `warning` | `success` — use theme.palette
+     * - `tertiary` — legacy; same as custom; prefer `custom` instead
+     * @default 'custom'
      */
     variant?: keyof ButtonVariants;
     /**
@@ -108,14 +110,16 @@ export interface ButtonProps extends ButtonAriaProps {
 }
 /**
  * Button variant style functions.
- * Each function reads from `theme.palette.<variant>` using the following convention:
- * - `main`  → default background
- * - `dark`  → hover and active background
- * - `light` → focus background
+ * Solid variants (primary, secondary, error, warning, success) read from
+ * `theme.palette.<variant>`: main (default), dark (hover/active), light (focus).
+ * Custom and tertiary are transparent (no palette); prefer custom to tertiary.
  */
 export interface ButtonVariants {
+    /** Recommended transparent variant; no focus outline. */
+    custom: (theme: Theme) => SerializedStyles;
     primary: (theme: Theme) => SerializedStyles;
     secondary: (theme: Theme) => SerializedStyles;
+    /** Legacy transparent variant; prefer custom. */
     tertiary: (theme: Theme) => SerializedStyles;
     error: (theme: Theme) => SerializedStyles;
     warning: (theme: Theme) => SerializedStyles;

package/dist/components/Chip/constants.d.ts

@@ -10,6 +10,13 @@ export declare const COLORS: {
     readonly ERROR: "error";
     readonly WARNING: "warning";
 };
+/** Outlined variant background opacity (light color with opacity) */
+export declare const OUTLINED_BG_OPACITY: {
+    readonly DEFAULT: 0.08;
+    readonly HOVER: 0.24;
+    readonly ACTIVE: 0.4;
+    readonly DISABLED: 0.24;
+};
 export declare const mapSizes: {
     small: import("@emotion/react").SerializedStyles;
     medium: import("@emotion/react").SerializedStyles;

package/dist/components/Chip/helpers.d.ts

@@ -12,7 +12,7 @@ type ColorConfig = {
     darkText?: boolean;
 };
 export declare const colorMap: (theme: Theme) => Record<SemanticColor, ColorConfig>;
-export declare const getVariantColors: (theme: Theme, variant: ChipProps["variant"], color: ChipProps["color"], disabled: boolean) => {
+export declare const getVariantColors: (theme: Theme, variant: ChipProps["variant"], color: ChipProps["color"], disabled: boolean, isClickable?: boolean) => {
     chipStyles: import("@emotion/react").SerializedStyles;
     iconColor: string | undefined;
 };

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

@@ -11,7 +11,11 @@ export declare const filled: (theme: Theme) => import("@emotion/react").Serializ
 export declare const filledDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const outlined: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const outlinedDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
+/** Hover/active bg opacity for default (grey) outlined clickable chip */
+export declare const clickableOutlinedDefault: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const clickable: import("@emotion/react").SerializedStyles;
+/** cursor + transition only; hover/active handled by variant (e.g. outlined bg opacity) */
+export declare const clickableBase: import("@emotion/react").SerializedStyles;
 export declare const clickableDisabled: import("@emotion/react").SerializedStyles;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: Theme;

package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts

@@ -2,4 +2,4 @@ import { CollapsibleNavBarExtendedProps } from './types';
 /**
  * UI Component that shows the collapsible navigation bar
  */
-export declare const CollapsibleNavBar: ({ items, renderLogo, theme, subMenuMaxWidth, showIconTooltip, className, useMatchPattern, onChange, exactMatch, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CollapsibleNavBar: ({ items, renderLogo, theme, subMenuMaxWidth, showIconTooltip, className, useMatchPattern, onChange, exactMatch, defaultExpanded, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -12,13 +12,21 @@ export interface CollapsibleNavBarGroup<T extends NavBarExtendedSubItem = NavBar
     prefix: string;
 }
 export interface CollapsibleNavBarExtendedProps<T extends NavBarExtendedSubItem = NavBarExtendedSubItem> {
+    /** Nav items: link items (path, iconName, iconSize, title) or groups with prefix, iconName, iconSize, title, items (sub-items: path, title). */
     items: Array<CollapsibleNavBarItem | CollapsibleNavBarGroup<T>>;
+    /** Logo or branding element (e.g. image or div) shown above the nav. */
     renderLogo: React.ReactElement;
+    /** Visual theme: dark (default) or light sidebar. */
     theme?: 'default' | 'light';
+    /** Optional CSS class for the root. */
     className?: string;
+    /** Max width for submenu panels (e.g. 220). */
     subMenuMaxWidth?: CSSProperties['maxWidth'];
+    /** When true, show tooltips on nav icons when sidebar is collapsed. */
     showIconTooltip?: boolean;
+    /** Custom route matching for active state (e.g. for React Router). */
     useMatchPattern?: (prefix: string) => string | PathPattern<string>;
+    /** Called when the sidebar expand/collapse state changes. */
     onChange?: (isChecked: boolean) => void;
     /**
      * If true, only exact path matches will be considered active.
@@ -26,4 +34,9 @@ export interface CollapsibleNavBarExtendedProps<T extends NavBarExtendedSubItem
      * @default false
      */
     exactMatch?: boolean;
+    /**
+     * Initial expanded state (sidebar shows icon + text). When false, only icons are shown until the user toggles.
+     * @default false
+     */
+    defaultExpanded?: boolean;
 }

package/dist/components/Dropdown/Dropdown.d.ts

@@ -88,5 +88,5 @@ import { DropdownProps } from './types';
  *
  * @see https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
  */
-declare const Dropdown: <T extends DropdownOptionProps>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, placeholder, dropdownProps: componentProps, }: DropdownProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Dropdown: <T extends DropdownOptionProps>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, placeholder, maxHeight, dropdownProps: componentProps, }: DropdownProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Dropdown;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Interpolation, Theme } from '@emotion/react';
 import { DropdownOptionProps } from '../DropdownOptions';
 import { CommonProps } from '../../types/emotion';
 import { IconProps } from '../Icon/types';
@@ -70,6 +71,11 @@ export interface DropdownProps<P extends DropdownOptionProps> extends CommonProp
      * When provided, controls dropdown open/closed state externally
      */
     isOpen?: boolean;
+    /**
+     * Max height (px) of the options list; overflow scrolls.
+     * @default 200
+     */
+    maxHeight?: number;
     /**
      * Props object for sub-components
      * Allows fine-grained control over component parts
@@ -78,7 +84,29 @@ export interface DropdownProps<P extends DropdownOptionProps> extends CommonProp
         /** Props for the wrapper div element */
         base?: React.HTMLAttributes<HTMLDivElement>;
         /** Props for the toggle button element (excluding controlled props) */
-        toggleButton?: Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, ControlledButtonProps>;
+        toggleButton?: Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, ControlledButtonProps> & {
+            /**
+             * Emotion css prop for custom styles on the toggle button.
+             * Merged on top of the component's built-in styles, so any rule here
+             * overrides the default appearance.
+             *
+             * @example
+             * ```tsx
+             * import { css } from '@emotion/react';
+             *
+             * <Dropdown
+             *   dropdownProps={{
+             *     toggleButton: {
+             *       css: css`background: hotpink; border: none;`,
+             *     },
+             *   }}
+             * >
+             *   ...
+             * </Dropdown>
+             * ```
+             */
+            css?: Interpolation<Theme>;
+        };
         /** Props for the arrow icon SVG element */
         toggleButtonArrow?: Omit<IconProps, 'name' | 'size'>;
     };
@@ -98,4 +126,8 @@ export interface DropdownContextType {
      * Used to highlight the selected option
      */
     activeItem?: DropdownOptionProps | null;
+    /**
+     * Max height (px) of the options list
+     */
+    maxHeight?: number;
 }

package/dist/components/DropdownOption/DropdownOption.d.ts

@@ -10,6 +10,8 @@ interface DropdownItemProps extends CommonProps {
     value?: string | number | boolean;
     label?: string | number;
     children?: React.ReactNode;
+    /** Avatar or icon to display before the option content (e.g. <Avatar size={20} image={url} />) */
+    avatar?: React.ReactNode;
 }
 declare const DropdownOption: import("@emotion/styled").StyledComponent<{
     theme?: Theme;

package/dist/components/DropdownToggle/DropdownToggle.d.ts

@@ -1,6 +1,7 @@
+import { Theme } from '@emotion/react';
 import { DropdownToggleProps } from './types';
 export declare const DropdownToggleBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
     as?: React.ElementType;
 } & Pick<DropdownToggleProps, "colors" | "disabled" | "isOpen" | "isMultiple" | "selectedCount">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, ...restProps }: DropdownToggleProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,12 @@
 import React from 'react';
-import { Theme } from '@emotion/react';
+import { Interpolation, Theme } from '@emotion/react';
 import { CommonProps } from '../../types/emotion';
 import { ControlledButtonProps } from '../Dropdown/types';
 export interface DropdownToggleProps extends CommonProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, ControlledButtonProps> {
+    /** Emotion css prop forwarded to the underlying styled button */
+    css?: Interpolation<Theme>;
     onClick: (e: React.MouseEvent<HTMLElement>) => void;
-    onFocus: (e: React.FocusEvent<HTMLButtonElement, Element>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLButtonElement, Element>) => void;
     isOpen: boolean;
     isMultiple?: boolean;
     disabled?: boolean;
@@ -17,5 +19,5 @@ export interface DropdownToggleProps extends CommonProps, Omit<React.ButtonHTMLA
 }
 export interface MultipleStylesProps {
     theme: Theme;
-    selectedCount?: number;
+    isOpen?: boolean;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,15 +3,21 @@ export * as ArrowDown from './ArrowDown';
 export * as ArrowUp from './ArrowUp';
 export * as Assessment from './Assessment';
 export * as Attention from './Attention';
+export * as Award from './Award';
 export * as BanUser from './BanUser';
+export * as Bench from './Bench';
 export * as Bin from './Bin';
 export * as Calendar from './Calendar';
+export * as CalendarSchedule from './CalendarSchedule';
 export * as CarrotDown from './CarrotDown';
 export * as CarrotLeft from './CarrotLeft';
 export * as CarrotRight from './CarrotRight';
 export * as CarrotUp from './CarrotUp';
+export * as CardText from './CardText';
+export * as Case from './Case';
 export * as Certification from './Certification';
 export * as CertificationExpiring from './CertificationExpiring';
+export * as Camera from './Camera';
 export * as Change from './Change';
 export * as Chart from './Chart';
 export * as Check from './Check';
@@ -22,25 +28,47 @@ export * as Circle from './Circle';
 export * as Circular from './Circular';
 export * as Clock from './Clock';
 export * as Cogwheel from './Cogwheel';
-export * as Company from './Company';
+export * as Comments from './Comments';
+export * as Briefcase from './Briefcase';
+export * as Building from './Building';
+export * as Compensation from './Compensation';
 export * as ConfirmEmail from './ConfirmEmail';
+export * as Contacts from './Contacts';
 export * as Copy from './Copy';
+export * as CopyLink from './CopyLink';
 export * as Cross from './Cross';
+export * as Delete from './Delete';
+export * as Document from './Document';
+export * as DiamondRing from './DiamondRing';
 export * as Diet from './Diet';
+export * as Documents from './Documents';
 export * as Edit from './Edit';
+export * as Education from './Education';
 export * as Email from './Email';
 export * as Employee from './Employee';
+export * as EmployeeProfile from './EmployeeProfile';
 export * as EmployeeTerminated from './EmployeeTerminated';
+export * as EmployeeBlackboard from './EmployeeBlackboard';
 export * as ExcelDownload from './ExcelDownload';
+export * as Export from './Export';
+export * as FileMark from './FileMark';
+export * as FilePdf from './FilePdf';
+export * as FileWord from './FileWord';
 export * as Filter from './Filter';
 export * as FilterFunnel from './FilterFunnel';
+export * as FollowLink from './FollowLink';
 export * as FTE from './FTE';
+export * as Form from './Form';
 export * as Geography from './Geography';
+export * as Gender from './Gender';
+export * as Gift from './Gift';
 export * as Home from './Home';
 export * as Import from './Import';
 export * as Information from './Information';
+export * as Inventory from './Inventory';
 export * as Invisible from './Invisible';
 export * as Language from './Language';
+export * as Link from './Link';
 export * as Lock from './Lock';
 export * as LogIn from './LogIn';
 export * as LogOut from './LogOut';
@@ -53,6 +81,8 @@ export * as MinusCircleInverted from './MinusCircleInverted';
 export * as More from './More';
 export * as MoreVertical from './MoreVertical';
 export * as Notification from './Notification';
+export * as OfficeChair from './OfficeChair';
+export * as OpenBook from './OpenBook';
 export * as Pages from './Pages';
 export * as Party from './Party';
 export * as Plus from './Plus';
@@ -62,20 +92,29 @@ export * as ProbationPeriod from './ProbationPeriod';
 export * as ProfilesChanges from './ProfilesChanges';
 export * as RadioOn from './RadioOn';
 export * as Report from './Report';
+export * as Results from './Results';
 export * as Robot from './Robot';
 export * as Roles from './Roles';
 export * as Search from './Search';
 export * as Seniority from './Seniority';
 export * as Settings from './Settings';
+export * as Signature from './Signature';
 export * as Sleep from './Sleep';
 export * as StaffGrowthCoefficient from './StaffGrowthCoefficient';
 export * as StaffTurnoverCoefficient from './StaffTurnoverCoefficient';
 export * as Stats from './Stats';
+export * as Summery from './Summery';
+export * as Team from './Team';
+export * as TechnicalReview from './TechnicalReview';
 export * as TimeTracking from './TimeTracking';
+export * as Timeline from './Timeline';
+export * as TennisBall from './TennisBall';
 export * as Trainings from './Trainings';
 export * as UnArchive from './UnArchive';
 export * as Union from './Union';
+export * as UnionCircle from './UnionCircle';
 export * as Unlock from './Unlock';
+export * as Url from './Url';
 export * as User from './User';
 export * as Visible from './Visible';
 export * as Warning from './Warning';

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

@@ -1 +1 @@
-export declare const iconsList: ("visible" | "warning" | "archive" | "search" | "arrow-down" | "arrow-up" | "assessment" | "attention" | "ban-user" | "bin" | "calendar" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "certification" | "certification-expiring" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "children" | "circle" | "circular" | "clock" | "cogwheel" | "company" | "confirm-email" | "copy" | "cross" | "diet" | "edit" | "email" | "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")[];
+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" | "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")[];