dash-ui-kit 1.0.92 → 1.0.94

package/dist/react/components/icons/index.d.ts

@@ -46,3 +46,4 @@ export declare const SearchIcon: React.FC<IconProps>;
 export declare const AirplaneIcon: React.FC<IconProps>;
 export declare const ExternalLinkIcon: React.FC<IconProps>;
 export declare const InfoCircleIcon: React.FC<IconProps>;
+export declare const DocumentIcon: React.FC<IconProps>;

package/dist/react/components/index.d.ts

@@ -24,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
 export { Dialog, type DialogProps } from './dialog';
 export { Tabs, type TabsProps, type TabItem } from './tabs';
 export type { TimeDeltaFormat } from '../utils/datetime';
-export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon, AirplaneIcon, ExternalLinkIcon, InfoCircleIcon } from './icons';
+export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, DocumentIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon, AirplaneIcon, ExternalLinkIcon, InfoCircleIcon } from './icons';

package/dist/react/components/progressStepBar/index.d.ts

@@ -3,6 +3,7 @@ interface ProgressStepBarProps {
     currentStep: number;
     totalSteps: number;
     className?: string;
+    color?: 'blue' | 'red' | 'orange';
 }
-export declare function ProgressStepBar({ currentStep, totalSteps, className }: ProgressStepBarProps): React.JSX.Element;
+export declare function ProgressStepBar({ currentStep, totalSteps, className, color }: ProgressStepBarProps): React.JSX.Element;
 export type { ProgressStepBarProps };

package/dist/react/index.cjs.js

@@ -2088,6 +2088,37 @@ const InfoCircleIcon = ({
     })
   })]
 });
