@tollerud/ui 1.1.4 → 1.1.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 (3) hide show
  1. package/SKILL.md +2 -0
  2. package/package.json +1 -2
  3. package/tollerud-preset.js +55 -50
package/SKILL.md CHANGED
@@ -31,6 +31,8 @@ const config: Config = {
31
31
  export default config
32
32
  ```
33
33
 
34
+ As of **v1.1.5**, Tailwind colors are exposed under `tollerud.*` only. Use utilities like `text-tollerud-yellow`, `bg-tollerud-surface-raised`, and `border-tollerud-border`; do not use `tia-*` utility names.
35
+
34
36
  Import base styles/tokens from `@tollerud/ui/globals.css` (or `@tollerud/ui/tokens.css`) in your root layout / `globals.css`, alongside Tailwind's own layers:
35
37
  ```css
36
38
  @import "tailwindcss/preflight";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tollerud/ui",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
5
5
  "private": false,
6
6
  "type": "module",
@@ -98,7 +98,6 @@
98
98
  "dark-theme",
99
99
  "monochrome",
100
100
  "noir",
101
- "tia",
102
101
  "ui"
103
102
  ],
104
103
  "publishConfig": {
package/tollerud-preset.js CHANGED
@@ -13,56 +13,61 @@
13
13
  * Or merge manually into an existing config.
14
14
  */
15
15
 
16
+ const tollerudColors = {
17
+ // Brand
18
+ yellow: '#FFFF00',
19
+ 'yellow-warm': '#E8D500',
20
+ acid: '#FFFF00',
21
+ accent: '#FFFF00',
22
+ 'yellow-dim': '#B8A800',
23
+ amber: '#FFB800',
24
+ 'amber-glow': '#FF8C00',
25
+
26
+ // Noir scale
27
+ black: '#0A0A0A',
28
+ 'noir-black': '#0A0A0A',
29
+ 'noir-950': '#0A0A0A',
30
+ 'noir-900': '#121212',
31
+ 'noir-850': '#161616',
32
+ 'noir-800': '#1A1A1A',
33
+ 'noir-700': '#252525',
34
+ 'noir-600': '#333333',
35
+ 'noir-500': '#4A4A4A',
36
+ 'noir-400': '#666666',
37
+ 'noir-300': '#888888',
38
+ 'noir-200': '#AAAAAA',
39
+ 'noir-100': '#CCCCCC',
40
+ 'noir-50': '#E5E5E5',
41
+ 'noir-white': '#F5F5F5',
42
+ white: '#F5F5F5',
43
+
44
+ // Surfaces
45
+ surface: '#0A0A0A',
46
+ 'surface-raised': '#121212',
47
+ 'surface-overlay': '#1A1A1A',
48
+ 'surface-hover': '#252525',
49
+
50
+ // Text
51
+ foreground: '#F5F5F5',
52
+ 'text-primary': '#F5F5F5',
53
+ 'text-secondary': '#AAAAAA',
54
+ 'text-muted': '#666666',
55
+ 'text-inverse': '#0A0A0A',
56
+
57
+ // Borders
58
+ border: '#333333',
59
+ 'border-subtle': '#252525',
60
+ 'border-accent': '#FFFF00',
61
+
62
+ // States
63
+ success: '#22C55E',
64
+ warning: '#E8D500',
65
+ error: '#EF4444',
66
+ info: '#3B82F6',
67
+ }
68
+
16
69
  const palette = {
17
- tia: {
18
- // Brand
19
- yellow: '#FFFF00',
20
- 'yellow-warm': '#E8D500',
21
- acid: '#FFFF00',
22
- 'yellow-dim': '#B8A800',
23
- amber: '#FFB800',
24
- 'amber-glow': '#FF8C00',
25
-
26
- // Noir scale
27
- 'noir-black': '#0A0A0A',
28
- 'noir-900': '#121212',
29
- 'noir-800': '#1A1A1A',
30
- 'noir-700': '#252525',
31
- 'noir-600': '#333333',
32
- 'noir-500': '#4A4A4A',
33
- 'noir-400': '#666666',
34
- 'noir-300': '#888888',
35
- 'noir-200': '#AAAAAA',
36
- 'noir-100': '#CCCCCC',
37
- 'noir-50': '#E5E5E5',
38
- 'noir-white': '#F5F5F5',
39
-
40
- // Surfaces
41
- surface: '#0A0A0A',
42
- 'surface-raised': '#121212',
43
- 'surface-overlay': '#1A1A1A',
44
- 'surface-hover': '#252525',
45
-
46
- // Text
47
- 'text-primary': '#F5F5F5',
48
- 'text-secondary': '#AAAAAA',
49
- 'text-muted': '#666666',
50
- 'text-inverse': '#0A0A0A',
51
-
52
- // Borders
53
- border: '#333333',
54
- 'border-subtle': '#252525',
55
- 'border-accent': '#FFFF00',
56
-
57
- // States
58
- success: '#22C55E',
59
- warning: '#E8D500',
60
- error: '#EF4444',
61
- info: '#3B82F6',
62
-
63
- // Shadows
64
- glow: '0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1)',
65
- },
70
+ tollerud: tollerudColors,
66
71
  }
67
72
 
68
73
  /** @type {import('tailwindcss').Config} */
@@ -118,7 +123,7 @@ module.exports = {
118
123
  // ─── Shadows ───
119
124
  boxShadow: {
120
125
  'tollerud-sm': '0 1px 2px 0 rgba(0,0,0,0.4)',
121
- 'tia': '0 1px 3px 0 rgba(0,0,0,0.5), 0 1px 2px -1px rgba(0,0,0,0.3)',
126
+ 'tollerud': '0 1px 3px 0 rgba(0,0,0,0.5), 0 1px 2px -1px rgba(0,0,0,0.3)',
122
127
  'tollerud-md': '0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.3)',
123
128
  'tollerud-lg': '0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.3)',
124
129
  'tollerud-glow':'0 0 15px rgba(255,255,0,0.3), 0 0 30px rgba(255,255,0,0.1)',