@mindly/ui-components 6.2.14 → 6.3.0

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { OnBoardingSingleSelectScreenType, OnBoardingSingleImageSelectScreenType, OnBoardingSingleScaleSelectScreenType } from '../../../shared';
+import { OnBoardingSingleSelectScreenType, OnBoardingSingleImageSelectScreenType, OnBoardingSingleScaleSelectScreenType, OnBoardingSingleRoundImageSelectScreenType } from '../../../shared';
 import { OnboardingVariant } from '../../../shared/';
 type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string) => void;
     defaultValues?: string[];
     variant?: OnboardingVariant;
-    template?: 'radio' | 'image' | 'emoji' | 'icon';
-} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType & OnBoardingSingleScaleSelectScreenType;
+    template?: 'radio' | 'image' | 'roundImage' | 'emoji' | 'icon';
+} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType & OnBoardingSingleRoundImageSelectScreenType & OnBoardingSingleScaleSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
 export default _default;

package/dist/cjs/lib2/features/OnBoardingFlow/components/OnBoardingSelectionHeader.d.ts

@@ -1,8 +1,10 @@
 import { FC } from 'react';
 type OnBoardingHeaderProps = {
     title?: string | null;
+    subTitle?: string | null;
     description?: string | null;
     isPreview?: boolean;
+    template?: 'radio' | 'image' | 'roundImage' | 'emoji' | 'icon';
 };
 declare const OnBoardingSelectionHeader: FC<OnBoardingHeaderProps>;
 export default OnBoardingSelectionHeader;

package/dist/cjs/lib2/shared/assets/icons/IconAlignHorizontalTextCenter.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconAlignHorizontalTextCenter({ size, ...other }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconAlignHorizontalTextLeft.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconAlignHorizontalTextLeft({ size, ...other }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconAlignHorizontalTextRight.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconAlignHorizontalTextRight({ size, ...other }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/index.d.ts

@@ -137,3 +137,6 @@ export * from './IconArrowRange';
 export * from './IconLeaderboard';
 export * from './IconCheckboxThinUnchecked';
 export * from './IconMooving';
+export * from './IconAlignHorizontalTextCenter';
+export * from './IconAlignHorizontalTextLeft';
+export * from './IconAlignHorizontalTextRight';

package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts

@@ -26,6 +26,7 @@ export declare enum OnBoardingScreenOptions {
     MULTI_SELECT = "MULTI_SELECT",
     SINGLE_SELECT = "SINGLE_SELECT",
     SINGLE_IMAGE_SELECT = "SINGLE_IMAGE_SELECT",
+    SINGLE_ROUND_IMAGE_SELECT = "SINGLE_ROUND_IMAGE_SELECT",
     SINGLE_SCALE_SELECT = "SINGLE_SCALE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
@@ -59,10 +60,6 @@ export type OnBoardingScreenSkipButtonType = {
     skipButtonText?: string | null;
     showSkipButton?: boolean;
 };
-export type OnBoardingScreenBgType = {
-    backgroundColor?: string | null;
-    contentStyle: OnBoardingScreenStyleOptions;
-};
 export type OnBoardingScreenDescriptionType = {
     title?: string | null;
     description?: string | null;
@@ -105,11 +102,13 @@ export type OnBoardingBaseScreenType = {
     isPageView?: boolean;
     hideTimer?: boolean;
     isStartScreen?: boolean;
+    backgroundColor?: string | null;
+    contentStyle: OnBoardingScreenStyleOptions;
 };
-export type OnBoardingStartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSkipButtonType & OnBoardingScreenBgType & OnBoardingScreenDescriptionType & {
+export type OnBoardingStartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSkipButtonType & OnBoardingScreenDescriptionType & {
     image?: ResponseFileType | null;
 };
-export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenBgType & OnBoardingScreenDescriptionType & {
+export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
     image?: ResponseFileType | null;
 };
 export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
@@ -127,6 +126,14 @@ export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & O
     legalText?: string;
     options: OnBoardingScreenOptionType[];
 };
+export type OnBoardingSingleRoundImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
+    options: OnBoardingScreenOptionType[];
+    isRoundCorners?: boolean;
+    image?: ResponseFileType | null;
+    horizontalImageAlignment?: 'left' | 'right' | 'center';
+    subTitle?: string | null;
+};
 export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     minLabel?: string;
     maxLabel?: string;
@@ -203,7 +210,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
     disclaimer?: string;
     chart: ChartData;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
+export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleRoundImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
 export type OnBoardingFlowType = {
     id: string;
     locale: string;

package/dist/cjs/lib2/shared/ui/ListBox/ListBox.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, isTransparent, isRoundCorners, ...props }: ListBoxProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts

@@ -4,6 +4,7 @@ export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio",
     Image = "image",
+    RoundImage = "roundImage",
     Emoji = "emoji",
     Icon = "icon"
 }
@@ -18,4 +19,6 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     image?: ResponseFileType;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';
+    isTransparent?: boolean;
+    isRoundCorners?: boolean;
 };

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts

@@ -13,6 +13,6 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, selection
     selectionPosition: "end" | "start";
     enableSelection: boolean;
     selectedIconProps: IconProps;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji";
+    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts

@@ -8,7 +8,7 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSel
     variant: VariantType;
     item: Node<unknown>;
     enableSelection: boolean;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji";
+    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
     isOnboardingPreview?: boolean | undefined;
     image?: ResponseFileType | null | undefined;
     selectionMode?: "none" | "multiple" | "single" | undefined;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxImageItem.d.ts

@@ -1,7 +1,7 @@
 import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
 import { ResponseFileType } from '../../types';
-import { VariantType } from '../ListBox/types';
+import { ListBoxSelectionType, VariantType } from '../ListBox/types';
 type ListBoxImageItemProps = {
     isSelected: boolean;
     item: Node<unknown>;
@@ -9,6 +9,8 @@ type ListBoxImageItemProps = {
     variant: VariantType;
     labelProps: DOMAttributes<HTMLDivElement>;
     isOnboardingPreview?: boolean;
+    isRoundCorners?: boolean;
+    type: ListBoxSelectionType.Image | ListBoxSelectionType.RoundImage | 'image' | 'roundImage';
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, isRoundCorners, type, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts

@@ -16,6 +16,8 @@ export type ListOptionsProps = {
     image?: ResponseFileType | null;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';
+    isTransparent?: boolean;
+    isRoundCorners?: boolean;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;

package/dist/cjs/lib2/shared/ui/Picture/Picture.d.ts

@@ -13,6 +13,7 @@ type PictureProps = {
     className?: string;
     responsive?: boolean;
     containerWidth?: number;
+    imageClassName?: string;
 };
 declare const _default: React.NamedExoticComponent<PictureProps>;
 export default _default;