kaleido-ui 0.1.13 → 0.1.14

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.
Files changed (12) hide show
  1. package/dist/css/kaleido-ui.css +2 -0
  2. package/dist/native/index.cjs +1 -0
  3. package/dist/native/index.d.cts +1 -0
  4. package/dist/native/index.d.ts +1 -0
  5. package/dist/native/index.js +1 -0
  6. package/dist/tokens/index.cjs +1 -0
  7. package/dist/tokens/index.d.cts +1 -0
  8. package/dist/tokens/index.d.ts +1 -0
  9. package/dist/tokens/index.js +1 -0
  10. package/dist/web/index.cjs +45 -41
  11. package/dist/web/index.js +45 -41
  12. package/package.json +1 -1
package/dist/css/kaleido-ui.css CHANGED
@@ -171,6 +171,8 @@
171
171
  --font-sans: 'Satoshi', system-ui, -apple-system, sans-serif;
172
172
  --font-display: 'Satoshi', system-ui, -apple-system, sans-serif;
173
173
  --font-mono: 'Geist Mono', monospace;
174
+ --text-mini: 9px;
175
+ --text-mini--line-height: 12px;
174
176
  --text-xxs: 10px;
175
177
  --text-xxs--line-height: 14px;
176
178
  --text-tiny: 11px;
package/dist/native/index.cjs CHANGED
@@ -314,6 +314,7 @@ var fontFamily = {
314
314
  mono: "'Geist Mono', monospace"
315
315
  };
