@scbt-ecom/ui 0.145.1 → 0.147.0

package/dist/types/lib/shared/constants/designSystem/types.d.ts

@@ -1,2 +1,3 @@
-import { allowedBannersBackgroundColors } from './colors';
+import { allowedBackgroundColors, allowedBannersBackgroundColors } from './colors';
 export type BackgroundBannerColors = (typeof allowedBannersBackgroundColors)[keyof typeof allowedBannersBackgroundColors];
+export type BackgroundColors = (typeof allowedBackgroundColors)[keyof typeof allowedBackgroundColors];

package/dist/types/lib/shared/ui/button/model/helpers.d.ts

@@ -22,7 +22,7 @@ export declare const buttonPrimitiveIntent: {
     readonly negative: "bg-color-secondary-default text-color-white outline-offset-[3px] hover:bg-color-secondary-hover disabled:bg-color-secondary-disabled active:bg-color-secondary-hover focus:bg-color-secondary-default focus:outline-primary-focus";
 };
 export declare const buttonConfig: (props?: ({
-    intent?: "primary" | "secondary" | "ghost" | "negative" | null | undefined;
+    intent?: "negative" | "primary" | "secondary" | "ghost" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     textFormat?: "initial" | "capitalize" | "uppercase" | "lowercase" | null | undefined;
     isFull?: boolean | null | undefined;

package/dist/types/lib/shared/ui/customLink/model/helpers.d.ts

@@ -13,12 +13,12 @@ export declare const linkPrimitiveIconIntent: {
     readonly dark: "text-icon-dark-default";
 };
 export declare const customLinkConfig: (props?: ({
-    intent?: "blue" | "white" | "dark" | null | undefined;
+    intent?: "white" | "dark" | "blue" | null | undefined;
     withUnderline?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     size?: "md" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const linkIconConfig: (props?: ({
-    intent?: "blue" | "white" | "dark" | null | undefined;
+    intent?: "white" | "dark" | "blue" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/lib/widgets/buttonWithHandlers/model/types.d.ts

@@ -4,16 +4,20 @@ export type NavigateHandler = {
     url: string;
     target: '_blank' | '_self';
     rel: 'noreferrer noopener nofollow' | 'noreferrer noopener' | 'nofollow';
+    callback?: () => void;
 };
 export type ScrollHandler = {
     handler: 'scroll';
     widgetId: AllowedWidgets;
+    callback?: () => void;
 };
 export type SubmitHandler = {
     handler: 'submit';
+    callback?: () => void;
 };
 export type DialogHandler = {
     handler: 'dialog';
     dialogId: string;
+    callback?: () => void;
 };
 export type ButtonHandlerOptions = NavigateHandler | ScrollHandler | SubmitHandler | DialogHandler;

package/dist/types/lib/widgets/dynamicForm/DynamicForm.d.ts

@@ -1,5 +1,6 @@
 import { Approvement, ApprovementClasses, ApprovementType, Auth, AuthMode, Chips, ChipsClasses, ChipsType, Progress, ProgressField, ProgressType, SubmitProps } from './model';
 import { FieldValidation } from '../../../src/shared/utils';
+import { BackgroundColors } from '../../shared/constants';
 import { ButtonProps, ProgressBar } from '../../shared/ui';
 import { FieldElement } from '../fieldMapper';
 type DynamicFormClasses = {
@@ -26,6 +27,7 @@ export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsT
     classes?: DynamicFormClasses;
     buttonGroup: ButtonProps[];
     auth: Auth<AuthType>;
+    backgroundColor?: BackgroundColors;
 };
-export declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType, AuthType extends AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup, ssoAuthorizationTop }: DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType, AuthType extends AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup, ssoAuthorizationTop, backgroundColor }: DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

package/dist/types/lib/widgets/model/helpers.d.ts

@@ -4,7 +4,7 @@ export declare const WIDGET_LIST_MAP: {
     readonly seoHeader: import('react').LazyExoticComponent<({ categories, helpers, phone, breadcrumbs, classes }: import('..').SeoHeaderProps) => import("react/jsx-runtime").JSX.Element>;
     readonly banner: import('react').LazyExoticComponent<({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element>;
     readonly calculator: import('react').LazyExoticComponent<({ calculators, headline, classes }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup, ssoAuthorizationTop }: import('..').DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup, ssoAuthorizationTop, backgroundColor }: import('..').DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ssoAuthorizationTop, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, headline, classes }: import('..').StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
     readonly benefit: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element>;
@@ -19,4 +19,4 @@ export declare const WIDGET_LIST_MAP: {
     readonly errorPage: import('react').LazyExoticComponent<({ errorText, title, subtitle, buttonProps, links, images, backgroundColor }: import('..').ErrorPageProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
-export declare const widgetIds: Record<"header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage", "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage">;
+export declare const widgetIds: Record<"footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage", "footer" | "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock" | "errorPage">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.145.1",
+  "version": "0.147.0",
   "type": "module",
   "exports": {
     ".": {