kaleido-ui 0.1.21 → 0.1.23

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 +42 -15
  2. package/dist/web/index.js +42 -15
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -1146,29 +1146,56 @@ 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
+ const innerGlyph = size === "sm" ? "size-2.5" : "size-3";
1163
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
1164
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1165
+ "img",
1166
+ {
1167
+ src: `${iconBasePath}/rgb/rgb-logo.svg`,
1168
+ alt: "RGB",
1169
+ className: cn(innerGlyph, "object-contain", defaultIconClassName, iconClassName)
1170
+ }
1171
+ ),
1172
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1173
+ "img",
1174
+ {
1175
+ src: `${iconBasePath}/lightning/lightning.svg`,
1176
+ alt: "Lightning",
1177
+ className: cn(innerGlyph, "object-contain", iconClassName)
1178
+ }
1179
+ )
1180
+ ] });
1163
1181
  }
1164
- );
1182
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1183
+ "img",
1184
+ {
1185
+ src: icon,
1186
+ alt: network,
1187
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1188
+ }
1189
+ );
1190
+ };
1165
1191
  if (!content) {
1192
+ const isDualGlyph = network === "RGB-LN";
1166
1193
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1167
1194
  "span",
1168
1195
  {
1169
1196
  className: cn(
1170
1197
  "flex items-center justify-center rounded-full shadow-inner",
1171
- chipSize,
1198
+ isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
1172
1199
  iconBg,
1173
1200
  className
1174
1201
  ),
package/dist/web/index.js CHANGED
@@ -985,29 +985,56 @@ 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
+ const innerGlyph = size === "sm" ? "size-2.5" : "size-3";
1002
+ return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-0.5", children: [
1003
+ /* @__PURE__ */ jsx15(
1004
+ "img",
1005
+ {
1006
+ src: `${iconBasePath}/rgb/rgb-logo.svg`,
1007
+ alt: "RGB",
1008
+ className: cn(innerGlyph, "object-contain", defaultIconClassName, iconClassName)
1009
+ }
1010
+ ),
1011
+ /* @__PURE__ */ jsx15(
1012
+ "img",
1013
+ {
1014
+ src: `${iconBasePath}/lightning/lightning.svg`,
1015
+ alt: "Lightning",
1016
+ className: cn(innerGlyph, "object-contain", iconClassName)
1017
+ }
1018
+ )
1019
+ ] });
1002
1020
  }
1003
- );
1021
+ return /* @__PURE__ */ jsx15(
1022
+ "img",
1023
+ {
1024
+ src: icon,
1025
+ alt: network,
1026
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1027
+ }
1028
+ );
1029
+ };
1004
1030
  if (!content) {
1031
+ const isDualGlyph = network === "RGB-LN";
1005
1032
  return /* @__PURE__ */ jsx15(
1006
1033
  "span",
1007
1034
  {
1008
1035
  className: cn(
1009
1036
  "flex items-center justify-center rounded-full shadow-inner",
1010
- chipSize,
1037
+ isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
1011
1038
  iconBg,
1012
1039
  className
1013
1040
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.21",
3
+ "version": "0.1.23",
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",