@tollerud/ui 1.0.4 → 1.0.5

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 (11) hide show
  1. package/README.md +2 -1
  2. package/dist/index.cjs +3 -3
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +2 -2
  5. package/dist/index.d.ts +2 -2
  6. package/dist/index.js +3 -3
  7. package/dist/index.js.map +1 -1
  8. package/globals.css +14 -14
  9. package/package.json +1 -1
  10. package/tokens.css +7 -7
  11. package/tollerud-preset.js +11 -11
package/globals.css CHANGED
@@ -15,8 +15,8 @@
15
15
  :root,
16
16
  .dark {
17
17
  /* ═══ Brand Tokens ═══ */
18
- --tollerud-yellow: #E8D500;
19
- --tollerud-yellow-bright: #FFFF00;
18
+ --tollerud-yellow: #FFFF00;
19
+ --tollerud-yellow-warm: #E8D500;
20
20
  --tollerud-acid: #FFFF00; /* Tollerud high-voltage yellow */
21
21
  --tollerud-yellow-dim: #B8A800;
22
22
  --tollerud-amber: #FFB800;
@@ -46,7 +46,7 @@
46
46
  --popover: #1A1A1A;
47
47
  --popover-foreground: #F5F5F5;
48
48
 
49
- --primary: #E8D500;
49
+ --primary: #FFFF00;
50
50
  --primary-foreground: #0A0A0A;
51
51
 
52
52
  --secondary: #252525;
@@ -72,11 +72,11 @@
72
72
 
73
73
  --border: #333333;
74
74
  --input: #333333;
75
- --ring: #E8D500;
75
+ --ring: #FFFF00;
76
76
  --radius: 0.25rem;
77
77
 
78
78
  /* ═══ Chart Tokens ═══ */
79
- --chart-1: #E8D500;
79
+ --chart-1: #FFFF00;
80
80
  --chart-2: #FFB800;
81
81
  --chart-3: #22C55E;
82
82
  --chart-4: #3B82F6;
@@ -107,7 +107,7 @@
107
107
  --shadow-md: 0 4px 12px rgba(0,0,0,0.45);
108
108
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.55);
109
109
  --shadow-xl: 0 24px 60px rgba(0,0,0,0.65);
110
- --shadow-glow: 0 0 15px rgba(232,213,0,0.30);
110
+ --shadow-glow: 0 0 15px rgba(255,255,0,0.30);
111
111
 
112
112
  /* ═══ Surface Tokens ═══ */
113
113
  --surface: #0A0A0A;
@@ -245,8 +245,8 @@
245
245
  border-color: var(--primary);
246
246
  }
247
247
  .tollerud-btn--primary:hover {
248
- background: var(--tollerud-yellow-bright);
249
- box-shadow: var(--shadow-glow, 0 0 15px rgba(232,213,0,0.3));
248
+ background: var(--tollerud-yellow);
249
+ box-shadow: var(--shadow-glow, 0 0 15px rgba(255,255,0,0.3));
250
250
  }
251
251
  .tollerud-btn--secondary {
252
252
  background: transparent;
@@ -293,7 +293,7 @@
293
293
  }
294
294
  .tollerud-btn--terminal:hover {
295
295
  border-color: var(--tollerud-yellow);
296
- box-shadow: 0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1);
296
+ box-shadow: 0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1);
297
297
  background: rgba(232, 213, 0, 0.05);
298
298
  }
299
299
 
@@ -504,7 +504,7 @@
504
504
 
505
505
  /* ═══ Glow ═══ */
506
506
  .tollerud-glow {
507
- box-shadow: 0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1);
507
+ box-shadow: 0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1);
508
508
  }
509
509
 
510
510
  /* ═══ Skeleton ═══ */
@@ -557,7 +557,7 @@
557
557
  }
558
558
  .tollerud-status--online::before { background: var(--success); box-shadow: 0 0 6px rgba(34,197,94,0.5); }
559
559
  .tollerud-status--offline::before { background: var(--destructive); }
560
- .tollerud-status--warning::before { background: var(--warning); box-shadow: 0 0 6px rgba(232,213,0,0.5); }
560
+ .tollerud-status--warning::before { background: var(--warning); box-shadow: 0 0 6px rgba(255,255,0,0.5); }
561
561
  .tollerud-status--idle::before { background: var(--tollerud-noir-400); }
