@cosxai/ui 0.4.3 → 0.4.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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/styles/chrome-ambient.css +4 -1
  3. package/src/styles/chrome-editorial.css +4 -1
  4. package/src/styles/chrome-neobrutalism.css +4 -1
  5. package/src/styles/chrome-riso.css +4 -1
  6. package/src/styles/chrome-sketch.css +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cosxai/ui",
3
- "version": "0.4.3",
3
+ "version": "0.4.4",
4
4
  "description": "COSX design system — React 19 component primitives shared across product-meta and other consumers",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/src/styles/chrome-ambient.css CHANGED
@@ -60,7 +60,10 @@ html[data-ck-chrome="ambient"] .ck-actionbar-btn {
60
60
  }
61
61
  html[data-ck-chrome="ambient"] .ck-btn--primary {
62
62
  background: var(--ck-accent);
63
- color: #FFFFFF;
63
+ /* Defaults to white to pair with ambient's deep saturated accents;
64
+ consumer apps may stamp --ck-accent-fg when overriding
65
+ --ck-accent-light-override (e.g. light brand → dark text). */
66
+ color: var(--ck-accent-fg, #FFFFFF);
64
67
  border: none;
65
68
  box-shadow: var(--ck-shadow-1);
66
69
  }
package/src/styles/chrome-editorial.css CHANGED
@@ -29,7 +29,10 @@ html[data-ck-chrome="editorial"] .ck-actionbar-btn {
29
29
  html[data-ck-chrome="editorial"] .ck-btn--primary,
30
30
  html[data-ck-chrome="editorial"] .ck-actionbar-btn--primary {
31
31
  background: var(--ck-accent);
32
- color: #0F0F0F;
32
+ /* Defaults to near-black to pair with coral; consumer apps may
33
+ stamp --ck-accent-fg to a different colour when overriding
34
+ --ck-accent-light-override (e.g. dark brand → white text). */
35
+ color: var(--ck-accent-fg, #0F0F0F);
33
36
  }
34
37
  html[data-ck-chrome="editorial"] .ck-btn--primary:hover,
35
38
  html[data-ck-chrome="editorial"] .ck-actionbar-btn--primary:hover {
package/src/styles/chrome-neobrutalism.css CHANGED
@@ -42,7 +42,10 @@ html[data-ck-chrome="neobrutalism"] .ck-actionbar-btn:active:not(:disabled) {
42
42
 
43
43
  html[data-ck-chrome="neobrutalism"] .ck-btn--primary {
44
44
  background: var(--ck-accent);
45
- color: #000;
45
+ /* Defaults to black to pair with neobrutalism's saturated pastel
46
+ accent; consumer apps may stamp --ck-accent-fg when overriding
47
+ --ck-accent-light-override. */
48
+ color: var(--ck-accent-fg, #000);
46
49
  }
47
50
  html[data-ck-chrome="neobrutalism"] .ck-btn--primary:hover:not(:disabled) {
48
51
  background: var(--ck-accent);
package/src/styles/chrome-riso.css CHANGED
@@ -86,7 +86,10 @@ html[data-ck-chrome="riso"] .ck-actionbar-btn:active:not(:disabled) {
86
86
  html[data-ck-chrome="riso"] .ck-btn--primary,
87
87
  html[data-ck-chrome="riso"] .ck-actionbar-btn--primary {
88
88
  background: var(--ck-accent);
89
- color: #1A1A1A;
89
+ /* Defaults to near-black to pair with riso's pink ink accent;
90
+ consumer apps may stamp --ck-accent-fg when overriding
91
+ --ck-accent-light-override. */
92
+ color: var(--ck-accent-fg, #1A1A1A);
90
93
  box-shadow: 3px 3px 0 var(--ck-riso-blue);
91
94
  }
92
95
  html[data-ck-chrome="riso"] .ck-btn--primary:hover:not(:disabled),
package/src/styles/chrome-sketch.css CHANGED
@@ -82,7 +82,10 @@ html[data-ck-chrome="sketch"] .ck-actionbar-btn:active:not(:disabled) {
82
82
  html[data-ck-chrome="sketch"] .ck-btn--primary,
83
83
  html[data-ck-chrome="sketch"] .ck-actionbar-btn--primary {
84
84
  background: var(--ck-accent);
85
- color: #FFFEF9;
85
+ /* Defaults to paper-white to pair with sketch's blue ink accent;
86
+ consumer apps may stamp --ck-accent-fg when overriding
87
+ --ck-accent-light-override. */
88
+ color: var(--ck-accent-fg, #FFFEF9);
86
89
  box-shadow: 2px 3px 0 var(--ck-text-primary);
87
90
  }
88
91
  html[data-ck-chrome="sketch"] .ck-btn--primary:hover:not(:disabled) {