+const DocumentIcon = ({
+  color = '#4C7EFF',
+  size = 14,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size,
+  viewBox: '0 0 14 17',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_350_127)',
+    children: jsxRuntime.jsx("path", {
+      d: 'M9.32129 11.667L9.39844 11.6709C9.77646 11.7095 10.0713 12.0288 10.0713 12.417C10.0711 12.8051 9.77638 13.1246 9.39844 13.1631L9.32129 13.167H4.17871C3.76461 13.167 3.42889 12.8311 3.42871 12.417C3.42871 12.0028 3.7645 11.667 4.17871 11.667H9.32129ZM9.32129 8.33301C9.73539 8.33301 10.0711 8.66894 10.0713 9.08301C10.0713 9.49722 9.7355 9.83301 9.32129 9.83301H4.17871C3.7645 9.83301 3.42871 9.49722 3.42871 9.08301C3.42889 8.66894 3.76461 8.33301 4.17871 8.33301H9.32129ZM5.03613 5C5.45015 5.00023 5.78613 5.33593 5.78613 5.75C5.78613 6.16407 5.45015 6.49977 5.03613 6.5H4.17871C3.7645 6.5 3.42871 6.16421 3.42871 5.75C3.42871 5.33579 3.7645 5 4.17871 5H5.03613ZM13.5 13.083C13.5 13.537 13.5002 13.9246 13.4736 14.2412C13.4462 14.5671 13.3865 14.8851 13.2275 15.1885C12.9884 15.6447 12.6083 16.0115 12.1465 16.2402C11.8418 16.3911 11.5229 16.4484 11.1924 16.4746C10.8699 16.5002 10.4748 16.5 10.0068 16.5H3.49316C3.02519 16.5 2.63006 16.5002 2.30762 16.4746C1.97711 16.4484 1.65825 16.3911 1.35352 16.2402C0.891595 16.0115 0.511605 15.6447 0.272461 15.1885C0.113483 14.8852 0.0537801 14.5671 0.0263673 14.2412C-0.000239963 13.9246 7.55472e-08 13.537 7.55472e-08 13.083V3.41699C7.55472e-08 2.96301 -0.000240121 2.5754 0.0263673 2.25879C0.0537813 1.93294 0.113494 1.61484 0.272461 1.31152C0.511625 0.855282 0.891682 0.488533 1.35352 0.259766C1.65825 0.108867 1.97711 0.0516443 2.30762 0.0253907C2.63006 -0.000218272 3.02519 6.13695e-08 3.49316 6.13695e-08H7.60742L7.75195 0.0136719C7.89341 0.041494 8.02501 0.110028 8.12988 0.211914L13.2725 5.21191C13.4177 5.35312 13.5 5.54742 13.5 5.75V13.083ZM8.35742 4.41699C8.35742 4.66287 8.35779 4.80114 8.36621 4.90137C8.36844 4.92785 8.3712 4.94576 8.37305 4.95703C8.37946 4.96552 8.38796 4.97337 8.39941 4.98047C8.41091 4.9827 8.43411 4.98798 8.47461 4.99121C8.58094 4.99966 8.72647 5 8.97852 5H10.9023L8.35742 2.52539V4.41699ZM1.5 13.083C1.5 13.5624 1.5004 13.876 1.52051 14.1152C1.53982 14.3451 1.57376 14.4391 1.60156 14.4922C1.69112 14.6628 1.83564 14.8059 2.01855 14.8965C2.08044 14.9271 2.18564 14.9603 2.42676 14.9795C2.67597 14.9993 3.00137 15 3.49316 15H10.0068C10.4986 15 10.824 14.9993 11.0732 14.9795C11.3144 14.9603 11.4196 14.9271 11.4814 14.8965C11.6644 14.8058 11.8089 14.6628 11.8984 14.4922C11.9262 14.4391 11.9602 14.3451 11.9795 14.1152C11.9996 13.876 12 13.5624 12 13.083V6.5H8.97852C8.75064 6.5 8.5359 6.50057 8.35645 6.48633C8.16877 6.47142 7.95532 6.43664 7.74219 6.33105C7.44151 6.18209 7.19305 5.94278 7.03613 5.64355C6.9238 5.42923 6.88681 5.21342 6.87109 5.02637C6.85621 4.8489 6.85742 4.63731 6.85742 4.41699V1.5H3.49316C3.00137 1.5 2.67597 1.50074 2.42676 1.52051C2.18564 1.53966 2.08044 1.57286 2.01855 1.60352C1.83559 1.6942 1.69109 1.83721 1.60156 2.00781C1.57375 2.06087 1.53982 2.15495 1.52051 2.38477C1.5004 2.624 1.5 2.93756 1.5 3.41699V13.083Z',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_350_127',
+      children: jsxRuntime.jsx("rect", {
+        width: '13.5',
+        height: '16.5',
+        fill: 'white'
+      })
+    })
+  })]
+});
 
 const accordionRootStyles = classVarianceAuthority.cva(`
     w-full
@@ -11416,20 +11447,42 @@ const TransactionStatusIcon = _a => {
   }, props)) : null;
 };
 
+const colorConfig = {
+  blue: {
+    active: 'bg-[var(--color-dash-brand)]',
+    activeDark: 'bg-[var(--color-dash-brand-dim)]',
+    inactive: 'bg-[rgba(76,126,255,0.16)]',
+    inactiveDark: 'bg-gray-700'
+  },
+  red: {
+    active: 'bg-[var(--color-dash-red)]',
+    activeDark: 'bg-[var(--color-dash-red-75)]',
+    inactive: 'bg-[var(--color-dash-red-15)]',
+    inactiveDark: 'bg-gray-700'
+  },
+  orange: {
+    active: 'bg-[var(--color-dash-orange)]',
+    activeDark: 'bg-[var(--color-dash-orange-75)]',
+    inactive: 'bg-[var(--color-dash-orange-15)]',
+    inactiveDark: 'bg-gray-700'
+  }
+};
 function ProgressStepBar({
   currentStep,
   totalSteps,
-  className = ''
+  className = '',
+  color = 'blue'
 }) {
   const {
     theme
   } = useTheme();
+  const colors = colorConfig[color];
   return jsxRuntime.jsx("div", {
     className: `flex gap-2 w-full ${className}`,
     children: Array.from({
       length: totalSteps
     }, (_, index) => jsxRuntime.jsx("div", {
-      className: `h-1.5 rounded-2xl flex-1 transition-colors ${index < currentStep ? theme === 'dark' ? 'bg-[var(--color-dash-brand-dim)]' : 'bg-[var(--color-dash-brand)]' : theme === 'dark' ? 'bg-gray-700' : 'bg-[rgba(76,126,255,0.16)]'}`
+      className: `h-1.5 rounded-2xl flex-1 transition-colors ${index < currentStep ? theme === 'dark' ? colors.activeDark : colors.active : theme === 'dark' ? colors.inactiveDark : colors.inactive}`
     }, index))
   });
 }
@@ -12736,6 +12789,7 @@ exports.DashLogo = DashLogo;
 exports.DateBlock = DateBlock;
 exports.DeleteIcon = DeleteIcon;
 exports.Dialog = DashDialog;
+exports.DocumentIcon = DocumentIcon;
 exports.EditIcon = EditIcon;
 exports.ErrorIcon = ErrorIcon;
 exports.ExternalLinkIcon = ExternalLinkIcon;