562
562
 
563
563
  /* ═══ Code Block ═══ */
@@ -637,8 +637,8 @@
637
637
  animation: tollerud-timeline-pulse 2s infinite;
638
638
  }
639
639
  @keyframes tollerud-timeline-pulse {
640
- 0%, 100% { box-shadow: 0 0 0 0 rgba(232,213,0,0.4); }
641
- 50% { box-shadow: 0 0 0 6px rgba(232,213,0,0); }
640
+ 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,0,0.4); }
641
+ 50% { box-shadow: 0 0 0 6px rgba(255,255,0,0); }
642
642
  }
643
643
  .tollerud-timeline__line {
644
644
  width: 1px;
@@ -653,7 +653,7 @@
653
653
  }
654
654
  .tollerud-timeline:not(.tollerud-timeline--active) .tollerud-timeline__dot--active {
655
655
  animation: none;
656
- box-shadow: 0 0 6px rgba(232,213,0,0.4);
656
+ box-shadow: 0 0 6px rgba(255,255,0,0.4);
657
657
  }
658
658
  .tollerud-timeline__icon {
659
659
  width: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tollerud/ui",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
5
5
  "private": false,
6
6
  "type": "module",
package/tokens.css CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  :root {
7
7
  /* ── Brand ── */
8
- --tollerud-yellow: #E8D500;
9
- --tollerud-yellow-bright: #FFFF00;
8
+ --tollerud-yellow: #FFFF00;
9
+ --tollerud-yellow-warm: #E8D500;
10
10
  --tollerud-acid: #FFFF00; /* Tollerud high-voltage yellow */
11
11
  --tollerud-yellow-dim: #B8A800;
12
12
  --tollerud-amber: #FFB800;
@@ -41,7 +41,7 @@
41
41
  /* ── Borders ── */
42
42
  --tollerud-border: #333333;
43
43
  --tollerud-border-subtle: #252525;
44
- --tollerud-border-accent: #E8D500;
44
+ --tollerud-border-accent: #FFFF00;
45
45
 
46
46
  /* ── States ── */
47
47
  --tollerud-success: #22C55E;
@@ -94,7 +94,7 @@
94
94
  --tollerud-shadow: 0 1px 3px 0 rgba(0,0,0,0.5), 0 1px 2px -1px rgba(0,0,0,0.3);
95
95
  --tollerud-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.3);
96
96
  --tollerud-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.3);
97
- --tollerud-shadow-glow: 0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1);
97
+ --tollerud-shadow-glow: 0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1);
98
98
 
99
99
  /* ── Glass ── */
100
100
  --tollerud-glass-bg: rgba(10, 10, 10, 0.88);
@@ -217,7 +217,7 @@ code, pre {
217
217
  border-color: var(--tollerud-yellow);
218
218
  }
219
219
  .tollerud-btn--primary:hover {
220
- background: var(--tollerud-yellow-bright);
220
+ background: var(--tollerud-yellow);
221
221
  box-shadow: var(--tollerud-shadow-glow);
222
222
  }
223
223
 
@@ -513,8 +513,8 @@ code, pre {
513
513
  .tollerud-timeline__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--tollerud-noir-500); flex-shrink: 0; }
514
514
  .tollerud-timeline__dot--active { animation: tollerud-timeline-pulse 2s infinite; }
515
515
  @keyframes tollerud-timeline-pulse {
516
- 0%, 100% { box-shadow: 0 0 0 0 rgba(232,213,0,.4); }
517
- 50% { box-shadow: 0 0 0 6px rgba(232,213,0,0); }
516
+ 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,0,.4); }
517
+ 50% { box-shadow: 0 0 0 6px rgba(255,255,0,0); }
518
518
  }
519
519
  .tollerud-timeline__line { width: 1px; flex: 1; min-height: 8px; background: var(--tollerud-noir-600); margin-top: 4px; }
520
520
  .tollerud-timeline__icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: var(--tollerud-yellow); }
