@hexure/ui 1.6.2 → 1.6.3

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/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

@@ -418,9 +418,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.3",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",