@mindly/ui-components 5.107.1 → 5.108.0

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

@@ -5,6 +5,7 @@ type OnBoardingMultiSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string[]) => void;
     defaultValues?: string[];
     variant?: OnboardingVariant;
+    template?: 'checkbox' | 'icon';
 } & OnBoardingMultiSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingMultiSelectionScreenPreviewFeatureProps>;
 export default _default;

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare const IconCheckboxThinUnchecked: React.FC<IconProps>;
+export {};

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

@@ -135,3 +135,4 @@ export * from './IconPaywall';
 export * from './IconRadioPartial';
 export * from './IconArrowRange';
 export * from './IconLeaderboard';
+export * from './IconCheckboxThinUnchecked';

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

@@ -43,8 +43,6 @@ export type OnBoardingScreenOptionType = {
     alphabeticalOrder?: string | null;
     isDefault?: boolean;
     filtrationAnswerId?: string;
-};
-export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
     image?: ResponseFileType | null;
 };
 export type OnBoardingScreenOptionWithScaleType = OnBoardingScreenOptionType & {
@@ -114,15 +112,19 @@ export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScre
     image?: ResponseFileType | null;
 };
 export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
+    isOptionView?: boolean;
+    isIconView?: boolean;
     options: OnBoardingScreenOptionType[];
 };
 export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    isOptionView?: boolean;
+    isIconView?: boolean;
     legalText?: string;
     options: OnBoardingScreenOptionType[];
 };
 export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     legalText?: string;
-    options: OnBoardingScreenOptionWithImageType[];
+    options: OnBoardingScreenOptionType[];
 };
 export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     minLabel?: string;
@@ -191,7 +193,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
     disclaimer?: string;
     chart: ChartData;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType;
+export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
 export type OnBoardingFlowType = {
     id: string;
     locale: string;

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

@@ -4,7 +4,8 @@ export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio",
     Image = "image",
-    Emoji = "emoji"
+    Emoji = "emoji",
+    Icon = "icon"
 }
 export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
@@ -16,4 +17,5 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     variant?: VariantType;
     image?: ResponseFileType;
     isOnboardingPreview?: boolean;
+    selectionMode?: 'single' | 'multiple' | 'none';
 };

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" | "checkbox" | "radio" | "emoji";
+    type: "image" | "checkbox" | "radio" | "emoji" | "icon";
 }) => JSX.Element>;
 export default _default;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Node } from 'react-stately';
+import { VariantType } from '../ListBox/types';
+import { ResponseFileType } from '../../types';
+declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, labelProps, type, isOnboardingPreview, image, selectionMode, }: {
+    isSelected: boolean;
+    selectionIconClassName: string;
+    labelProps: React.DOMAttributes<HTMLDivElement>;
+    variant: VariantType;
+    item: Node<unknown>;
+    enableSelection: boolean;
+    type: "image" | "checkbox" | "radio" | "emoji" | "icon";
+    isOnboardingPreview?: boolean | undefined;
+    image?: ResponseFileType | null | undefined;
+    selectionMode?: "none" | "multiple" | "single" | undefined;
+}) => JSX.Element>;
+export default _default;

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

@@ -15,6 +15,7 @@ export type ListOptionsProps = {
     variant?: VariantType;
     image?: ResponseFileType | null;
     isOnboardingPreview?: boolean;
+    selectionMode?: 'single' | 'multiple' | 'none';
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;

package/dist/esm/configs/tailwind/colors.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
             white: string;
             anti: {
                 flash: {
+                    '50': string;
                     light: string;
                 };
             };