@jdcpuwiz/homelab-ui 0.9.2 → 0.9.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jdcpuwiz/homelab-ui",
3
- "version": "0.9.2",
3
+ "version": "0.9.4",
4
4
  "description": "Shared dark-theme UI primitives for the JdCpuWiz homelab \u2014 Sidebar, Button, Modal, PageHeader, TagChips, plus the canonical Tailwind preset, CSS vars, and the sanctioned three-face typography (Poppins / Orbitron / JetBrains Mono) on one flat #f0f1f4 text color.",
5
5
  "license": "MIT",
6
6
  "author": "Wiz <shad@deckerzoo.com>",
@@ -60,8 +60,6 @@ module.exports = {
60
60
  },
61
61
  border: {
62
62
  DEFAULT: "var(--hl-border)",
63
- input: "var(--hl-input-border)",
64
- inputHover: "var(--hl-input-border-hover)",
65
63
  },
66
64
  brand: {
67
65
  DEFAULT: "var(--hl-brand)",
@@ -81,12 +79,6 @@ module.exports = {
81
79
  empty: "#4b5563",
82
80
  primary: "var(--hl-brand)",
83
81
  },
84
- accent: {
85
- upload: "#a78bfa",
86
- download: "#38bdf8",
87
- errorText: "#f87171",
88
- live: "#ef4444",
89
- },
90
82
  overlay: {
91
83
  DEFAULT: "rgba(0,0,0,0.9)",
92
84
  chip: "rgba(0,0,0,0.6)",
@@ -138,9 +130,31 @@ module.exports = {
138
130
  sidebar: "var(--hl-sidebar-width, 15rem)",
139
131
  logo: "9rem",
140
132
  },
133
+ // `colors.border` above only carries DEFAULT. Nesting `input`/`inputHover`
134
+ // there used to double the class names to `border-border-input` /
135
+ // `border-border-inputHover` — Tailwind's colour flattening joins the
136
+ // theme-group key ("border") with each sub-key, so a group named the
137
+ // same as its own utility prefix collides with itself. A plain
138
+ // `borderColor` extension avoids the collision and matches the header's
139
+ // documented `border-input` / `border-input-hover` classes exactly.
140
+ borderColor: {
141
+ input: "var(--hl-input-border)",
142
+ "input-hover": "var(--hl-input-border-hover)",
143
+ },
141
144
  ringColor: {
142
145
  DEFAULT: "var(--hl-brand-glow)",
143
146
  },
147
+ // Same reasoning as `borderColor.input` above — `colors.accent` doubled
148
+ // to `accent-accent-upload` etc. via the `accent`-vs-`accentColor`
149
+ // collision. `error-text` is kebab-cased (not `errorText`) because
150
+ // Tailwind's class-name join never camelCases — it only appends the raw
151
+ // key, so a camelCase key produced a camelCase, undocumented class.
152
+ accentColor: {
153
+ upload: "#a78bfa",
154
+ download: "#38bdf8",
155
+ "error-text": "#f87171",
156
+ live: "#ef4444",
157
+ },
144
158
  ringWidth: {
145
159
  DEFAULT: "2px",
146
160
  },