dash-ui-kit 1.0.91 → 1.0.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,6 +7,8 @@ export interface BigNumberProps {
7
7
  variant?: BigNumberVariant;
8
8
  /** Extra class names to apply to the wrapper. Use gap-* classes for spacing between groups. */
9
9
  className?: string;
10
+ /** Horizontal spacing (in pixels) around the decimal point. Negative values reduce spacing. @default -2 */
11
+ decimalPointSpacing?: number;
10
12
  }
11
13
  /**
12
14
  * Splits a numeric string into groups of three characters for display.
@@ -46,3 +46,4 @@ export declare const SearchIcon: React.FC<IconProps>;
46
46
  export declare const AirplaneIcon: React.FC<IconProps>;
47
47
  export declare const ExternalLinkIcon: React.FC<IconProps>;
48
48
  export declare const InfoCircleIcon: React.FC<IconProps>;
49
+ export declare const DocumentIcon: React.FC<IconProps>;
@@ -24,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
24
24
  export { Dialog, type DialogProps } from './dialog';
25
25
  export { Tabs, type TabsProps, type TabItem } from './tabs';
26
26
  export type { TimeDeltaFormat } from '../utils/datetime';
27
- 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';
27
+ 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';
@@ -2088,6 +2088,37 @@ const InfoCircleIcon = ({
2088
2088
  })
2089
2089
  })]
2090
2090
  });
2091
+ const DocumentIcon = ({
2092
+ color = '#4C7EFF',
2093
+ size = 14,
2094
+ className = '',
2095
+ onClick
2096
+ }) => jsxRuntime.jsxs("svg", {
2097
+ width: size,
2098
+ height: size,
2099
+ viewBox: '0 0 14 17',
2100
+ fill: 'none',
2101
+ xmlns: 'http://www.w3.org/2000/svg',
2102
+ className: className,
2103
+ onClick: onClick,
2104
+ color: color,
2105
+ children: [jsxRuntime.jsx("g", {
2106
+ clipPath: 'url(#clip0_350_127)',
2107
+ children: jsxRuntime.jsx("path", {
2108
+ 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',
2109
+ fill: 'currentColor'
2110
+ })
2111
+ }), jsxRuntime.jsx("defs", {
2112
+ children: jsxRuntime.jsx("clipPath", {
2113
+ id: 'clip0_350_127',
2114
+ children: jsxRuntime.jsx("rect", {
2115
+ width: '13.5',
2116
+ height: '16.5',
2117
+ fill: 'white'
2118
+ })
2119
+ })
2120
+ })]
2121
+ });
2091
2122
 
2092
2123
  const accordionRootStyles = classVarianceAuthority.cva(`
2093
2124
  w-full
@@ -9567,27 +9598,41 @@ const bigNumberStyles = classVarianceAuthority.cva('inline-flex whitespace-nowra
9567
9598
  const BigNumber = ({
9568
9599
  children,
9569
9600
  variant = 'space',
9570
- className = ''
9601
+ className = '',
9602
+ decimalPointSpacing = -2
9571
9603
  }) => {
9572
9604
  const {
9573
9605
  theme
9574
9606
  } = useTheme();
9607
+ const decimalPointStyle = {
9608
+ marginLeft: `${decimalPointSpacing}px`,
9609
+ marginRight: `${decimalPointSpacing}px`
9610
+ };
9575
9611
  if (children === undefined || children === null) return null;
9576
9612
  const str = children.toString();
9577
9613
  if (variant === 'space') {
9578
- // group digits every 3, right to left
9579
- const groups = str.split('').reverse().reduce((acc, char, idx) => {
9614
+ // Split into integer and decimal parts
9615
+ const [intPart, fracPart] = str.split('.');
9616
+ // group digits every 3, right to left (only for integer part)
9617
+ const groups = intPart.split('').reverse().reduce((acc, char, idx) => {
9580
9618
  if (idx % 3 === 0) acc.unshift('');
9581
9619
  acc[0] = char + acc[0];
9582
9620
  return acc;
9583
9621
  }, []);
9584
- return jsxRuntime.jsx("span", {
9622
+ return jsxRuntime.jsxs("span", {
9585
9623
  className: `${bigNumberStyles({
9586
9624
  theme
9587
9625
  })} ${className}`,
9588
- children: groups.map((grp, i) => jsxRuntime.jsx("span", {
9626
+ children: [groups.map((grp, i) => jsxRuntime.jsx("span", {
9589
9627
  children: grp
9590
- }, i))
9628
+ }, i)), fracPart != null && jsxRuntime.jsxs(jsxRuntime.Fragment, {
9629
+ children: [jsxRuntime.jsx("span", {
9630
+ style: decimalPointStyle,
9631
+ children: "."
9632
+ }), jsxRuntime.jsx("span", {
9633
+ children: fracPart
9634
+ })]
9635
+ })]
9591
9636
  });
9592
9637
  } else {
9593
9638
  // comma variant
@@ -9609,6 +9654,7 @@ const BigNumber = ({
9609
9654
  })]
9610
9655
  }, i)), fracPart != null && jsxRuntime.jsxs(jsxRuntime.Fragment, {
9611
9656
  children: [jsxRuntime.jsx("span", {
9657
+ style: decimalPointStyle,
9612
9658
  children: "."
9613
9659
  }), jsxRuntime.jsx("span", {
9614
9660
  children: fracPart
@@ -12721,6 +12767,7 @@ exports.DashLogo = DashLogo;
12721
12767
  exports.DateBlock = DateBlock;
12722
12768
  exports.DeleteIcon = DeleteIcon;
12723
12769
  exports.Dialog = DashDialog;
12770
+ exports.DocumentIcon = DocumentIcon;
12724
12771
  exports.EditIcon = EditIcon;
12725
12772
  exports.ErrorIcon = ErrorIcon;
12726
12773
  exports.ExternalLinkIcon = ExternalLinkIcon;