@skaile/brand 0.1.0 → 0.2.0

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.
package/package.json CHANGED
@@ -1,10 +1,12 @@
1
1
  {
2
2
  "name": "@skaile/brand",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Skaile brand: design tokens, CSS custom properties, Tailwind preset, and brand assets",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
7
- "publishConfig": { "access": "public" },
7
+ "publishConfig": {
8
+ "access": "public"
9
+ },
8
10
  "exports": {
9
11
  ".": "./src/index.ts",
10
12
  "./tokens": "./src/tokens.json",
@@ -13,12 +15,21 @@
13
15
  "./tailwind-preset": "./src/tailwind-preset.ts",
14
16
  "./assets/*": "./assets/*"
15
17
  },
16
- "files": ["src", "assets", "!src/**/*.test.ts"],
18
+ "files": [
19
+ "src",
20
+ "assets",
21
+ "!src/**/*.test.ts"
22
+ ],
17
23
  "scripts": {
18
24
  "typecheck": "tsc --noEmit",
19
- "test": "vitest run"
25
+ "test": "vitest run",
26
+ "changeset": "changeset",
27
+ "version": "changeset version",
28
+ "release": "changeset publish"
20
29
  },
21
30
  "devDependencies": {
31
+ "@changesets/changelog-github": "^0.7.0",
32
+ "@changesets/cli": "^2.27.0",
22
33
  "typescript": "^5.9.3",
23
34
  "vitest": "^3.2.4"
24
35
  }
package/src/css/brand.css CHANGED
@@ -21,9 +21,7 @@
21
21
  --color-text-muted: #a1a1aa;
22
22
  --color-text-dim: #777777;
23
23
 
24
- /* brand — signature orange → magenta → purple gradient */
25
- --color-brand-orange: #ff5d01;
26
- --color-brand-pink: #d8377e;
24
+ /* brand — mono-violet on dark */
27
25
  --color-brand: #7300ff;
28
26
  --color-brand-purple: #1b1a3f;
29
27
 
@@ -62,18 +60,7 @@
62
60
  --color-user-7-border: #ca4ea9;
63
61
 
64
62
  /* ── gradients ──────────────────────────────────────────────────────── */
65
- --gradient-brand: linear-gradient(
66
- 135deg,
67
- var(--color-brand-orange) 0%,
68
- var(--color-brand-pink) 50%,
69
- var(--color-brand) 100%
70
- );
71
- --gradient-brand-soft: linear-gradient(
72
- 135deg,
73
- rgba(255, 93, 1, 0.18) 0%,
74
- rgba(216, 55, 126, 0.18) 50%,
75
- rgba(188, 82, 238, 0.18) 100%
76
- );
63
+ /* ambient page backdrop only — not a brand mark */
77
64
  --gradient-fade-bg: radial-gradient(
78
65
  71.92% 191.69% at 50% 50%,
79
66
  var(--color-brand-purple) 0%,
package/src/css/theme.css CHANGED
@@ -4,7 +4,7 @@
4
4
  * Source of truth: tokens.json (from brand design in Figma)
5
5
  *
6
6
  * Usage:
7
- * @import '@skaile/theme/css';
7
+ * @import '@skaile/brand/theme.css';
8
8
  *
9
9
  * Provides light and dark mode via .light / .dark classes on <html>.
10
10
  * Falls back to light mode on :root.
package/src/tokens.json CHANGED
@@ -2,8 +2,7 @@
2
2
  "brand": {
3
3
  "purple": "#7300ff",
4
4
  "purple_bright": "#9b40ff",
5
- "purple_soft": "#bc52ee",
6
- "gradient": { "from": "#ff5d01", "via": "#d8377e", "to": "#7300ff" }
5
+ "purple_soft": "#bc52ee"
7
6
  },
8
7
  "fonts": {
9
8
  "heading": "Plus Jakarta Sans",