@mrshmllw/smores-react 5.0.0 → 6.0.0

package/dist/Banner/types.d.ts

@@ -1,3 +1,4 @@
+import { Icons } from 'Icon/iconsList';
 export interface Banner {
     id: string;
     message: string;
@@ -7,7 +8,7 @@ export interface Banner {
     showExploreText?: boolean;
     showExploreIcon?: boolean;
     autoCloseTime?: 4 | 5 | 6 | 7 | 8 | 9 | 10;
-    leadingIcon?: string;
+    leadingIcon?: Icons;
     canManuallyClose?: boolean;
     showCloseIcon?: boolean;
     noTimeout?: boolean;

package/dist/Button/Button.d.ts

@@ -1,4 +1,5 @@
 import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { MarginProps } from '../utils/space';
 type Props = {
     children: ReactNode;
@@ -12,7 +13,7 @@ type Props = {
     fallbackStyle?: boolean;
     textBtn?: boolean;
     smallButton?: boolean;
-    icon?: string;
+    icon?: Icons;
     trailingIcon?: boolean;
     forcedWidth?: string;
     form?: string;

package/dist/Card/Card.d.ts

@@ -1,9 +1,10 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
 import { MarginProps } from '../utils/space';
 export type CardProps = {
     children?: ReactNode;
     /** leading card icon */
-    leadingIcon?: string;
+    leadingIcon?: Icons;
     /** generic card title */
     title?: string;
     /** generic card body */

package/dist/Chip/Chip.d.ts

@@ -1,11 +1,12 @@
 import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
 import { MarginProps } from '../utils/space';
 type Props = {
     children: ReactNode;
     handleClick: (e: React.FormEvent<HTMLButtonElement>) => void;
     primary?: boolean;
     secondary?: boolean;
-    icon?: string;
+    icon?: Icons;
     disabled?: boolean;
     loading?: boolean;
 } & MarginProps;

package/dist/Dropdown/Dropdown.d.ts

@@ -1,4 +1,5 @@
 import React, { FocusEvent, FormEvent } from 'react';
+import { Icons } from '../Icon/iconsList';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
 export type DropdownItem = {
     optionGroupLabel?: string;
@@ -14,7 +15,7 @@ export interface Props extends CommonFieldProps {
     defaultValue?: string;
     disabled?: boolean;
     list: DropdownItem[];
-    frontIcon?: string;
+    frontIcon?: Icons;
     fallbackStyle?: boolean;
     onSelect: (element: string) => void;
     onBlur?: (e: FocusEvent<HTMLSelectElement>) => void;

package/dist/Icon/Icon.d.ts

@@ -1,17 +1,12 @@
 import { FC } from 'react';
 import { MarginProps } from '../utils/space';
 import { Color } from '../theme';
-/**
- * When adding a new Icon please remember to also add it
- * to the Container.jsx to keep our Icons Collection up to date.
- *
- * Icons in the collection are alphabetically ordered.
- */
+import { Icons } from './iconsList';
 export type IconProps = {
     /** className attribute to apply classes from props */
     className?: string;
     /** specify what Icon to render  */
-    render: string;
+    render: Icons;
     /** set size of the Icon  */
     size?: number;
     /** set color of the Icon */