@ssa-ui-kit/core 0.0.1-alpha → 0.0.2-alpha

package/dist/components/AccordionGroup/index.d.ts

@@ -3,3 +3,4 @@ export { AccordionContent } from './AccordionContent';
 export { AccordionGroupContext, AccordionGroupContextProvider, } from './AccordionContext';
 export { AccordionTitle } from './AccordionTitle';
 export { Accordion } from './Accordion';
+export * from './types';

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

@@ -4,11 +4,13 @@ export type AccordionSize = 'empty' | 'small' | 'medium' | 'large';
 export type SizeStyles = {
     [K in AccordionSize]: SerializedStyles;
 };
+type AccordionGroupChildren = React.ReactElement<React.PropsWithChildren<AccordionViewProps>>;
 export interface AccordionGroupProps {
     id?: string;
-    children: React.ReactElement<React.PropsWithChildren<AccordionViewProps>>[];
+    children: AccordionGroupChildren | AccordionGroupChildren[];
     size?: AccordionSize;
     accordionsStayOpen?: boolean;
+    className?: string;
 }
 export interface AccordionProps {
     id: number | string;
@@ -42,3 +44,4 @@ export interface IAccordionGroupContext {
     toggleOpenedAccordion: (accordion: AccordionProps) => void;
     setStayOpen: (isStayOpen: boolean) => void;
 }
+export {};

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

@@ -23,8 +23,8 @@ export declare const secondaryBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const tertiaryBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -42,8 +42,8 @@ export declare const tertiaryBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const infoBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -61,8 +61,8 @@ export declare const infoBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const attentionBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -80,6 +80,6 @@ export declare const attentionBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
 import { ICheckboxProps } from './types';
-declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, ...rest }: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

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

@@ -1,6 +1,6 @@
-import { Control, FieldPath, FieldValues } from 'react-hook-form';
+import { Control, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
 import { MutableRefObject } from 'react';
-export interface ICheckboxProps {
+export interface ICheckboxProps extends Partial<Pick<UseFormReturn, 'register'>> {
     text?: string;
     id?: string;
     onChange?: (newState: boolean) => void;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-export declare const iconsList: readonly ["diet", "calendar", "home", "stats", "sleep", "trainings", "measurements", "settings", "plus", "minus", "more", "more-vertical", "check", "check-circle", "cross", "user", "union", "notification", "information", "warning", "attention", "visible", "invisible", "log-out", "carrot-down", "carrot-up", "carrot-left", "carrot-right", "radio-on", "circle", "arrow-up", "arrow-down", "filter", "search", "archive", "bin", "change", "copy"];
+export declare const iconsList: readonly ["diet", "calendar", "home", "stats", "sleep", "trainings", "measurements", "settings", "plus", "minus", "more", "more-vertical", "check", "check-circle", "cross", "user", "union", "notification", "information", "warning", "attention", "visible", "invisible", "log-out", "log-in", "email", "lock", "carrot-down", "carrot-up", "carrot-left", "carrot-right", "radio-on", "circle", "arrow-up", "arrow-down", "filter", "search", "archive", "bin", "change", "copy", "robot", "chart", "clock"];

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { Placement, useInteractions, UseFloatingReturn, UseFloatingOptions } from '@floating-ui/react';
+export type InteractionsEnabled = 'click' | 'hover' | 'both';
 export interface PopoverOptions {
     initialOpen?: boolean;
     placement?: Placement;
     modal?: boolean;
     open?: boolean;
     floatingOptions?: Partial<UseFloatingOptions>;
+    interactionsEnabled?: InteractionsEnabled;
     onOpenChange?: (open: boolean) => void;
 }
 export type SetIDs = {

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

@@ -1,19 +1,11 @@
-/// <reference types="react" />
 import type { UseFormReturn, FieldError } from 'react-hook-form';
-export interface TextFieldProps extends Partial<Pick<UseFormReturn, 'register'>> {
-    name: string;
-    type?: string;
+import { InputProps } from '../Input/types';
+export interface TextFieldProps extends InputProps, Partial<Pick<UseFormReturn, 'register'>> {
     label?: string;
-    placeholder?: string;
-    validationSchema?: Record<string, unknown>;
     errors?: FieldError;
     success?: boolean;
     helperText?: string;
-    disabled?: boolean;
     rows?: number;
-    endElement?: React.ReactElement;
     multirow?: boolean;
     maxLength?: number;
-    className?: string;
-    as?: React.ElementType;
 }

package/dist/index.d.ts

@@ -20,7 +20,11 @@ export * from './components/Checkbox';
 export { default as FormCheckbox } from './components/FormCheckbox';
 export * from './components/FormCheckbox';
 export { default as Dropdown } from './components/Dropdown';
+export { default as DropdownArrow } from './components/DropdownArrow';
+export { default as DropdownBase } from './components/DropdownBase';
 export { default as DropdownOption } from './components/DropdownOption';
+export { default as DropdownOptions } from './components/DropdownOptions';
+export { default as DropdownToggle } from './components/DropdownToggle';
 export type { IDropdownOption } from './components/DropdownOptions';
 export { default as Icon } from './components/Icon';
 export * from './components/Icon';
@@ -31,11 +35,13 @@ export { default as Modal } from './components/Modal';
 export { default as ModalDismissButton } from './components/ModalDismissButton';
 export { default as ModalContent } from './components/ModalContent';
 export { default as ModalOpenButton } from './components/ModalOpenButton';
+export { default as ModalDialog } from './components/ModalDialog';
 export * from './components/Modal';
 export * from './components/Popover';
 export { default as MultipleDropdown } from './components/MultipleDropdown';
 export { default as MultipleDropdownNotification } from './components/MultipleDropdownNotification';
 export { default as MultipleDropdownOptions } from './components/MultipleDropdownOptions';
+export { default as Progress } from './components/Progress';
 export { default as ProgressBar } from './components/ProgressBar';
 export { default as ProgressCircle } from './components/ProgressCircle';
 export { default as ProgressLegend } from './components/ProgressLegend';
@@ -43,6 +49,7 @@ export { default as ProgressLegendItem } from './components/ProgressLegendItem';
 export { default as ProgressVertical } from './components/ProgressVertical';
 export { default as Stepper } from './components/Stepper';
 export { default as Step } from './components/Step';
+export { default as StepConnector } from './components/StepConnector';
 export { default as StepLabel } from './components/StepLabel';
 export { default as Switch } from './components/Switch';
 export * from './components/Switch';
@@ -77,5 +84,7 @@ export * from './components/ResponsiveImage';
 export { default as Form } from './components/Form';
 export { default as FormGroup } from './components/FormGroup';
 export { default as FormAction } from './components/FormAction';
+export { default as FormHelperText } from './components/FormHelperText';
 export { default as Indicator } from './components/Indicator';
 export * from './components/ButtonGroup';
+export { default as Link } from './components/Link';