@camstack/ui-library 1.2.269 → 1.2.270

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 (4) hide show
  1. package/dist/index.cjs +6 -6
  2. package/dist/index.js +6 -6
  3. package/package.json +1 -1
  4. package/src/tailwind/camstack-theme.css +29 -29
package/dist/index.cjs CHANGED
@@ -58137,15 +58137,15 @@ function NodePicker({ selectedNodeId, onSelect, label = "Node", hideIcon = false
58137
58137
  const colorByNodeId = (0, react$1.useMemo)(() => buildColorByNodeId(settingsQuery.data), [settingsQuery.data]);
58138
58138
  if (!alwaysShow && nodes.length <= 1) return null;
58139
58139
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
58140
- className: "flex items-center gap-1.5",
58140
+ className: "flex h-7 items-center gap-1.5",
58141
58141
  children: [
58142
- !hideIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Server, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
58143
- label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
58142
+ !hideIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Server, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
58143
+ label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
58144
58144
  className: "text-[10px] uppercase tracking-wider text-foreground-subtle",
58145
58145
  children: label
58146
- }),
58146
+ }) : null,
58147
58147
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
58148
- className: "flex rounded-md border border-border overflow-hidden text-[11px] font-medium",
58148
+ className: "flex h-7 overflow-hidden rounded-md border border-border text-xs font-medium",
58149
58149
  children: nodes.map((node, idx) => {
58150
58150
  const isSelected = selectedNodeId === node.id;
58151
58151
  const colorId = colorIdForNode(colorByNodeId, node.id);
@@ -58155,7 +58155,7 @@ function NodePicker({ selectedNodeId, onSelect, label = "Node", hideIcon = false
58155
58155
  onClick: () => onSelect(node.id),
58156
58156
  disabled,
58157
58157
  title: node.isOnline ? node.name : `${node.name} (offline)`,
58158
- className: cn("px-2.5 py-1 transition-colors", isSelected ? cn(nodeSoftBgClass(colorId), nodeTextColorClass(colorId)) : cn("bg-transparent hover:bg-surface-hover", nodeTextColorClass(colorId), !disabled && "opacity-70 hover:opacity-100"), idx > 0 && "border-l border-border", disabled && "opacity-50 cursor-not-allowed"),
58158
+ className: cn("inline-flex h-7 items-center px-2.5 transition-colors", isSelected ? cn(nodeSoftBgClass(colorId), nodeTextColorClass(colorId)) : cn("bg-transparent hover:bg-surface-hover", nodeTextColorClass(colorId), !disabled && "opacity-70 hover:opacity-100"), idx > 0 && "border-l border-border", disabled && "cursor-not-allowed opacity-50"),
58159
58159
  children: node.shortName
58160
58160
  }, node.id);
58161
58161
  })
