kaleido-ui 0.1.21 → 0.1.22

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 (3) hide show
  1. package/dist/web/index.cjs +41 -15
  2. package/dist/web/index.js +41 -15
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -1146,29 +1146,55 @@ function NetworkBadge({
1146
1146
  const content = children ?? (shouldShowLabel ? label : null);
1147
1147
  const chipSize = size === "sm" ? "size-6" : "size-8";
1148
1148
  const imageSize = size === "sm" ? "size-3.5" : "size-icon-lg";
1149
- const renderGlyph = (className2) => network === "L1" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1150
- "span",
1151
- {
1152
- className: cn("material-symbols-outlined leading-none", color, className2),
1153
- style: { fontSize: size === "sm" ? 12 : 16 },
1154
- "aria-hidden": true,
1155
- children: "link"
1149
+ const renderGlyph = (className2) => {
1150
+ if (network === "L1") {
1151
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1152
+ "span",
1153
+ {
1154
+ className: cn("material-symbols-outlined leading-none", color, className2),
1155
+ style: { fontSize: size === "sm" ? 12 : 16 },
1156
+ "aria-hidden": true,
1157
+ children: "link"
1158
+ }
1159
+ );
1156
1160
  }
1157
- ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1158
- "img",
1159
- {
1160
- src: icon,
1161
- alt: network,
1162
- className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1161
+ if (network === "RGB-LN") {
1162
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
1163
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1164
+ "img",
1165
+ {
1166
+ src: `${iconBasePath}/rgb/rgb-logo.svg`,
1167
+ alt: "RGB",
1168
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1169
+ }
1170
+ ),
1171
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1172
+ "img",
1173
+ {
1174
+ src: `${iconBasePath}/lightning/lightning.svg`,
1175
+ alt: "Lightning",
1176
+ className: cn(className2, "object-contain", iconClassName)
1177
+ }
1178
+ )
1179
+ ] });
1163
1180
  }
1164
- );
1181
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1182
+ "img",
1183
+ {
1184
+ src: icon,
1185
+ alt: network,
1186
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1187
+ }
1188
+ );
1189
+ };
1165
1190
  if (!content) {
1191
+ const isDualGlyph = network === "RGB-LN";
1166
1192
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1167
1193
  "span",
1168
1194
  {
1169
1195
  className: cn(
1170
1196
  "flex items-center justify-center rounded-full shadow-inner",
1171
- chipSize,
1197
+ isDualGlyph ? size === "sm" ? "h-6 px-1.5" : "h-8 px-2" : chipSize,
1172
1198
  iconBg,
1173
1199
  className
1174
1200
  ),
package/dist/web/index.js CHANGED
@@ -985,29 +985,55 @@ function NetworkBadge({
985
985
  const content = children ?? (shouldShowLabel ? label : null);
986
986
  const chipSize = size === "sm" ? "size-6" : "size-8";
987
987
  const imageSize = size === "sm" ? "size-3.5" : "size-icon-lg";
988
- const renderGlyph = (className2) => network === "L1" ? /* @__PURE__ */ jsx15(
989
- "span",
990
- {
991
- className: cn("material-symbols-outlined leading-none", color, className2),
992
- style: { fontSize: size === "sm" ? 12 : 16 },
993
- "aria-hidden": true,
994
- children: "link"
988
+ const renderGlyph = (className2) => {
989
+ if (network === "L1") {
990
+ return /* @__PURE__ */ jsx15(
991
+ "span",
992
+ {
993
+ className: cn("material-symbols-outlined leading-none", color, className2),
994
+ style: { fontSize: size === "sm" ? 12 : 16 },
995
+ "aria-hidden": true,
996
+ children: "link"
997
+ }
998
+ );
995
999
  }
996
- ) : /* @__PURE__ */ jsx15(
997
- "img",
998
- {
999
- src: icon,
1000
- alt: network,
1001
- className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1000
+ if (network === "RGB-LN") {
1001
+ return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-0.5", children: [
1002
+ /* @__PURE__ */ jsx15(
1003
+ "img",
1004
+ {
1005
+ src: `${iconBasePath}/rgb/rgb-logo.svg`,
1006
+ alt: "RGB",
1007
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1008
+ }
1009
+ ),
1010
+ /* @__PURE__ */ jsx15(
1011
+ "img",
1012
+ {
1013
+ src: `${iconBasePath}/lightning/lightning.svg`,
1014
+ alt: "Lightning",
1015
+ className: cn(className2, "object-contain", iconClassName)
1016
+ }
1017
+ )
1018
+ ] });
1002
1019
  }
1003
- );
1020
+ return /* @__PURE__ */ jsx15(
1021
+ "img",
1022
+ {
1023
+ src: icon,
1024
+ alt: network,
1025
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1026
+ }
1027
+ );
1028
+ };
1004
1029
  if (!content) {
1030
+ const isDualGlyph = network === "RGB-LN";
1005
1031
  return /* @__PURE__ */ jsx15(
1006
1032
  "span",
1007
1033
  {
1008
1034
  className: cn(
1009
1035
  "flex items-center justify-center rounded-full shadow-inner",
1010
- chipSize,
1036
+ isDualGlyph ? size === "sm" ? "h-6 px-1.5" : "h-8 px-2" : chipSize,
1011
1037
  iconBg,
1012
1038
  className
1013
1039
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.21",
3
+ "version": "0.1.22",
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",