kaleido-ui 0.1.23 → 0.1.24

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 +15 -42
  2. package/dist/web/index.js +15 -42
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -1146,56 +1146,29 @@ 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) => {
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
- );
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"
1160
1156
  }
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
- ] });
1157
+ ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1158
+ "img",
1159
+ {
1160
+ src: icon,
1161
+ alt: network,
1162
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1181
1163
  }
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
- };
1164
+ );
1191
1165
  if (!content) {
1192
- const isDualGlyph = network === "RGB-LN";
1193
1166
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1194
1167
  "span",
1195
1168
  {
1196
1169
  className: cn(
1197
1170
  "flex items-center justify-center rounded-full shadow-inner",
1198
- isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
1171
+ chipSize,
1199
1172
  iconBg,
1200
1173
  className
1201
1174
  ),
package/dist/web/index.js CHANGED
@@ -985,56 +985,29 @@ 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) => {
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
- );
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"
999
995
  }
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
- ] });
996
+ ) : /* @__PURE__ */ jsx15(
997
+ "img",
998
+ {
999
+ src: icon,
1000
+ alt: network,
1001
+ className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1020
1002
  }
1021
- return /* @__PURE__ */ jsx15(
1022
- "img",
1023
- {
1024
- src: icon,
1025
- alt: network,
1026
- className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
1027
- }
1028
- );
1029
- };
1003
+ );
1030
1004
  if (!content) {
1031
- const isDualGlyph = network === "RGB-LN";
1032
1005
  return /* @__PURE__ */ jsx15(
1033
1006
  "span",
1034
1007
  {
1035
1008
  className: cn(
1036
1009
  "flex items-center justify-center rounded-full shadow-inner",
1037
- isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
1010
+ chipSize,
1038
1011
  iconBg,
1039
1012
  className
1040
1013
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.23",
3
+ "version": "0.1.24",
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",