kaleido-ui 0.1.19 → 0.1.20
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.
- package/dist/css/kaleido-ui.css +13 -0
- package/dist/web/index.cjs +2 -2
- package/dist/web/index.js +2 -2
- package/package.json +1 -1
package/dist/css/kaleido-ui.css
CHANGED
|
@@ -6,6 +6,19 @@
|
|
|
6
6
|
/* ── Material Symbols ──────────────────────────────────────────────────── */
|
|
7
7
|
.material-symbols-outlined {
|
|
8
8
|
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
|
9
|
+
/*
|
|
10
|
+
* Glyph spans default to baseline alignment with the parent's line-height,
|
|
11
|
+
* which makes Material Symbols render a few pixels above text in flex
|
|
12
|
+
* rows next to <img>-based icons. Force the glyph to render centered
|
|
13
|
+
* within its own box (line-height 1, vertical-align middle, inline-flex
|
|
14
|
+
* items-center) so it sits on the same visual axis as adjacent text and
|
|
15
|
+
* image icons everywhere they're used.
|
|
16
|
+
*/
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
line-height: 1;
|
|
21
|
+
vertical-align: middle;
|
|
9
22
|
}
|
|
10
23
|
.material-symbols-outlined.filled {
|
|
11
24
|
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
package/dist/web/index.cjs
CHANGED
|
@@ -3672,7 +3672,7 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
|
3672
3672
|
function getActivityNetworkFilterIcon(filter) {
|
|
3673
3673
|
switch (filter) {
|
|
3674
3674
|
case "onchain":
|
|
3675
|
-
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "onchain", className: "size-icon-sm" });
|
|
3675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "onchain", size: "xs", className: "size-icon-sm" });
|
|
3676
3676
|
case "lightning":
|
|
3677
3677
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LightningNetworkIcon, { className: "size-3.5", alt: "" });
|
|
3678
3678
|
case "spark":
|
|
@@ -3680,7 +3680,7 @@ function getActivityNetworkFilterIcon(filter) {
|
|
|
3680
3680
|
case "arkade":
|
|
3681
3681
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArkadeNetworkIcon, { className: "size-3.5 rounded", alt: "" });
|
|
3682
3682
|
default:
|
|
3683
|
-
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "allNetworks", className: "size-icon-sm" });
|
|
3683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "allNetworks", size: "xs", className: "size-icon-sm" });
|
|
3684
3684
|
}
|
|
3685
3685
|
}
|
|
3686
3686
|
function ActivityNetworkFilters({
|
package/dist/web/index.js
CHANGED
|
@@ -3517,7 +3517,7 @@ import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
|
3517
3517
|
function getActivityNetworkFilterIcon(filter) {
|
|
3518
3518
|
switch (filter) {
|
|
3519
3519
|
case "onchain":
|
|
3520
|
-
return /* @__PURE__ */ jsx39(AppIcon, { name: "onchain", className: "size-icon-sm" });
|
|
3520
|
+
return /* @__PURE__ */ jsx39(AppIcon, { name: "onchain", size: "xs", className: "size-icon-sm" });
|
|
3521
3521
|
case "lightning":
|
|
3522
3522
|
return /* @__PURE__ */ jsx39(LightningNetworkIcon, { className: "size-3.5", alt: "" });
|
|
3523
3523
|
case "spark":
|
|
@@ -3525,7 +3525,7 @@ function getActivityNetworkFilterIcon(filter) {
|
|
|
3525
3525
|
case "arkade":
|
|
3526
3526
|
return /* @__PURE__ */ jsx39(ArkadeNetworkIcon, { className: "size-3.5 rounded", alt: "" });
|
|
3527
3527
|
default:
|
|
3528
|
-
return /* @__PURE__ */ jsx39(AppIcon, { name: "allNetworks", className: "size-icon-sm" });
|
|
3528
|
+
return /* @__PURE__ */ jsx39(AppIcon, { name: "allNetworks", size: "xs", className: "size-icon-sm" });
|
|
3529
3529
|
}
|
|
3530
3530
|
}
|
|
3531
3531
|
function ActivityNetworkFilters({
|
package/package.json
CHANGED