@edvisor/product-language 0.7.3 → 0.8.0

package/lib/components/alert-banner/alert-banner.d.ts

@@ -1,10 +1,14 @@
 import { FC, PropsWithChildren } from '@helpers';
 import { AlertLevelProps } from './alert-level-flags';
 interface IAlertBannerProps extends PropsWithChildren {
-    /** @TODO can we get some examples of alert banner in card from figma? */
-    inCard?: boolean;
     dismissible?: boolean;
     className?: string;
+    open?: boolean;
+    primaryButtonLabel?: string;
+    secondaryButtonLabel?: string;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onClose?: () => void;
 }
 export declare type AlertBannerProps = IAlertBannerProps & AlertLevelProps;
 export declare const AlertBanner: FC<AlertBannerProps>;

package/lib/components/alert-banner/alert-level-flags.d.ts

@@ -1,4 +1,5 @@
 import { Hex, MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+import { ComponentType } from 'react';
 declare const enum AlertLevel {
     neutral = 1,
     info = 2,
@@ -10,4 +11,8 @@ declare type AlertLevels<T> = MappedEnum<typeof AlertLevel, T>;
 export declare type AlertLevelProps = Partial<RequireOnlyOne<AlertLevels<boolean>>> & PropsWithChildren;
 export declare function getBackgroundColor(props: AlertLevelProps): Hex;
 export declare function getBorderColor(props: AlertLevelProps): Hex;
+export declare function getIcon(props: AlertLevelProps): {
+    icon: ComponentType;
+    color: Hex;
+};
 export {};

package/lib/components/index.d.ts

@@ -18,5 +18,6 @@ export * from './select';
 export * from './tree-view';
 export * from './date-picker';
 export * from './range-slider';
+export * from './modal';
 export * from './molecules';
 export * from './organisms';

package/lib/components/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './modal-base';
+export * from './modal';
+export * from './modal-destructive';

package/lib/components/modal/modal-base.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+export declare const enum MODAL_SIZE {
+    SMALL = 0,
+    CRITICAL = 1,
+    DEFAULT = 2,
+    LARGE = 3,
+    X_LARGE = 4
+}
+export interface IModalBaseProps {
+    open: boolean;
+    children: React.ReactElement;
+    closeOnEsc?: boolean;
+    modalSize?: MODAL_SIZE;
+    onOverlayClick?: () => void;
+    onClose: () => void;
+}
+export declare type IModalBase = InputHTMLAttributes<HTMLInputElement> & IModalBaseProps;
+export declare const ModalBase: FC<IModalBase>;

package/lib/components/modal/modal-destructive.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+import { IModalBaseProps } from './modal-base';
+export interface IModalDestructiveProps extends IModalBaseProps {
+    primaryButtonLabel?: string;
+    closeButtonLabel: string;
+    onPrimaryAction: () => void;
+}
+declare type IModalDestructive = IModalDestructiveProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const ModalDestructive: FC<IModalDestructive>;
+export {};

package/lib/components/modal/modal.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+import { IModalBaseProps } from './modal-base';
+export interface IModalProps extends IModalBaseProps {
+    title?: string;
+    primaryButtonLabel?: string;
+    closeButtonLabel?: string;
+    secondaryButtonLabel?: string;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+}
+export declare type IModal = IModalProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const Modal: FC<IModal>;

package/lib/components/molecules/button/button-flags.d.ts

@@ -21,7 +21,7 @@ declare const enum ButtonDisabledType {
 declare type ButtonTypes<T> = MappedEnum<typeof ButtonType, T>;
 declare type ButtonSizes<T> = MappedEnum<typeof ButtonSize, T>;
 declare type ButtonDisabledTypes<T> = MappedEnum<typeof ButtonDisabledType, T>;
-export declare type ButtonTypeProps = Partial<RequireOnlyOne<ButtonTypes<boolean>>> & PropsWithChildren;
+export declare type ButtonTypeProps = Partial<ButtonTypes<boolean>> & PropsWithChildren;
 export declare type ButtonSizeProps = Partial<RequireOnlyOne<ButtonSizes<boolean>>> & PropsWithChildren;
 export declare type ButtonDisabledTypeProps = Partial<RequireOnlyOne<ButtonDisabledTypes<boolean>>> & PropsWithChildren;
 export declare function getBackgroundColorByType(type: ButtonType): string;

package/lib/foundations/color-system/color-guidelines/color-guidelines.d.ts

@@ -1,5 +1,6 @@
 export declare const Background: {
     readonly Default: "#F3F4F6";
+    readonly Overlay: `#${string}`;
 };
 export declare const Surface: {
     Default: {

package/lib/foundations/spacing/spacing-guidelines.d.ts

@@ -20,3 +20,14 @@ export declare const Margin: {
     readonly xl: SPACING.Size32;
     readonly xxl: SPACING.Size64;
 };
+export declare const Gap: {
+    readonly none: 0;
+    readonly xxxs: SPACING.Size2;
+    readonly xxs: SPACING.Size4;
+    readonly xs: SPACING.Size8;
+    readonly s: SPACING.Size12;
+    readonly m: SPACING.Size16;
+    readonly l: SPACING.Size24;
+    readonly xl: SPACING.Size32;
+    readonly xxl: SPACING.Size64;
+};

package/lib/helpers/useKeyDown.d.ts

@@ -0,0 +1 @@
+export declare function useKeyDown(targetKey: string, handler: () => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.7.3",
+  "version": "0.8.0",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",