316
316
  var typeScale = {
317
+ mini: ["9px", "12px"],
317
318
  xxs: ["10px", "14px"],
318
319
  tiny: ["11px", "16px"],
319
320
  caption: ["13px", "18px"],
package/dist/native/index.d.cts CHANGED
@@ -216,6 +216,7 @@ declare const fontFamily: {
216
216
  * Type scale — [fontSize, lineHeight]
217
217
  */
218
218
  declare const typeScale: {
219
+ readonly mini: readonly ["9px", "12px"];
219
220
  readonly xxs: readonly ["10px", "14px"];
220
221
  readonly tiny: readonly ["11px", "16px"];
221
222
  readonly caption: readonly ["13px", "18px"];
package/dist/native/index.d.ts CHANGED
@@ -216,6 +216,7 @@ declare const fontFamily: {
216
216
  * Type scale — [fontSize, lineHeight]
217
217
  */
218
218
  declare const typeScale: {
219
+ readonly mini: readonly ["9px", "12px"];
219
220
  readonly xxs: readonly ["10px", "14px"];
220
221
  readonly tiny: readonly ["11px", "16px"];
221
222
  readonly caption: readonly ["13px", "18px"];
package/dist/native/index.js CHANGED
@@ -276,6 +276,7 @@ var fontFamily = {
276
276
  mono: "'Geist Mono', monospace"
277
277
  };
278
278
  var typeScale = {
279
+ mini: ["9px", "12px"],
279
280
  xxs: ["10px", "14px"],
280
281
  tiny: ["11px", "16px"],
281
282
  caption: ["13px", "18px"],
package/dist/tokens/index.cjs CHANGED
@@ -177,6 +177,7 @@ var fontFamily = {
177
177
  mono: "'Geist Mono', monospace"
178
178
  };
179
179
  var typeScale = {
180
+ mini: ["9px", "12px"],
180
181
  xxs: ["10px", "14px"],
181
182
  tiny: ["11px", "16px"],
182
183
  caption: ["13px", "18px"],
package/dist/tokens/index.d.cts CHANGED
@@ -142,6 +142,7 @@ declare const fontFamily: {
142
142
  * Type scale — [fontSize, lineHeight]
143
143
  */
144
144
  declare const typeScale: {
145
+ readonly mini: readonly ["9px", "12px"];
145
146
  readonly xxs: readonly ["10px", "14px"];
146
147
  readonly tiny: readonly ["11px", "16px"];
147
148
  readonly caption: readonly ["13px", "18px"];
package/dist/tokens/index.d.ts CHANGED
@@ -142,6 +142,7 @@ declare const fontFamily: {
142
142
  * Type scale — [fontSize, lineHeight]
143
143
  */
144
144
  declare const typeScale: {
145
+ readonly mini: readonly ["9px", "12px"];
145
146
  readonly xxs: readonly ["10px", "14px"];
146
147
  readonly tiny: readonly ["11px", "16px"];
147
148
  readonly caption: readonly ["13px", "18px"];
package/dist/tokens/index.js CHANGED
@@ -136,6 +136,7 @@ var fontFamily = {
136
136
  mono: "'Geist Mono', monospace"
137
137
  };
138
138
  var typeScale = {
139
+ mini: ["9px", "12px"],
139
140
  xxs: ["10px", "14px"],
140
141
  tiny: ["11px", "16px"],
141
142
  caption: ["13px", "18px"],
package/dist/web/index.cjs CHANGED
@@ -2062,7 +2062,7 @@ function FilterDropdown({
2062
2062
  "span",
2063
2063
  {
2064
2064
  className: cn(
2065
- "shrink-0 text-xxs font-black uppercase tracking-wide",
2065
+ "shrink-0 text-mini font-bold uppercase tracking-wider",
2066
2066
  isFiltered ? "text-muted-foreground" : "text-white/45"
2067
2067
  ),
2068
2068
  children: label
@@ -6024,49 +6024,53 @@ function DepositInvoiceGeneration({
6024
6024
  ] })
6025
6025
  }
6026
6026
  ),
6027
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-2", children: [
6028
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
6029
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
6030
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
6031
- AccountChoiceChip,
6032
- {
6033
- account,
6034
- active: isBtc ? btcSelectedAccount === account : selectedAccount === account,
6035
- onClick: () => {
6036
- if (isBtc) {
6037
- if (account === "SPARK") {
6038
- setWalletChoice("SPARK");
6039
- setNetwork("spark");
6040
- } else if (account === "ARKADE") {
6041
- setNetwork("arkade");
6042
- setWalletChoice("RGB");
6027
+ (() => {
6028
+ const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
6029
+ if (hideDestinationRail) return null;
6030
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-2", children: [
6031
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
6032
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
6033
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
6034
+ AccountChoiceChip,
6035
+ {
6036
+ account,
6037
+ active: isBtc ? btcSelectedAccount === account : selectedAccount === account,
6038
+ onClick: () => {
6039
+ if (isBtc) {
6040
+ if (account === "SPARK") {
6041
+ setWalletChoice("SPARK");
6042
+ setNetwork("spark");
6043
+ } else if (account === "ARKADE") {
6044
+ setNetwork("arkade");
6045
+ setWalletChoice("RGB");
6046
+ } else {
6047
+ setWalletChoice("RGB");
6048
+ setNetwork("onchain");
6049
+ }
6043
6050
  } else {
6044
- setWalletChoice("RGB");
6045
- setNetwork("onchain");
6051
+ handleAccountSelect(account);
6046
6052
  }
6047
- } else {
6048
- handleAccountSelect(account);
6049
6053
  }
6050
- }
6051
- },
6052
- account
6053
- )) })
6054
- ] }),
6055
- !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
6056
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
6057
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
6058
- MethodChoiceChip,
6059
- {
6060
- method,
6061
- active: currentMethod === method,
6062
- enabled,
6063
- disabledReason,
6064
- onClick: () => enabled && applyMethodSelection(selectedAccount, method)
6065
- },
6066
- method
6067
- )) })
6068
- ] })
6069
- ] }) }),
6054
+ },
6055
+ account
6056
+ )) })
6057
+ ] }),
6058
+ !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
6059
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
6060
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
6061
+ MethodChoiceChip,
6062
+ {
6063
+ method,
6064
+ active: currentMethod === method,
6065
+ enabled,
6066
+ disabledReason,
6067
+ onClick: () => enabled && applyMethodSelection(selectedAccount, method)
6068
+ },
6069
+ method
6070
+ )) })
6071
+ ] })
6072
+ ] }) });
6073
+ })(),
6070
6074
  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
6071
6075
  BtcUnifiedReceive,
