@zealicsolutions/web-ui 0.2.6 → 0.2.8

package/dist/esm/src/atoms/Buttons/Button.stories.d.ts

@@ -3,6 +3,7 @@ import { FC } from 'react';
 import { Button as ButtonComponent } from './Button';
 import { LinkButtonProps } from './LinkButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
+import { IconButton as IconButtonComponent } from './IconButton';
 declare const _default: {
     title: string;
     component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: import("./Button").ButtonProps) => JSX.Element | null;
@@ -11,3 +12,4 @@ export default _default;
 export declare const Button: ComponentStory<typeof ButtonComponent>;
 export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
 export declare const LinkButton: ComponentStory<FC<LinkButtonProps>>;
+export declare const IconButton: ComponentStory<typeof IconButtonComponent>;

package/dist/esm/src/atoms/Buttons/IconButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+import { IconNames, TouchableOpacityProps } from 'atoms';
+import { Callback } from 'typescript';
+export declare type IconButtonProps = {
+    name: IconNames;
+    size?: number;
+    onClick: Callback;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => JSX.Element;

package/dist/esm/src/atoms/CircularIndicator/CircularIndicator.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export declare type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors | string;
+    inactiveColor?: ThemeColors | string;
+};
+export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
+export declare const CircularIndicatorStyledComponent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CircularIndicatorProps, never>;

package/dist/esm/src/atoms/CircularIndicator/CircularIndicator.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { CircularIndicator as CircularIndicatorComponent } from './CircularIndicator';
+declare const _default: {
+    title: string;
+    component: ({ activeColor, inactiveColor, ...props }: import("./CircularIndicator").CircularIndicatorProps) => JSX.Element;
+};
+export default _default;
+export declare const CircularIndicator: ComponentStory<typeof CircularIndicatorComponent>;

package/dist/esm/src/atoms/index.d.ts

@@ -21,3 +21,5 @@ export * from './GoogleMap/GoogleMap';
 export * from './RichTextViewer/RichTextViewer';
 export * from './RadioButtons/RadioButtons';
 export * from './Circle/Circle';
+export * from './CircularIndicator/CircularIndicator';
+export * from './Buttons/IconButton';

package/dist/esm/src/molecules/Caruser/Carousel.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+export declare type CarouselProps = {
+    children: JSX.Element[];
+};
+export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
+export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    translateX: number;
+}, never>;
+export declare const Slide: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavigationDotsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/esm/src/organisms/HeroSlider/HeroSlider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HeroImageProps } from 'molecules';
+export declare type HeroSliderProps = {
+    heroSlides: HeroImageProps[];
+};
+export declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
+export default HeroSlider;
+export declare const HeroSliderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/esm/src/organisms/HeroSlider/HeroSlider.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { HeroSlider as HeroSliderComponent } from './HeroSlider';
+declare const _default: {
+    title: string;
+    component: ({ heroSlides }: import("./HeroSlider").HeroSliderProps) => JSX.Element | null;
+};
+export default _default;
+export declare const HeroSlider: ComponentStory<typeof HeroSliderComponent>;

package/dist/esm/src/organisms/index.d.ts

@@ -15,3 +15,4 @@ export * from './ProcessTracker/ProcessTracker';
 export * from './FeedContentContainer/FeedContentContainer';
 export * from './DynamicContentZone/DynamicContentZone';
 export * from './BottomNavBarNavigation/BottomNavBarNavigation';
+export * from './HeroSlider/HeroSlider';

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-import { InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
@@ -315,6 +315,24 @@ declare type CircleBoxProps = {
 };
 declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
+declare type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors$2 | string;
+    inactiveColor?: ThemeColors$2 | string;
+};
+declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
+declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
+
+declare type IconButtonProps = {
+    name: IconNames$2;
+    size?: number;
+    onClick: Callback$1;
+    color?: ThemeColors$2 | string;
+    fill?: ThemeColors$2 | string;
+    pointerEvents?: 'auto' | 'none';
+};
+declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
     label: string;
@@ -916,6 +934,13 @@ declare type BottomNavBarNavigationProps = {
 };
 declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
 
+declare type HeroSliderProps = {
+    heroSlides: HeroImageProps$1[];
+};
+declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
+
+declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+
 declare type DefaultTemplateProps = {
     alerts?: AlertProps$2[];
     processTracker?: ProcessTrackerProps$1;
@@ -966,4 +991,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"