package/tollerud-preset.js CHANGED
@@ -16,8 +16,8 @@
16
16
  const palette = {
17
17
  tia: {
18
18
  // Brand
19
- yellow: '#E8D500',
20
- 'yellow-bright': '#FFFF00',
19
+ yellow: '#FFFF00',
20
+ 'yellow-warm': '#E8D500',
21
21
  acid: '#FFFF00',
22
22
  'yellow-dim': '#B8A800',
23
23
  amber: '#FFB800',
@@ -52,7 +52,7 @@ const palette = {
52
52
  // Borders
53
53
  border: '#333333',
54
54
  'border-subtle': '#252525',
55
- 'border-accent': '#E8D500',
55
+ 'border-accent': '#FFFF00',
56
56
 
57
57
  // States
58
58
  success: '#22C55E',
@@ -61,7 +61,7 @@ const palette = {
61
61
  info: '#3B82F6',
62
62
 
63
63
  // Shadows
64
- glow: '0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1)',
64
+ glow: '0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1)',
65
65
  },
66
66
  }
67
67
 
@@ -121,7 +121,7 @@ module.exports = {
121
121
  'tia': '0 1px 3px 0 rgba(0,0,0,0.5), 0 1px 2px -1px rgba(0,0,0,0.3)',
122
122
  'tollerud-md': '0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.3)',
123
123
  'tollerud-lg': '0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.3)',
124
- 'tollerud-glow':'0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1)',
124
+ 'tollerud-glow':'0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1)',
125
125
  },
126
126
 
127
127
  // ─── Backdrop Blur ───
@@ -132,8 +132,8 @@ module.exports = {
132
132
  // ─── Background Images ───
133
133
  backgroundImage: {
134
134
  'tollerud-grid': `
135
- linear-gradient(rgba(232,213,0,0.03) 1px, transparent 1px),
136
- linear-gradient(90deg, rgba(232,213,0,0.03) 1px, transparent 1px)
135
+ linear-gradient(rgba(255,255,0,0.03) 1px, transparent 1px),
136
+ linear-gradient(90deg, rgba(255,255,0,0.03) 1px, transparent 1px)
137
137
  `,
138
138
  'tollerud-gradient-bar': `
139
139
  linear-gradient(90deg,
@@ -145,13 +145,13 @@ module.exports = {
145
145
  `,
146
146
  'tollerud-gradient-soft': `
147
147
  linear-gradient(135deg,
148
- rgba(232,213,0,0.8),
148
+ rgba(255,255,0,0.8),
149
149
  rgba(255,184,0,0.4))
150
150
  `,
151
151
  'tollerud-noir-glow': `
152
152
  radial-gradient(circle at 0% 0%, rgba(255,255,0,0.72) 0%, rgba(255,232,0,0.38) 16%, transparent 38%),
153
153
  radial-gradient(circle at 100% 0%, rgba(255,255,0,0.58) 0%, rgba(255,184,0,0.24) 18%, transparent 40%),
154
- radial-gradient(circle at 0% 100%, rgba(232,213,0,0.44) 0%, rgba(255,184,0,0.18) 18%, transparent 44%),
154
+ radial-gradient(circle at 0% 100%, rgba(255,255,0,0.44) 0%, rgba(255,184,0,0.18) 18%, transparent 44%),
155
155
  radial-gradient(circle at 100% 100%, rgba(255,255,0,0.34) 0%, transparent 36%),
156
156
  #000
157
157
  `,
@@ -167,8 +167,8 @@ module.exports = {
167
167
  },
168
168
  keyframes: {
169
169
  'tollerud-glow': {
170
- '0%': { boxShadow: '0 0 5px rgba(232,213,0,0.2), 0 0 10px rgba(232,213,0,0.05)' },
171
- '100%': { boxShadow: '0 0 15px rgba(232,213,0,0.3), 0 0 30px rgba(232,213,0,0.1)' },
170
+ '0%': { boxShadow: '0 0 5px rgba(255,255,0,0.2), 0 0 10px rgba(255,255,0,0.05)' },
171
+ '100%': { boxShadow: '0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1)' },
172
172
  },
173
173
  'tollerud-fade-in': {
174
174
  '0%': { opacity: '0', transform: 'translateY(4px)' },