@mindly/ui-components 8.2.29 → 8.2.31

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

@@ -186,6 +186,7 @@ export type OnBoardingSingleRoundImageSelectScreenType = OnBoardingBaseScreenTyp
 export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     minLabel?: string;
     maxLabel?: string;
+    emojiSize?: 'small' | 'large' | 'medium';
     options: OnBoardingScreenOptionWithScaleType[];
 };
 export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): React.ReactElement;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, emojiSize, t, ...props }: ListBoxProps<T>): React.ReactElement;

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

@@ -25,5 +25,6 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     isRoundCorners?: boolean;
     maxSelectionCount?: number;
     initialVisibleCount?: number;
+    emojiSize?: 'small' | 'large' | 'medium';
     t?: WithTranslation['t'];
 };

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxEmojiItem.d.ts

@@ -9,6 +9,7 @@ type ListBoxImageItemProps = {
     onboardingTheme?: OnBoardingThemeV2Type;
     labelProps: DOMAttributes<HTMLDivElement>;
     isOnboardingPreview?: boolean;
+    emojiSize?: 'small' | 'large' | 'medium';
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, variant, onboardingTheme, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, variant, onboardingTheme, labelProps, isOnboardingPreview, emojiSize, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts

@@ -1,7 +1,5 @@
 import * as React from 'react';
 import { ItemProps } from 'react-stately';
 import { ListBoxItemProps, ListOptionsProps } from './types';
-export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & {
-    maxSelectionCount?: number;
-} & React.RefAttributes<HTMLIonItemElement>>;
+export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLIonItemElement>>;
 export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => React.ReactElement;

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

@@ -19,6 +19,8 @@ export type ListOptionsProps = {
     selectionMode?: 'single' | 'multiple' | 'none';
     isTransparent?: boolean;
     isRoundCorners?: boolean;
+    maxSelectionCount?: number;
+    emojiSize?: 'small' | 'large' | 'medium';
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -31,6 +33,5 @@ export type ListBoxItemProps = {
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
     image?: ResponseFileType | null;
-    maxSelectionCount?: number;
 };
 export type { Selection } from 'react-stately';

package/dist/index.d.ts

@@ -957,6 +957,7 @@ type OnBoardingSingleRoundImageSelectScreenType = OnBoardingBaseScreenType & OnB
 type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     minLabel?: string;
     maxLabel?: string;
+    emojiSize?: 'small' | 'large' | 'medium';
     options: OnBoardingScreenOptionWithScaleType[];
 };
 type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
@@ -1465,10 +1466,11 @@ type ListBoxProps<T> = AriaListBoxProps<T> & {
     isRoundCorners?: boolean;
     maxSelectionCount?: number;
     initialVisibleCount?: number;
+    emojiSize?: 'small' | 'large' | 'medium';
     t?: WithTranslation['t'];
 };
 
-declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): React$1.ReactElement;
+declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, emojiSize, t, ...props }: ListBoxProps<T>): React$1.ReactElement;
 
 type ListOptionsProps = {
     item: Node<unknown>;
@@ -1487,6 +1489,8 @@ type ListOptionsProps = {
     selectionMode?: 'single' | 'multiple' | 'none';
     isTransparent?: boolean;
     isRoundCorners?: boolean;
+    maxSelectionCount?: number;
+    emojiSize?: 'small' | 'large' | 'medium';
 };
 type ListBoxItemProps = {
     icon?: React$1.ReactNode;
@@ -1499,12 +1503,9 @@ type ListBoxItemProps = {
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
     image?: ResponseFileType | null;
-    maxSelectionCount?: number;
 };
 
-declare const ListOption: React$1.ForwardRefExoticComponent<ListOptionsProps & {
-    maxSelectionCount?: number;
-} & React$1.RefAttributes<HTMLIonItemElement>>;
+declare const ListOption: React$1.ForwardRefExoticComponent<ListOptionsProps & React$1.RefAttributes<HTMLIonItemElement>>;
 declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => React$1.ReactElement;
 
 type BaseTypeProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "8.2.29",
+  "version": "8.2.31",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",

package/src/lib2/shared/css/tailwind.css

@@ -8,6 +8,7 @@
 
         --color-background-white: 255 255 255;
         --color-background-anti-flash-white: 245 247 250;
+        --color-background-anti-flash-2: 234 239 246;
 
         --color-gray-black: 33 33 33;
         --color-gray-middle: 131 132 133;