@voila.dev/ui-tokens 0.0.8 → 1.1.10

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/design-tokens.css +19 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voila.dev/ui-tokens",
3
- "version": "0.0.8",
3
+ "version": "1.1.10",
4
4
  "type": "module",
5
5
  "description": "Your whole brand in one CSS file. Change it, everything follows.",
6
6
  "license": "MIT",
package/src/design-tokens.css CHANGED
@@ -11,12 +11,12 @@
11
11
  *
12
12
  * Roles (shadcn convention - each is a `color` + `-foreground` pair):
13
13
  * --primary indigo - the neutral brand identity; admin UI + default CTAs.
14
- * --provider blue - a first product surface.
15
- * --organization orange - a second product surface.
14
+ * --brand violet - a first product surface.
15
+ * --highlight teal - a second product surface.
16
16
  * --secondary neutral gray (the standard shadcn role; not a brand color).
17
- * `--provider` and `--organization` exist for products that need two distinct
17
+ * `--brand` and `--highlight` exist for products that need two distinct
18
18
  * workspace identities; drop or rename them if yours does not. Lighter/tinted
19
- * use is an opacity modifier (`bg-provider/10 text-provider`), never an extra
19
+ * use is an opacity modifier (`bg-brand/10 text-brand`), never an extra
20
20
  * token. Remaining neutrals (`muted`, `accent`) follow the shadcn OKLch system,
21
21
  * with a full `.dark` palette.
22
22
  */
@@ -36,19 +36,18 @@
36
36
 
37
37
  /* Primary - deep indigo #151B77 (neutral brand identity; admin UI + default
38
38
  * CTAs). Replaces a flat black so primary buttons, progress fills and active
39
- * states read as branded rather than "default shadcn black"; sits between the
40
- * provider blue and the deep-navy brand feel. Foreground stays white (AA: white
41
- * on #151B77 ~= 11:1). */
39
+ * states read as branded rather than "default shadcn black". Foreground stays
40
+ * white (AA: white on #151B77 ~= 11:1). */
42
41
  --primary: oklch(0.3 0.13 269);
43
42
  --primary-foreground: oklch(0.985 0 0);
44
43
  --secondary: oklch(0.97 0 0);
45
44
  --secondary-foreground: oklch(0.205 0 0);
46
45
 
47
- /* Brand surfaces - provider (blue) & organization (orange) */
48
- --provider: oklch(0.5547 0.2451 266.71);
49
- --provider-foreground: oklch(1 0 0);
50
- --organization: oklch(0.705 0.186 47);
51
- --organization-foreground: oklch(1 0 0);
46
+ /* Brand surfaces - provider (violet) & organization (teal) */
47
+ --brand: oklch(0.541 0.245 293);
48
+ --brand-foreground: oklch(1 0 0);
49
+ --highlight: oklch(0.6 0.118 184.7);
50
+ --highlight-foreground: oklch(1 0 0);
52
51
 
53
52
  /* Neutral roles */
54
53
  --muted: oklch(0.97 0 0);
@@ -153,10 +152,10 @@
153
152
  --primary-foreground: oklch(0.205 0 0);
154
153
  --secondary: oklch(0.269 0 0);
155
154
  --secondary-foreground: oklch(0.985 0 0);
156
- --provider: oklch(0.65 0.2 266.71);
157
- --provider-foreground: oklch(1 0 0);
158
- --organization: oklch(0.74 0.17 50);
159
- --organization-foreground: oklch(1 0 0);
155
+ --brand: oklch(0.65 0.21 293);
156
+ --brand-foreground: oklch(1 0 0);
157
+ --highlight: oklch(0.704 0.14 182.5);
158
+ --highlight-foreground: oklch(1 0 0);
160
159
  --muted: oklch(0.269 0 0);
161
160
  --muted-foreground: oklch(0.708 0 0);
162
161
  --accent: oklch(0.269 0 0);
@@ -244,10 +243,10 @@
244
243
  --color-primary-foreground: var(--primary-foreground);
245
244
  --color-secondary: var(--secondary);
246
245
  --color-secondary-foreground: var(--secondary-foreground);
247
- --color-provider: var(--provider);
248
- --color-provider-foreground: var(--provider-foreground);
249
- --color-organization: var(--organization);
250
- --color-organization-foreground: var(--organization-foreground);
246
+ --color-brand: var(--brand);
247
+ --color-brand-foreground: var(--brand-foreground);
248
+ --color-highlight: var(--highlight);
249
+ --color-highlight-foreground: var(--highlight-foreground);
251
250
  --color-muted: var(--muted);
252
251
  --color-muted-foreground: var(--muted-foreground);
253
252
  --color-accent: var(--accent);