package/dist/index.js CHANGED
@@ -58113,15 +58113,15 @@ function NodePicker({ selectedNodeId, onSelect, label = "Node", hideIcon = false
58113
58113
  const colorByNodeId = useMemo(() => buildColorByNodeId(settingsQuery.data), [settingsQuery.data]);
58114
58114
  if (!alwaysShow && nodes.length <= 1) return null;
58115
58115
  return /* @__PURE__ */ jsxs("div", {
58116
- className: "flex items-center gap-1.5",
58116
+ className: "flex h-7 items-center gap-1.5",
58117
58117
  children: [
58118
- !hideIcon && /* @__PURE__ */ jsx(Server, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
58119
- label && /* @__PURE__ */ jsx("span", {
58118
+ !hideIcon && /* @__PURE__ */ jsx(Server, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
58119
+ label ? /* @__PURE__ */ jsx("span", {
58120
58120
  className: "text-[10px] uppercase tracking-wider text-foreground-subtle",
58121
58121
  children: label
58122
- }),
58122
+ }) : null,
58123
58123
  /* @__PURE__ */ jsx("div", {
58124
- className: "flex rounded-md border border-border overflow-hidden text-[11px] font-medium",
58124
+ className: "flex h-7 overflow-hidden rounded-md border border-border text-xs font-medium",
58125
58125
  children: nodes.map((node, idx) => {
58126
58126
  const isSelected = selectedNodeId === node.id;
58127
58127
  const colorId = colorIdForNode(colorByNodeId, node.id);
@@ -58131,7 +58131,7 @@ function NodePicker({ selectedNodeId, onSelect, label = "Node", hideIcon = false
58131
58131
  onClick: () => onSelect(node.id),
58132
58132
  disabled,
58133
58133
  title: node.isOnline ? node.name : `${node.name} (offline)`,
58134
- className: cn("px-2.5 py-1 transition-colors", isSelected ? cn(nodeSoftBgClass(colorId), nodeTextColorClass(colorId)) : cn("bg-transparent hover:bg-surface-hover", nodeTextColorClass(colorId), !disabled && "opacity-70 hover:opacity-100"), idx > 0 && "border-l border-border", disabled && "opacity-50 cursor-not-allowed"),
58134
+ className: cn("inline-flex h-7 items-center px-2.5 transition-colors", isSelected ? cn(nodeSoftBgClass(colorId), nodeTextColorClass(colorId)) : cn("bg-transparent hover:bg-surface-hover", nodeTextColorClass(colorId), !disabled && "opacity-70 hover:opacity-100"), idx > 0 && "border-l border-border", disabled && "cursor-not-allowed opacity-50"),
58135
58135
  children: node.shortName
58136
58136
  }, node.id);
58137
58137
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camstack/ui-library",
3
- "version": "1.2.269",
3
+ "version": "1.2.270",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",
package/src/tailwind/camstack-theme.css CHANGED
@@ -31,15 +31,15 @@
31
31
  --color-chart-series-a: #3987e5;
32
32
  --color-chart-series-b: #d55181;
33
33
 
34
- /* Cluster node identity (Nodes UI) */
35
- --color-node-a: #3987e5;
36
- --color-node-b: #d55181;
37
- --color-node-c: #4ade80;
38
- --color-node-d: #fbbf24;
39
- --color-node-e: #a855f7;
40
- --color-node-f: #06b6d4;
41
- --color-node-g: #f59e42;
42
- --color-node-h: #78716c;
34
+ /* Cluster node identity — vivid pastels (never stone/gray: that reads disabled) */
35
+ --color-node-a: #7dd3fc;
36
+ --color-node-b: #f9a8d4;
37
+ --color-node-c: #86efac;
38
+ --color-node-d: #fde047;
39
+ --color-node-e: #c4b5fd;
40
+ --color-node-f: #67e8f9;
41
+ --color-node-g: #fdba74;
42
+ --color-node-h: #fb7185;
43
43
 
44
44
  /* Border radius */
45
45
  --radius-sm: 4px;
@@ -81,14 +81,14 @@
81
81
  --color-info: #60a5fa;
82
82
  --color-chart-series-a: #3987e5;
83
83
  --color-chart-series-b: #d55181;
84
- --color-node-a: #3987e5;
85
- --color-node-b: #d55181;
86
- --color-node-c: #4ade80;
87
- --color-node-d: #fbbf24;
88
- --color-node-e: #a855f7;
89
- --color-node-f: #06b6d4;
90
- --color-node-g: #f59e42;
91
- --color-node-h: #78716c;
84
+ --color-node-a: #7dd3fc;
85
+ --color-node-b: #f9a8d4;
86
+ --color-node-c: #86efac;
87
+ --color-node-d: #fde047;
88
+ --color-node-e: #c4b5fd;
89
+ --color-node-f: #67e8f9;
90
+ --color-node-g: #fdba74;
91
+ --color-node-h: #fb7185;
92
92
  }
93
93
 
94
94
  /* Light theme */
@@ -112,14 +112,14 @@
112
112
  --color-info: #2563eb;
113
113
  --color-chart-series-a: #2a78d6;
114
114
  --color-chart-series-b: #e87ba4;
115
- --color-node-a: #2a78d6;
116
- --color-node-b: #e87ba4;
115
+ --color-node-a: #0284c7;
116
+ --color-node-b: #db2777;
117
117
  --color-node-c: #16a34a;
118
- --color-node-d: #d97706;
119
- --color-node-e: #9333ea;
118
+ --color-node-d: #ca8a04;
119
+ --color-node-e: #7c3aed;
120
120
  --color-node-f: #0891b2;
121
- --color-node-g: #e67e22;
122
- --color-node-h: #57534e;
121
+ --color-node-g: #ea580c;
122
+ --color-node-h: #e11d48;
123
123
  }
124
124
 
125
125
  /* System preference fallback (when no .dark/.light class is set) */
@@ -144,13 +144,13 @@
144
144
  --color-info: #2563eb;
145
145
  --color-chart-series-a: #2a78d6;
146
146
  --color-chart-series-b: #e87ba4;
147
- --color-node-a: #2a78d6;
148
- --color-node-b: #e87ba4;
147
+ --color-node-a: #0284c7;
148
+ --color-node-b: #db2777;
149
149
  --color-node-c: #16a34a;
150
- --color-node-d: #d97706;
151
- --color-node-e: #9333ea;
150
+ --color-node-d: #ca8a04;
151
+ --color-node-e: #7c3aed;
152
152
  --color-node-f: #0891b2;
153
- --color-node-g: #e67e22;
154
- --color-node-h: #57534e;
153
+ --color-node-g: #ea580c;
154
+ --color-node-h: #e11d48;
155
155
  }
156
156
  }