kaleido-ui 0.1.24 → 0.1.25

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.
@@ -3296,6 +3296,8 @@ function SwapInputCard({
3296
3296
  quoteFeeText,
3297
3297
  quoteExpiresText,
3298
3298
  quoteExpiresUrgent = false,
3299
+ quoteVenueText,
3300
+ quoteVenueTone = "primary",
3299
3301
  warning,
3300
3302
  submitLabel,
3301
3303
  submitIcon,
@@ -3405,7 +3407,25 @@ function SwapInputCard({
3405
3407
  ] })
3406
3408
  ] })
3407
3409
  ] }),
3408
- (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
3410
+ (quoteError || quoteRateText || quoteFeeText || quoteExpiresText || quoteVenueText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
3411
+ quoteVenueText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
3412
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Provider" }),
3413
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "inline-flex items-center gap-1.5 font-medium text-white/65", children: [
3414
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
3415
+ "span",
3416
+ {
3417
+ className: cn(
3418
+ "size-1.5 rounded-full",
3419
+ quoteVenueTone === "spark" && "bg-network-spark",
3420
+ quoteVenueTone === "info" && "bg-info",
3421
+ quoteVenueTone === "primary" && "bg-primary"
3422
+ ),
3423
+ "aria-hidden": true
3424
+ }
3425
+ ),
3426
+ quoteVenueText
3427
+ ] })
3428
+ ] }),
3409
3429
  quoteRateText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
3410
3430
  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Rate" }),
3411
3431
  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-medium text-white/65", children: quoteRateText })
@@ -616,6 +616,10 @@ interface SwapInputCardProps {
616
616
  quoteFeeText?: string | null;
617
617
  quoteExpiresText?: string | null;
618
618
  quoteExpiresUrgent?: boolean;
619
+ /** Routing venue label shown next to the rate row (e.g. "KaleidoSwap"). */
620
+ quoteVenueText?: string | null;
621
+ /** Tone of the venue dot — primary for KaleidoSwap, info/spark for Flashnet. */
622
+ quoteVenueTone?: 'primary' | 'spark' | 'info';
619
623
  warning?: string | null;
620
624
  submitLabel: string;
621
625
  /** Optional leading icon for the submit CTA (e.g. a Material-Symbols glyph). */
@@ -630,7 +634,7 @@ interface SwapInputCardProps {
630
634
  onFlip: () => void;
631
635
  onSubmit: () => void;
632
636
  }
633
- declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
637
+ declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, quoteVenueText, quoteVenueTone, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
634
638
 
635
639
  interface ActivityListItem<TData = unknown> {
636
640
  id: string;
@@ -616,6 +616,10 @@ interface SwapInputCardProps {
616
616
  quoteFeeText?: string | null;
617
617
  quoteExpiresText?: string | null;
618
618
  quoteExpiresUrgent?: boolean;
619
+ /** Routing venue label shown next to the rate row (e.g. "KaleidoSwap"). */
620
+ quoteVenueText?: string | null;
621
+ /** Tone of the venue dot — primary for KaleidoSwap, info/spark for Flashnet. */
622
+ quoteVenueTone?: 'primary' | 'spark' | 'info';
619
623
  warning?: string | null;
620
624
  submitLabel: string;
621
625
  /** Optional leading icon for the submit CTA (e.g. a Material-Symbols glyph). */
@@ -630,7 +634,7 @@ interface SwapInputCardProps {
630
634
  onFlip: () => void;
631
635
  onSubmit: () => void;
632
636
  }
633
- declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
637
+ declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, quoteVenueText, quoteVenueTone, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
634
638
 
635
639
  interface ActivityListItem<TData = unknown> {
636
640
  id: string;
package/dist/web/index.js CHANGED
@@ -3141,6 +3141,8 @@ function SwapInputCard({
3141
3141
  quoteFeeText,
3142
3142
  quoteExpiresText,
3143
3143
  quoteExpiresUrgent = false,
3144
+ quoteVenueText,
3145
+ quoteVenueTone = "primary",
3144
3146
  warning,
3145
3147
  submitLabel,
3146
3148
  submitIcon,
@@ -3250,7 +3252,25 @@ function SwapInputCard({
3250
3252
  ] })
3251
3253
  ] })
3252
3254
  ] }),
3253
- (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ jsx35("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ jsx35("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ jsxs23("div", { className: "space-y-1.5", children: [
3255
+ (quoteError || quoteRateText || quoteFeeText || quoteExpiresText || quoteVenueText) && /* @__PURE__ */ jsx35("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ jsx35("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ jsxs23("div", { className: "space-y-1.5", children: [
3256
+ quoteVenueText && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between text-xs", children: [
3257
+ /* @__PURE__ */ jsx35("span", { className: "text-white/40", children: "Provider" }),
3258
+ /* @__PURE__ */ jsxs23("span", { className: "inline-flex items-center gap-1.5 font-medium text-white/65", children: [
3259
+ /* @__PURE__ */ jsx35(
3260
+ "span",
3261
+ {
3262
+ className: cn(
3263
+ "size-1.5 rounded-full",
3264
+ quoteVenueTone === "spark" && "bg-network-spark",
3265
+ quoteVenueTone === "info" && "bg-info",
3266
+ quoteVenueTone === "primary" && "bg-primary"
3267
+ ),
3268
+ "aria-hidden": true
3269
+ }
3270
+ ),
3271
+ quoteVenueText
3272
+ ] })
3273
+ ] }),
3254
3274
  quoteRateText && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between text-xs", children: [
3255
3275
  /* @__PURE__ */ jsx35("span", { className: "text-white/40", children: "Rate" }),
3256
3276
  /* @__PURE__ */ jsx35("span", { className: "font-medium text-white/65", children: quoteRateText })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.24",
3
+ "version": "0.1.25",
4
4
  "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
5
5
  "license": "MIT",
6
6
  "type": "module",