@mindly/ui-components 5.101.0 → 5.102.1

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

@@ -1,8 +1,10 @@
 import React from 'react';
 import { OnBoardingMultiSelectScreenType } from '../../../shared';
+import { OnboardingVariant } from '../../../shared';
 type OnBoardingMultiSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string[]) => void;
     defaultValues?: string[];
+    variant?: OnboardingVariant;
 } & OnBoardingMultiSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingMultiSelectionScreenPreviewFeatureProps>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { OnBoardingScreenStyleOptions } from '../../../shared';
+import { OnboardingVariant } from '../../../shared';
 type OnBoardingProgressFeatureProps = {
     progress: number;
     isPreview?: boolean;
@@ -7,6 +8,7 @@ type OnBoardingProgressFeatureProps = {
     onBackButtonClick?: () => void;
     contentStyle?: OnBoardingScreenStyleOptions;
     startAdornment?: React.ReactNode;
+    variant?: OnboardingVariant;
 };
 declare const _default: React.NamedExoticComponent<OnBoardingProgressFeatureProps>;
 export default _default;

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

@@ -1,8 +1,10 @@
 import React from 'react';
 import { OnBoardingSingleSelectScreenType } from '../../../shared';
+import { OnboardingVariant } from '../../../shared/';
 type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string) => void;
     defaultValues?: string[];
+    variant?: OnboardingVariant;
 } & OnBoardingSingleSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
 export default _default;

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

@@ -3,5 +3,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-export declare function IconCheckboxChecked({ color, size, ...other }: IconProps): JSX.Element;
+export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => JSX.Element;
 export {};

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

@@ -1,2 +1,6 @@
-import { SVGProps } from 'react';
-export declare const IconRadioButtonChecked: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    color?: string;
+}
+export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => JSX.Element;
+export {};

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

@@ -158,3 +158,7 @@ export type OnBoardingFlowType = {
     duration_min?: number | null;
     isDefault?: boolean;
 };
+export declare enum OnboardingVariant {
+    default = "default",
+    blue = "blue"
+}

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

@@ -1,20 +1,4 @@
-import React, { FC } from 'react';
-import { JSX } from '@ionic/core/components';
-export type ButtonProps = {
-    fill?: 'outline' | 'clear';
-    size?: 'default' | 'large' | 'small';
-    customSize?: 'smaller' | 'auto';
-    withDefaultState?: boolean;
-    color?: undefined;
-    fullWidth?: boolean;
-    className?: string;
-    routerLink?: string;
-    onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
-    isLoading?: boolean;
-    icon?: React.ReactNode;
-    iconPosition?: 'start' | 'center';
-    style?: React.CSSProperties;
-    id?: string;
-} & JSX.IonButton;
+import { FC } from 'react';
+import { ButtonProps } from './types';
 declare const Button_v2: FC<ButtonProps>;
 export default Button_v2;

package/dist/cjs/lib2/shared/ui/Button_v2/Button_v2.style.d.ts

@@ -19,4 +19,5 @@ export declare const ButtonStyled: import("styled-components").StyledComponent<i
     iconPosition?: "center" | "start" | undefined;
     style?: import("react").CSSProperties | undefined;
     id?: string | undefined;
+    variant?: "default" | "blue" | undefined;
 } & import("@ionic/core/dist/types/components").JSX.IonButton, never>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { JSX } from '@ionic/core/components';
+export type ButtonProps = {
+    fill?: 'outline' | 'clear';
+    size?: 'default' | 'large' | 'small';
+    customSize?: 'smaller' | 'auto';
+    withDefaultState?: boolean;
+    color?: undefined;
+    fullWidth?: boolean;
+    className?: string;
+    routerLink?: string;
+    onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
+    isLoading?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: 'start' | 'center';
+    style?: React.CSSProperties;
+    id?: string;
+    variant?: 'default' | 'blue';
+} & JSX.IonButton;

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

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

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

@@ -4,10 +4,12 @@ export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio"
 }
+export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
     type?: `${ListBoxSelectionType}`;
     enableSelection?: boolean;
     selectedIconProps?: IconProps;
     selectionPosition?: 'start' | 'end';
     className?: string;
+    variant?: VariantType;
 };

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

@@ -0,0 +1,2 @@
+import { VariantType } from '../ListBox/types';
+export declare const VARIANT_COLOR_MAP: Record<VariantType, string>;

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

@@ -1,6 +1,6 @@
 import { ListState, Node } from 'react-stately';
 import * as React from 'react';
-import { ListBoxSelectionType } from '../ListBox';
+import { ListBoxSelectionType, VariantType } from '../ListBox';
 import { IconProps } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
@@ -12,6 +12,7 @@ export type ListOptionsProps = {
     type?: `${ListBoxSelectionType}`;
     selectionPosition?: 'start' | 'end';
     enableSelection?: boolean;
+    variant?: VariantType;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -23,5 +24,6 @@ export type ListBoxItemProps = {
     className?: string;
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
+    variant?: VariantType;
 };
 export type { Selection } from 'react-stately';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 type ProgressBar_v2Props = {
-    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light';
+    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light' | 'blue';
     progress: number;
     className?: string;
     reversed?: boolean;

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

@@ -41,6 +41,7 @@ declare const _default: {
         brand: {
             client: {
                 celestialBlue: string;
+                celestialBlueDarker: string;
             };
         };
     };