@luxfi/ui 7.4.13 → 7.4.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 (7) hide show
  1. package/dist/expiration-selector.cjs +4 -5
  2. package/dist/expiration-selector.js +4 -5
  3. package/dist/index.cjs +14 -7
  4. package/dist/index.js +14 -7
  5. package/dist/option-position.cjs +10 -2
  6. package/dist/option-position.js +10 -2
  7. package/package.json +1 -1
package/dist/expiration-selector.cjs CHANGED
@@ -38,18 +38,17 @@ var GROUP_LABELS = {
38
38
  var SHAPE = {
39
39
  selected: {
40
40
  borderColor: "transparent",
41
- backgroundColor: "var(--color-selected-control-bg)",
42
- color: "var(--color-selected-control-text)"
41
+ backgroundColor: "var(--color-selected-control-bg)"
43
42
  },
44
43
  resting: {
45
44
  borderColor: "var(--color-border-divider)",
46
45
  backgroundColor: "var(--card)",
47
- color: "var(--color-text-secondary)",
48
- hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
46
+ hoverStyle: { borderColor: "var(--color-hover)" }
49
47
  }
50
48
  };
51
49
  function ExpirationPill({ exp, isSelected, onClick }) {
52
50
  const shape = isSelected ? SHAPE.selected : SHAPE.resting;
51
+ const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
53
52
  const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
54
53
  return /* @__PURE__ */ jsxRuntime.jsxs(
55
54
  gui.YStack,
@@ -68,7 +67,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
68
67
  cursor: "pointer",
69
68
  ...shape,
70
69
  children: [
71
- /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
70
+ /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
72
71
  /* @__PURE__ */ jsxRuntime.jsxs(
73
72
  gui.Text,
74
73
  {
package/dist/expiration-selector.js CHANGED
@@ -16,18 +16,17 @@ var GROUP_LABELS = {
16
16
  var SHAPE = {
17
17
  selected: {
18
18
  borderColor: "transparent",
19
- backgroundColor: "var(--color-selected-control-bg)",
20
- color: "var(--color-selected-control-text)"
19
+ backgroundColor: "var(--color-selected-control-bg)"
21
20
  },
22
21
  resting: {
23
22
  borderColor: "var(--color-border-divider)",
24
23
  backgroundColor: "var(--card)",
25
- color: "var(--color-text-secondary)",
26
- hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
24
+ hoverStyle: { borderColor: "var(--color-hover)" }
27
25
  }
28
26
  };
29
27
  function ExpirationPill({ exp, isSelected, onClick }) {
30
28
  const shape = isSelected ? SHAPE.selected : SHAPE.resting;
29
+ const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
31
30
  const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
32
31
  return /* @__PURE__ */ jsxs(
33
32
  YStack,
@@ -46,7 +45,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
46
45
  cursor: "pointer",
47
46
  ...shape,
48
47
  children: [
49
- /* @__PURE__ */ jsx(Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
48
+ /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
50
49
  /* @__PURE__ */ jsxs(
51
50
  Text,
52
51
  {
package/dist/index.cjs CHANGED
@@ -7284,8 +7284,16 @@ function ActionButton({ onClick, children }) {
7284
7284
  paddingVertical: 4,
7285
7285
  backgroundColor: "var(--color-button-subtle-bg)",
7286
7286
  cursor: "pointer",
7287
- hoverStyle: { color: "var(--color-hover)" },
7288
- children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", color: "var(--color-button-subtle-fg)", children })
7287
+ children: /* @__PURE__ */ jsxRuntime.jsx(
7288
+ gui.Text,
7289
+ {
7290
+ fontSize: 12,
7291
+ fontWeight: "500",
7292
+ color: "var(--color-button-subtle-fg)",
7293
+ hoverStyle: { color: "var(--color-hover)" },
7294
+ children
7295
+ }
7296
+ )
7289
7297
  }
7290
7298
  );
7291
7299
  }
@@ -7308,18 +7316,17 @@ var GROUP_LABELS = {
7308
7316
  var SHAPE = {
7309
7317
  selected: {
7310
7318
  borderColor: "transparent",
7311
- backgroundColor: "var(--color-selected-control-bg)",
7312
- color: "var(--color-selected-control-text)"
7319
+ backgroundColor: "var(--color-selected-control-bg)"
7313
7320
  },
7314
7321
  resting: {
7315
7322
  borderColor: "var(--color-border-divider)",
7316
7323
  backgroundColor: "var(--card)",
7317
- color: "var(--color-text-secondary)",
7318
- hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
7324
+ hoverStyle: { borderColor: "var(--color-hover)" }
7319
7325
  }
7320
7326
  };
7321
7327
  function ExpirationPill({ exp, isSelected, onClick }) {
7322
7328
  const shape = isSelected ? SHAPE.selected : SHAPE.resting;
7329
+ const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
7323
7330
  const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
7324
7331
  return /* @__PURE__ */ jsxRuntime.jsxs(
7325
7332
  gui.YStack,
@@ -7338,7 +7345,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
7338
7345
  cursor: "pointer",
7339
7346
  ...shape,
7340
7347
  children: [
7341
- /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
7348
+ /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
7342
7349
  /* @__PURE__ */ jsxRuntime.jsxs(
7343
7350
  gui.Text,
7344
7351
  {
package/dist/index.js CHANGED
@@ -7263,8 +7263,16 @@ function ActionButton({ onClick, children }) {
7263
7263
  paddingVertical: 4,
7264
7264
  backgroundColor: "var(--color-button-subtle-bg)",
7265
7265
  cursor: "pointer",
7266
- hoverStyle: { color: "var(--color-hover)" },
7267
- children: /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "500", color: "var(--color-button-subtle-fg)", children })
7266
+ children: /* @__PURE__ */ jsx(
7267
+ Text,
7268
+ {
7269
+ fontSize: 12,
7270
+ fontWeight: "500",
7271
+ color: "var(--color-button-subtle-fg)",
7272
+ hoverStyle: { color: "var(--color-hover)" },
7273
+ children
7274
+ }
7275
+ )
7268
7276
  }
7269
7277
  );
7270
7278
  }
@@ -7287,18 +7295,17 @@ var GROUP_LABELS = {
7287
7295
  var SHAPE = {
7288
7296
  selected: {
7289
7297
  borderColor: "transparent",
7290
- backgroundColor: "var(--color-selected-control-bg)",
7291
- color: "var(--color-selected-control-text)"
7298
+ backgroundColor: "var(--color-selected-control-bg)"
7292
7299
  },
7293
7300
  resting: {
7294
7301
  borderColor: "var(--color-border-divider)",
7295
7302
  backgroundColor: "var(--card)",
7296
- color: "var(--color-text-secondary)",
7297
- hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
7303
+ hoverStyle: { borderColor: "var(--color-hover)" }
7298
7304
  }
7299
7305
  };
7300
7306
  function ExpirationPill({ exp, isSelected, onClick }) {
7301
7307
  const shape = isSelected ? SHAPE.selected : SHAPE.resting;
7308
+ const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
7302
7309
  const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
7303
7310
  return /* @__PURE__ */ jsxs(
7304
7311
  YStack,
@@ -7317,7 +7324,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
7317
7324
  cursor: "pointer",
7318
7325
  ...shape,
7319
7326
  children: [
7320
- /* @__PURE__ */ jsx(Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
7327
+ /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
7321
7328
  /* @__PURE__ */ jsxs(
7322
7329
  Text,
7323
7330
  {
package/dist/option-position.cjs CHANGED
@@ -153,8 +153,16 @@ function ActionButton({ onClick, children }) {
153
153
  paddingVertical: 4,
154
154
  backgroundColor: "var(--color-button-subtle-bg)",
155
155
  cursor: "pointer",
156
- hoverStyle: { color: "var(--color-hover)" },
157
- children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", color: "var(--color-button-subtle-fg)", children })
156
+ children: /* @__PURE__ */ jsxRuntime.jsx(
157
+ gui.Text,
158
+ {
159
+ fontSize: 12,
160
+ fontWeight: "500",
161
+ color: "var(--color-button-subtle-fg)",
162
+ hoverStyle: { color: "var(--color-hover)" },
163
+ children
164
+ }
165
+ )
158
166
  }
159
167
  );
160
168
  }
package/dist/option-position.js CHANGED
@@ -131,8 +131,16 @@ function ActionButton({ onClick, children }) {
131
131
  paddingVertical: 4,
132
132
  backgroundColor: "var(--color-button-subtle-bg)",
133
133
  cursor: "pointer",
134
- hoverStyle: { color: "var(--color-hover)" },
135
- children: /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "500", color: "var(--color-button-subtle-fg)", children })
134
+ children: /* @__PURE__ */ jsx(
135
+ Text,
136
+ {
137
+ fontSize: 12,
138
+ fontWeight: "500",
139
+ color: "var(--color-button-subtle-fg)",
140
+ hoverStyle: { color: "var(--color-hover)" },
141
+ children
142
+ }
143
+ )
136
144
  }
137
145
  );
138
146
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxfi/ui",
3
- "version": "7.4.13",
3
+ "version": "7.4.14",
4
4
  "description": "Cross-platform UI components on @hanzo/gui. Native mobile + web.",
5
5
  "type": "module",
6
6
  "license": "MIT",