widenarrow-ui 1.1.6 → 1.1.8

package/lib/components/ButtonShadow/ButtonShadow.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonShadowProps } from './ButtonShadow.types';
+declare const ButtonShadow: FC<ButtonShadowProps>;
+export { ButtonShadow };

package/lib/components/ButtonShadow/ButtonShadow.types.d.ts

@@ -0,0 +1,5 @@
+import { ButtonShadowColorTypes } from '../../constants';
+export interface ButtonShadowProps {
+    className?: string;
+    color?: Partial<ButtonShadowColorTypes>;
+}

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

@@ -0,0 +1 @@
+export * from './ButtonShadow';

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -1,8 +1,10 @@
 import { ChangeEvent, MouseEvent } from 'react';
+import { ButtonShadowColorTypes } from '../../constants';
 export interface CheckboxProps {
     name?: string;
     value?: string;
     label?: string;
+    shadowColor?: Partial<ButtonShadowColorTypes>;
     onChange?: (val: string, event: ChangeEvent<HTMLInputElement>) => void;
     onChangeFake?: (val: string, event: MouseEvent<HTMLDivElement>) => void;
     className?: string;

package/lib/components/IconButton/IconButton.types.d.ts

@@ -1,15 +1,16 @@
 import { MouseEvent, CSSProperties } from 'react';
 import { IconStyleInterface } from '../../types/styling.types';
-import { ColorTypes, HierarchyTypes, SizeTypes } from '../../constants';
+import { ColorTypes, HierarchyTypes, SizeTypes, ButtonShadowColorTypes } from '../../constants';
 export interface IconButtonProps extends IconStyleInterface {
     className?: string;
     rotateIcon?: boolean;
     id?: string | number;
     rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
     iconClassName?: string;
-    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
     style?: CSSProperties;
+    shadowColor?: Partial<ButtonShadowColorTypes>;
     iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     iconColor?: Partial<ColorTypes>;

package/lib/components/InlineButton/InlineButton.types.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, ReactNode, CSSProperties } from 'react';
-import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
+import { HierarchyTypes, IconTypes, SizeTypes, ButtonShadowColorTypes } from '../../constants';
 export interface InlineButtonProps {
     text: string;
     id?: string | number;
@@ -14,6 +14,7 @@ export interface InlineButtonProps {
     rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
     iconClassName?: string;
     withIconRight?: boolean;
+    shadowColor?: Partial<ButtonShadowColorTypes>;
     type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY | HierarchyTypes.TERTIARY;
     size?: SizeTypes.SMALL | SizeTypes.MEDIUM;
     textClassName?: string;

package/lib/components/RadioButton/RadioButton.types.d.ts

@@ -1,3 +1,4 @@
+import { ButtonShadowColorTypes } from '../../constants';
 export interface RadioButtonProps {
     className?: string;
     name?: string;
@@ -5,6 +6,7 @@ export interface RadioButtonProps {
     value?: string | number;
     disabled?: boolean;
     helperText?: string;
+    shadowColor?: Partial<ButtonShadowColorTypes>;
     marginRight?: boolean;
     withEllipsis?: boolean;
     checked: boolean;

package/lib/components/Typography/Typography.types.d.ts

@@ -6,21 +6,19 @@ export interface TypographyBaseProps extends ColorStyleInterface, MarginInterfac
     fontWeight?: string;
     fontSize?: string;
     fontStyle?: string;
-    meta?: boolean | undefined;
-    error?: boolean | undefined;
-    withBorderBottom?: boolean | undefined;
-    withEllipsis?: boolean | undefined;
-    withAnimation?: boolean | undefined;
-    withNoWordBreak?: boolean | undefined;
-    withWordBreak?: boolean | undefined;
-    disabled?: boolean | undefined;
+    meta?: boolean;
+    withBorderBottom?: boolean;
+    withEllipsis?: boolean;
+    withNoWordBreak?: boolean;
+    withWordBreak?: boolean;
+    disabled?: boolean;
 }
 export interface ClassNameProps extends TypographyBaseProps {
     mainClassName?: string;
 }
 export interface HeadingProps extends TypographyBaseProps {
     children: ReactNode;
-    type: string;
+    type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     style?: CSSProperties;
 }
 export interface LabelProps extends TypographyBaseProps {

package/lib/constants.d.ts

@@ -38,7 +38,7 @@ export declare enum IconTypes {
     CLASSIFICATION_ADD = "iconClassificationAdd",
     CLASSIFICATION_SPARKLE = "iconClassificationSparkle",
     CLIP_BOARD = "iconClipBoard",
-    CLUSTER = "iconCluster",
+    WORKSPACE = "iconWorkspace",
     COMMENT = "iconComment",
     COMPARE = "iconCompare",
     COPY = "iconCopy",
@@ -227,11 +227,30 @@ export declare enum ColorTypes {
     PURPLE_6 = "purple6",
     PURPLE_7 = "purple7",
     PINK = "pink",
-    MINT = "mint",
+    MINT_1 = "mint",
+    MINT_2 = "mint1",
+    MINT_3 = "mint3",
+    BLUE_1 = "blue1",
+    BLUE_2 = "blue2",
+    BLUE_3 = "blue3",
+    BLUE_4 = "blue4",
     MAIN_PURPLE = "mainPurple",
     MAIN_GREY = "mainGrey",
     MAIN_DARK = "mainDark"
 }
+export declare enum ButtonShadowColorTypes {
+    WHITE = "white",
+    GREY_1 = "grey1",
+    GREY_2 = "grey2",
+    GREY_3 = "grey3",
+    GREY_4 = "grey4",
+    GREY_5 = "grey5",
+    PURPLE_1 = "purple1",
+    PURPLE_2 = "purple2",
+    PURPLE_3 = "purple3",
+    BLUE_1 = "blue1",
+    BLUE_2 = "blue2"
+}
 export declare enum SizeTypes {
     EXTRA_SMALL = "extraSmall",
     SMALL = "small",
@@ -260,21 +279,29 @@ export declare enum AppColors {
     ORANGE = "#ff8f00",
     YELLOW = "#ffc107",
     RSS = "#f1b355",
-    GREY_1 = "#f4f5f7",
-    GREY_2 = "#d7d7d7",
-    GREY_3 = "#c1c1c1",
-    GREY_4 = "#8e8e8e",
+    GREY_1 = "#f1f1f1",
+    GREY_2 = "#d9d9d9",
+    GREY_3 = "#a9a9a9",
+    GREY_4 = "#6b6b6b",
     GREY_5 = "#464646",
+    GREY_6 = "#242021",
     BLACK = "#000000",
     CUSTOM = "custom",
-    PURPLE_1 = "#ebe7fc",
-    PURPLE_2 = "#a38efa",
-    PURPLE_3 = "#6641fa",
-    PURPLE_4 = "#4228ae",
-    PURPLE_5 = "#2a2e52",
-    PURPLE_6 = "#1c202b",
-    PINK = "#bb4ac5",
-    MINT = "#d3e5e4",
+    PURPLE_1 = "#f0ecff",
+    PURPLE_2 = "#d1c6fe",
+    PURPLE_3 = "#b3a0fd",
+    PURPLE_4 = "#8567fb",
+    PURPLE_5 = "#6641fa",
+    PURPLE_6 = "#3d2796",
+    PURPLE_7 = "#291a64",
+    PINK = "#cc41d9",
+    MINT_1 = "#d3e5e4",
+    MINT_2 = "#b1cfcd",
+    MINT_3 = "#8db3b1",
+    BLUE_1 = "#414355",
+    BLUE_2 = "#2a2e52",
+    BLUE_3 = "#1c202b",
+    BLUE_4 = "#161a22",
     MAIN_PURPLE = "#6641fa",
     MAIN_GREY = "#464646",
     MAIN_DARK = "#1c202b"