6072
6076
  {
package/dist/web/index.js CHANGED
@@ -1907,7 +1907,7 @@ function FilterDropdown({
1907
1907
  "span",
1908
1908
  {
1909
1909
  className: cn(
1910
- "shrink-0 text-xxs font-black uppercase tracking-wide",
1910
+ "shrink-0 text-mini font-bold uppercase tracking-wider",
1911
1911
  isFiltered ? "text-muted-foreground" : "text-white/45"
1912
1912
  ),
1913
1913
  children: label
@@ -5869,49 +5869,53 @@ function DepositInvoiceGeneration({
5869
5869
  ] })
5870
5870
  }
5871
5871
  ),
5872
- /* @__PURE__ */ jsx59("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ jsxs46("div", { className: "space-y-2", children: [
5873
- /* @__PURE__ */ jsxs46("div", { children: [
5874
- /* @__PURE__ */ jsx59("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
5875
- /* @__PURE__ */ jsx59("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ jsx59(
5876
- AccountChoiceChip,
5877
- {
5878
- account,
5879
- active: isBtc ? btcSelectedAccount === account : selectedAccount === account,
5880
- onClick: () => {
5881
- if (isBtc) {
5882
- if (account === "SPARK") {
5883
- setWalletChoice("SPARK");
5884
- setNetwork("spark");
5885
- } else if (account === "ARKADE") {
5886
- setNetwork("arkade");
5887
- setWalletChoice("RGB");
5872
+ (() => {
5873
+ const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
5874
+ if (hideDestinationRail) return null;
5875
+ return /* @__PURE__ */ jsx59("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ jsxs46("div", { className: "space-y-2", children: [
5876
+ /* @__PURE__ */ jsxs46("div", { children: [
5877
+ /* @__PURE__ */ jsx59("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
5878
+ /* @__PURE__ */ jsx59("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ jsx59(
5879
+ AccountChoiceChip,
5880
+ {
5881
+ account,
5882
+ active: isBtc ? btcSelectedAccount === account : selectedAccount === account,
5883
+ onClick: () => {
5884
+ if (isBtc) {
5885
+ if (account === "SPARK") {
5886
+ setWalletChoice("SPARK");
5887
+ setNetwork("spark");
5888
+ } else if (account === "ARKADE") {
5889
+ setNetwork("arkade");
5890
+ setWalletChoice("RGB");
5891
+ } else {
5892
+ setWalletChoice("RGB");
5893
+ setNetwork("onchain");
5894
+ }
5888
5895
  } else {
5889
- setWalletChoice("RGB");
5890
- setNetwork("onchain");
5896
+ handleAccountSelect(account);
5891
5897
  }
5892
- } else {
5893
- handleAccountSelect(account);
5894
5898
  }
5895
- }
5896
- },
5897
- account
5898
- )) })
5899
- ] }),
5900
- !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ jsxs46("div", { children: [
5901
- /* @__PURE__ */ jsx59("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
5902
- /* @__PURE__ */ jsx59("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ jsx59(
5903
- MethodChoiceChip,
5904
- {
5905
- method,
5906
- active: currentMethod === method,
5907
- enabled,
5908
- disabledReason,
5909
- onClick: () => enabled && applyMethodSelection(selectedAccount, method)
5910
- },
5911
- method
5912
- )) })
5913
- ] })
5914
- ] }) }),
5899
+ },
5900
+ account
5901
+ )) })
5902
+ ] }),
5903
+ !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ jsxs46("div", { children: [
5904
+ /* @__PURE__ */ jsx59("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
5905
+ /* @__PURE__ */ jsx59("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ jsx59(
5906
+ MethodChoiceChip,
5907
+ {
5908
+ method,
5909
+ active: currentMethod === method,
5910
+ enabled,
5911
+ disabledReason,
5912
+ onClick: () => enabled && applyMethodSelection(selectedAccount, method)
5913
+ },
5914
+ method
5915
+ )) })
5916
+ ] })
5917
+ ] }) });
5918
+ })(),
5915
5919
  /* @__PURE__ */ jsx59(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ jsx59(
5916
5920
  BtcUnifiedReceive,
5917
5921
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.13",
3
+ "version": "0.1.14",
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",