@hexure/ui 1.6.2 → 1.6.4

package/dist/esm/types/Theme.d.ts

@@ -31,6 +31,10 @@ export declare const Colors: {
         Hex: string;
         Rgb: string;
     };
+    SUBTLE_GRAY: {
+        Hex: string;
+        Rgb: string;
+    };
 };
 export declare const FontStyles: {
     DEFAULT: string;

package/dist/esm/types/components/ActionDialog/ActionDialog.d.ts

@@ -11,9 +11,12 @@ export interface ActionDialogProps extends AccessibleProps {
     title?: string;
     /** It is used to give description. */
     description?: string;
+    /** Set the primary action for the dialog */
     primaryButton?: ButtonProps;
+    /** Set the secondary action for the dialog. This should only be defined after a primary action is defined */
     secondaryButton?: ButtonProps;
-    onClose: (e?: any) => void;
+    /** Set the tertiary action for the dialog. This should only be defined after a secondary action is defined */
+    tertiaryButton?: ButtonProps;
 }
 declare const ActionDialog: FC<ActionDialogProps>;
 export default ActionDialog;

package/dist/esm/types/components/Button/Button.d.ts

@@ -11,6 +11,8 @@ export interface ButtonProps extends AccessibleProps {
     icon?: string;
     /** Adjust the button to work within a <form> tag. Ignores onClick, sets type='form'  */
     isForm?: boolean;
+    /** Displays a loading state for the button */
+    loading?: boolean;
     /** Set the margin of the button as needed */
     margin?: string;
     /** Prop to pass a that fires when the user does a click. */

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
 export interface TagProps extends AccessibleProps {
     /** It is used to select tag-type either default or removable. */
-    color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK';
+    color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
     /** It is used to give label to tag. */
-    children: string | number;
+    children: string | React.ReactNode;
+    /** Method to run when the tag is clicked */
     onClick?: (e?: any) => void;
     /** It is callback function called when user wants to close the tag. */
     removable?: boolean;

package/dist/index.d.ts

@@ -37,9 +37,12 @@ interface ActionDialogProps extends AccessibleProps {
     title?: string;
     /** It is used to give description. */
     description?: string;
+    /** Set the primary action for the dialog */
     primaryButton?: ButtonProps$4;
+    /** Set the secondary action for the dialog. This should only be defined after a primary action is defined */
     secondaryButton?: ButtonProps$4;
-    onClose: (e?: any) => void;
+    /** Set the tertiary action for the dialog. This should only be defined after a secondary action is defined */
+    tertiaryButton?: ButtonProps$4;
 }
 declare const ActionDialog: FC<ActionDialogProps>;
 
@@ -83,6 +86,8 @@ interface ButtonProps$2 extends AccessibleProps {
     icon?: string;
     /** Adjust the button to work within a <form> tag. Ignores onClick, sets type='form'  */
     isForm?: boolean;
+    /** Displays a loading state for the button */
+    loading?: boolean;
     /** Set the margin of the button as needed */
     margin?: string;
     /** Prop to pass a that fires when the user does a click. */
@@ -418,9 +423,10 @@ declare const Tabs: FC<TabsProps>;
 
 interface TagProps extends AccessibleProps {
     /** It is used to select tag-type either default or removable. */
-    color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK';
+    color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
     /** It is used to give label to tag. */
-    children: string | number;
+    children: string | React.ReactNode;
+    /** Method to run when the tag is clicked */
     onClick?: (e?: any) => void;
     /** It is callback function called when user wants to close the tag. */
     removable?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexure/ui",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",