@hanzo/design 0.5.14 → 0.5.15

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/tokens.gen.d.ts +6 -6
  2. package/dist/tokens.gen.js +6 -6
  3. package/package.json +2 -2
  4. package/src/tokens.gen.ts +6 -6
  5. package/styles.css +12 -3
  6. package/tailwind.css +12 -3
  7. package/tokens/colors.css +12 -3
package/dist/tokens.gen.d.ts CHANGED
@@ -35,11 +35,11 @@ export declare const colors: {
35
35
  readonly 'white-80': "rgb(255 255 255 / .80)";
36
36
  readonly 'white-92': "rgb(255 255 255 / .92)";
37
37
  readonly background: "#0a0a0a";
38
- readonly foreground: "#fafafa";
38
+ readonly foreground: "#e5e5e5";
39
39
  readonly card: "#0f0f0f";
40
- readonly 'card-foreground': "#fafafa";
40
+ readonly 'card-foreground': "#e5e5e5";
41
41
  readonly popover: "#0f0f0f";
42
- readonly 'popover-foreground': "#fafafa";
42
+ readonly 'popover-foreground': "#e5e5e5";
43
43
  readonly primary: "#fafafa";
44
44
  readonly 'primary-hover': "#e5e5e5";
45
45
  readonly 'primary-foreground': "#0a0a0a";
@@ -342,11 +342,11 @@ export declare const cssVars: {
342
342
  readonly '--white-80': "rgb(255 255 255 / .80)";
343
343
  readonly '--white-92': "rgb(255 255 255 / .92)";
344
344
  readonly '--background': "#0a0a0a";
345
- readonly '--foreground': "#fafafa";
345
+ readonly '--foreground': "#e5e5e5";
346
346
  readonly '--card': "#0f0f0f";
347
- readonly '--card-foreground': "#fafafa";
347
+ readonly '--card-foreground': "#e5e5e5";
348
348
  readonly '--popover': "#0f0f0f";
349
- readonly '--popover-foreground': "#fafafa";
349
+ readonly '--popover-foreground': "#e5e5e5";
350
350
  readonly '--primary': "#fafafa";
351
351
  readonly '--primary-hover': "#e5e5e5";
352
352
  readonly '--primary-foreground': "#0a0a0a";
package/dist/tokens.gen.js CHANGED
@@ -38,11 +38,11 @@ export const colors = {
38
38
  'white-80': 'rgb(255 255 255 / .80)',
39
39
  'white-92': 'rgb(255 255 255 / .92)',
40
40
  'background': '#0a0a0a',
41
- 'foreground': '#fafafa',
41
+ 'foreground': '#e5e5e5',
42
42
  'card': '#0f0f0f',
43
- 'card-foreground': '#fafafa',
43
+ 'card-foreground': '#e5e5e5',
44
44
  'popover': '#0f0f0f',
45
- 'popover-foreground': '#fafafa',
45
+ 'popover-foreground': '#e5e5e5',
46
46
  'primary': '#fafafa',
47
47
  'primary-hover': '#e5e5e5',
48
48
  'primary-foreground': '#0a0a0a',
@@ -345,11 +345,11 @@ export const cssVars = {
345
345
  '--white-80': 'rgb(255 255 255 / .80)',
346
346
  '--white-92': 'rgb(255 255 255 / .92)',
347
347
  '--background': '#0a0a0a',
348
- '--foreground': '#fafafa',
348
+ '--foreground': '#e5e5e5',
349
349
  '--card': '#0f0f0f',
350
- '--card-foreground': '#fafafa',
350
+ '--card-foreground': '#e5e5e5',
351
351
  '--popover': '#0f0f0f',
352
- '--popover-foreground': '#fafafa',
352
+ '--popover-foreground': '#e5e5e5',
353
353
  '--primary': '#fafafa',
354
354
  '--primary-hover': '#e5e5e5',
355
355
  '--primary-foreground': '#0a0a0a',
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@hanzo/design",
3
- "version": "0.5.14",
3
+ "version": "0.5.15",
4
4
  "packageManager": "pnpm@11.17.0",
5
- "description": "Hanzo Design System — monochrome, dark-default tokens + components + brand assets, the single source of truth for every Hanzo surface. CSS + typed programmatic tokens.",
5
+ "description": "Hanzo Design System \u2014 monochrome, dark-default tokens + components + brand assets, the single source of truth for every Hanzo surface. CSS + typed programmatic tokens.",
6
6
  "license": "MIT OR Apache-2.0",
7
7
  "repository": {
8
8
  "type": "git",
package/src/tokens.gen.ts CHANGED
@@ -39,11 +39,11 @@ export const colors = {
39
39
  'white-80': 'rgb(255 255 255 / .80)',
40
40
  'white-92': 'rgb(255 255 255 / .92)',
41
41
  'background': '#0a0a0a',
42
- 'foreground': '#fafafa',
42
+ 'foreground': '#e5e5e5',
43
43
  'card': '#0f0f0f',
44
- 'card-foreground': '#fafafa',
44
+ 'card-foreground': '#e5e5e5',
45
45
  'popover': '#0f0f0f',
46
- 'popover-foreground': '#fafafa',
46
+ 'popover-foreground': '#e5e5e5',
47
47
  'primary': '#fafafa',
48
48
  'primary-hover': '#e5e5e5',
49
49
  'primary-foreground': '#0a0a0a',
@@ -358,11 +358,11 @@ export const cssVars = {
358
358
  '--white-80': 'rgb(255 255 255 / .80)',
359
359
  '--white-92': 'rgb(255 255 255 / .92)',
360
360
  '--background': '#0a0a0a',
361
- '--foreground': '#fafafa',
361
+ '--foreground': '#e5e5e5',
362
362
  '--card': '#0f0f0f',
363
- '--card-foreground': '#fafafa',
363
+ '--card-foreground': '#e5e5e5',
364
364
  '--popover': '#0f0f0f',
365
- '--popover-foreground': '#fafafa',
365
+ '--popover-foreground': '#e5e5e5',
366
366
  '--primary': '#fafafa',
367
367
  '--primary-hover': '#e5e5e5',
368
368
  '--primary-foreground': '#0a0a0a',
package/styles.css CHANGED
@@ -92,11 +92,20 @@
92
92
 
93
93
  /* ——— semantic aliases (dark, the default) ——— */
94
94
  --background:#0a0a0a;
95
- --foreground:#fafafa;
95
+ /* READING ink, one rung below the top of the ramp. The note at the head of this
96
+ file already made this argument once — #ffffff on #000000 halates, so #fafafa
97
+ — and the argument does not stop being true at 19.0:1. Every heading and
98
+ paragraph on every surface was set in the brightest ink the system has, while
99
+ the CHROME beside them draws body text at --white-92; a page read as glare
100
+ against its own header. #e5e5e5 is the neutral-200 rung this file already
101
+ spends on --primary-hover, so the ramp gains no new value: 15.7:1 on the page,
102
+ 15.2:1 on a card, both more than twice the 7:1 AAA asks of body text.
103
+ Something that genuinely needs the brightest ink names --primary. */
104
+ --foreground:#e5e5e5;
96
105
  --card:#0f0f0f;
97
- --card-foreground:#fafafa;
106
+ --card-foreground:#e5e5e5;
98
107
  --popover:#0f0f0f;
99
- --popover-foreground:#fafafa;
108
+ --popover-foreground:#e5e5e5;
100
109
  --primary:#fafafa;
101
110
  /* A 5% step, not the 16% this used to be. A filled button's fill is already
102
111
  the top of the ink ramp, so the only directions available on hover are
package/tailwind.css CHANGED
@@ -115,11 +115,20 @@
115
115
 
116
116
  /* ——— semantic aliases (dark, the default) ——— */
117
117
  --background:#0a0a0a;
118
- --foreground:#fafafa;
118
+ /* READING ink, one rung below the top of the ramp. The note at the head of this
119
+ file already made this argument once — #ffffff on #000000 halates, so #fafafa
120
+ — and the argument does not stop being true at 19.0:1. Every heading and
121
+ paragraph on every surface was set in the brightest ink the system has, while
122
+ the CHROME beside them draws body text at --white-92; a page read as glare
123
+ against its own header. #e5e5e5 is the neutral-200 rung this file already
124
+ spends on --primary-hover, so the ramp gains no new value: 15.7:1 on the page,
125
+ 15.2:1 on a card, both more than twice the 7:1 AAA asks of body text.
126
+ Something that genuinely needs the brightest ink names --primary. */
127
+ --foreground:#e5e5e5;
119
128
  --card:#0f0f0f;
120
- --card-foreground:#fafafa;
129
+ --card-foreground:#e5e5e5;
121
130
  --popover:#0f0f0f;
122
- --popover-foreground:#fafafa;
131
+ --popover-foreground:#e5e5e5;
123
132
  --primary:#fafafa;
124
133
  /* A 5% step, not the 16% this used to be. A filled button's fill is already
125
134
  the top of the ink ramp, so the only directions available on hover are
package/tokens/colors.css CHANGED
@@ -77,11 +77,20 @@
77
77
 
78
78
  /* ——— semantic aliases (dark, the default) ——— */
79
79
  --background:#0a0a0a;
80
- --foreground:#fafafa;
80
+ /* READING ink, one rung below the top of the ramp. The note at the head of this
81
+ file already made this argument once — #ffffff on #000000 halates, so #fafafa
82
+ — and the argument does not stop being true at 19.0:1. Every heading and
83
+ paragraph on every surface was set in the brightest ink the system has, while
84
+ the CHROME beside them draws body text at --white-92; a page read as glare
85
+ against its own header. #e5e5e5 is the neutral-200 rung this file already
86
+ spends on --primary-hover, so the ramp gains no new value: 15.7:1 on the page,
87
+ 15.2:1 on a card, both more than twice the 7:1 AAA asks of body text.
88
+ Something that genuinely needs the brightest ink names --primary. */
89
+ --foreground:#e5e5e5;
81
90
  --card:#0f0f0f;
82
- --card-foreground:#fafafa;
91
+ --card-foreground:#e5e5e5;
83
92
  --popover:#0f0f0f;
84
- --popover-foreground:#fafafa;
93
+ --popover-foreground:#e5e5e5;
85
94
  --primary:#fafafa;
86
95
  /* A 5% step, not the 16% this used to be. A filled button's fill is already
87
96
  the top of the ink ramp, so the only directions available on hover are