@akanaka/tokens 0.1.0 → 0.3.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.
Files changed (7) hide show
  1. package/dist/tailwind-v4.css +3 -0
  2. package/dist/tailwind-v4.css.map +1 -0
  3. package/dist/tailwind-v4.d.ts +2 -0
  4. package/dist/tailwind.preset.cjs +45 -0
  5. package/dist/tokens.css +7 -0
  6. package/dist/tokens.css.map +1 -1
  7. package/package.json +8 -2
package/dist/tailwind-v4.css ADDED
@@ -0,0 +1,3 @@
1
+ /* src/tailwind-v4.css */
2
+ @theme inline { --color-primary-50: #FDF4F1; --color-primary-100: #FADDD5; --color-primary-200: #F4B8A6; --color-primary-500: #E07A5F; --color-primary-600: #C9664A; --color-primary-700: #A8503A; --color-neutral-50: #FAFAF9; --color-neutral-100: #F5F5F4; --color-neutral-200: #E7E5E4; --color-neutral-300: #D6D3D1; --color-neutral-500: #78716C; --color-neutral-700: #44403C; --color-neutral-900: #1C1917; --color-success: #22C55E; --color-warning: #F59E0B; --color-error: #EF4444; --color-info: #3B82F6; --font-sans: "Manrope", system-ui, -apple-system, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05); --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07); --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1); --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3); }
3
+ /*# sourceMappingURL=tailwind-v4.css.map */
package/dist/tailwind-v4.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tailwind-v4.css"],"sourcesContent":["/* Akanaka Design System — Tailwind v4 Theme Preset */\n\n@theme inline {\n /* Primary (Terracotta) */\n --color-primary-50: #FDF4F1;\n --color-primary-100: #FADDD5;\n --color-primary-200: #F4B8A6;\n --color-primary-500: #E07A5F;\n --color-primary-600: #C9664A;\n --color-primary-700: #A8503A;\n\n /* Neutrals (Warm Stone) */\n --color-neutral-50: #FAFAF9;\n --color-neutral-100: #F5F5F4;\n --color-neutral-200: #E7E5E4;\n --color-neutral-300: #D6D3D1;\n --color-neutral-500: #78716C;\n --color-neutral-700: #44403C;\n --color-neutral-900: #1C1917;\n\n /* Semantic */\n --color-success: #22C55E;\n --color-warning: #F59E0B;\n --color-error: #EF4444;\n --color-info: #3B82F6;\n\n /* Typography */\n --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n /* Shadows */\n --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n}\n"],"mappings":";AAEA,OAAO,OAAO,EAEZ,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAG5B,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAG5B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,EAGrB,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAC5D,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAGtD,WAAW,EAAE,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAC7C,WAAW,EAAE,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAC7C,WAAW,EAAE,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAC9C,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI;","names":[]}
package/dist/tailwind-v4.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/tailwind.preset.cjs ADDED
@@ -0,0 +1,45 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ theme: {
4
+ extend: {
5
+ colors: {
6
+ primary: {
7
+ 50: '#FDF4F1',
8
+ 100: '#FADDD5',
9
+ 200: '#F4B8A6',
10
+ 500: '#E07A5F',
11
+ 600: '#C9664A',
12
+ 700: '#A8503A',
13
+ },
14
+ neutral: {
15
+ 50: '#FAFAF9',
16
+ 100: '#F5F5F4',
17
+ 200: '#E7E5E4',
18
+ 300: '#D6D3D1',
19
+ 500: '#78716C',
20
+ 700: '#44403C',
21
+ 900: '#1C1917',
22
+ },
23
+ success: '#22C55E',
24
+ warning: '#F59E0B',
25
+ error: '#EF4444',
26
+ info: '#3B82F6',
27
+ },
28
+ fontFamily: {
29
+ sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
30
+ mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
31
+ },
32
+ borderRadius: {
33
+ sm: '0.25rem',
34
+ md: '0.375rem',
35
+ lg: '0.5rem',
36
+ },
37
+ boxShadow: {
38
+ sm: '0 1px 2px rgba(28, 25, 23, 0.05)',
39
+ md: '0 4px 6px rgba(28, 25, 23, 0.07)',
40
+ lg: '0 10px 15px rgba(28, 25, 23, 0.1)',
41
+ focus: '0 0 0 3px rgba(224, 122, 95, 0.3)',
42
+ },
43
+ },
44
+ },
45
+ }
package/dist/tokens.css CHANGED
@@ -1,3 +1,10 @@
1
+ @import "@fontsource/manrope/400.css";
2
+ @import "@fontsource/manrope/500.css";
3
+ @import "@fontsource/manrope/600.css";
4
+ @import "@fontsource/manrope/700.css";
5
+ @import "@fontsource/manrope/800.css";
6
+ @import "@fontsource/jetbrains-mono/400.css";
7
+
1
8
  /* src/tokens.css */
2
9
  :root {
3
10
  --color-primary-50: #FDF4F1;
package/dist/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens.css"],"sourcesContent":["/* ==========================================================================\n Design Tokens — CSS Variables\n Source of truth for the design system.\n ========================================================================== */\n\n:root {\n /* -------------------------------------------------------------------------\n Colors — Primary (Terracotta)\n ------------------------------------------------------------------------- */\n --color-primary-50: #FDF4F1;\n --color-primary-100: #FADDD5;\n --color-primary-200: #F4B8A6;\n --color-primary-500: #E07A5F;\n --color-primary-600: #C9664A;\n --color-primary-700: #A8503A;\n\n /* -------------------------------------------------------------------------\n Colors — Neutrals (Warm Stone)\n ------------------------------------------------------------------------- */\n --color-neutral-50: #FAFAF9;\n --color-neutral-100: #F5F5F4;\n --color-neutral-200: #E7E5E4;\n --color-neutral-300: #D6D3D1;\n --color-neutral-500: #78716C;\n --color-neutral-700: #44403C;\n --color-neutral-900: #1C1917;\n\n /* -------------------------------------------------------------------------\n Colors — Semantic\n ------------------------------------------------------------------------- */\n --color-success: #22C55E;\n --color-warning: #F59E0B;\n --color-error: #EF4444;\n --color-info: #3B82F6;\n\n /* -------------------------------------------------------------------------\n Typography — Font Families\n ------------------------------------------------------------------------- */\n --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n /* -------------------------------------------------------------------------\n Typography — Font Weights\n ------------------------------------------------------------------------- */\n --font-weight-regular: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n\n /* -------------------------------------------------------------------------\n Typography — Font Sizes\n ------------------------------------------------------------------------- */\n --font-size-caption: 0.75rem; /* 12px */\n --font-size-overline: 0.6875rem; /* 11px */\n --font-size-body-sm: 0.8125rem; /* 13px */\n --font-size-body: 0.875rem; /* 14px */\n --font-size-h3: 1rem; /* 16px */\n --font-size-h2: 1.125rem; /* 18px */\n --font-size-h1: 1.5rem; /* 24px */\n --font-size-display: 2.25rem; /* 36px */\n\n /* -------------------------------------------------------------------------\n Spacing\n ------------------------------------------------------------------------- */\n --spacing-1: 0.25rem; /* 4px */\n --spacing-2: 0.5rem; /* 8px */\n --spacing-3: 0.75rem; /* 12px */\n --spacing-4: 1rem; /* 16px */\n --spacing-6: 1.5rem; /* 24px */\n --spacing-8: 2rem; /* 32px */\n --spacing-12: 3rem; /* 48px */\n\n /* -------------------------------------------------------------------------\n Border Radius\n ------------------------------------------------------------------------- */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.375rem; /* 6px */\n --radius-lg: 0.5rem; /* 8px */\n --radius-full: 9999px;\n\n /* -------------------------------------------------------------------------\n Shadows\n ------------------------------------------------------------------------- */\n --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n\n /* -------------------------------------------------------------------------\n Transitions\n ------------------------------------------------------------------------- */\n --transition-fast: 150ms ease;\n --transition-base: 200ms ease;\n --transition-slow: 300ms ease;\n}\n"],"mappings":";AAKA;AAIE,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,mBAAiB;AACjB,mBAAiB;AACjB,iBAAe;AACf,gBAAc;AAKd;AAAA,IAAa,SAAS;AAAA,IAAE,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE;AAClD;AAAA,IAAa,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE;AAK7C,yBAAuB;AACvB,wBAAsB;AACtB,0BAAwB;AACxB,sBAAoB;AACpB,2BAAyB;AAKzB,uBAAqB;AACrB,wBAAsB;AACtB,uBAAqB;AACrB,oBAAkB;AAClB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,uBAAqB;AAKrB,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AAKd,eAAa;AACb,eAAa;AACb,eAAa;AACb,iBAAe;AAKf,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1C,kBAAgB,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AAK7C,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AAC3B;","names":[]}
1
+ {"version":3,"sources":["../src/tokens.css"],"sourcesContent":["/* Fonts */\n@import \"@fontsource/manrope/400.css\";\n@import \"@fontsource/manrope/500.css\";\n@import \"@fontsource/manrope/600.css\";\n@import \"@fontsource/manrope/700.css\";\n@import \"@fontsource/manrope/800.css\";\n@import \"@fontsource/jetbrains-mono/400.css\";\n\n/* ==========================================================================\n Design Tokens — CSS Variables\n Source of truth for the design system.\n ========================================================================== */\n\n:root {\n /* -------------------------------------------------------------------------\n Colors — Primary (Terracotta)\n ------------------------------------------------------------------------- */\n --color-primary-50: #FDF4F1;\n --color-primary-100: #FADDD5;\n --color-primary-200: #F4B8A6;\n --color-primary-500: #E07A5F;\n --color-primary-600: #C9664A;\n --color-primary-700: #A8503A;\n\n /* -------------------------------------------------------------------------\n Colors — Neutrals (Warm Stone)\n ------------------------------------------------------------------------- */\n --color-neutral-50: #FAFAF9;\n --color-neutral-100: #F5F5F4;\n --color-neutral-200: #E7E5E4;\n --color-neutral-300: #D6D3D1;\n --color-neutral-500: #78716C;\n --color-neutral-700: #44403C;\n --color-neutral-900: #1C1917;\n\n /* -------------------------------------------------------------------------\n Colors — Semantic\n ------------------------------------------------------------------------- */\n --color-success: #22C55E;\n --color-warning: #F59E0B;\n --color-error: #EF4444;\n --color-info: #3B82F6;\n\n /* -------------------------------------------------------------------------\n Typography — Font Families\n ------------------------------------------------------------------------- */\n --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n /* -------------------------------------------------------------------------\n Typography — Font Weights\n ------------------------------------------------------------------------- */\n --font-weight-regular: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n\n /* -------------------------------------------------------------------------\n Typography — Font Sizes\n ------------------------------------------------------------------------- */\n --font-size-caption: 0.75rem; /* 12px */\n --font-size-overline: 0.6875rem; /* 11px */\n --font-size-body-sm: 0.8125rem; /* 13px */\n --font-size-body: 0.875rem; /* 14px */\n --font-size-h3: 1rem; /* 16px */\n --font-size-h2: 1.125rem; /* 18px */\n --font-size-h1: 1.5rem; /* 24px */\n --font-size-display: 2.25rem; /* 36px */\n\n /* -------------------------------------------------------------------------\n Spacing\n ------------------------------------------------------------------------- */\n --spacing-1: 0.25rem; /* 4px */\n --spacing-2: 0.5rem; /* 8px */\n --spacing-3: 0.75rem; /* 12px */\n --spacing-4: 1rem; /* 16px */\n --spacing-6: 1.5rem; /* 24px */\n --spacing-8: 2rem; /* 32px */\n --spacing-12: 3rem; /* 48px */\n\n /* -------------------------------------------------------------------------\n Border Radius\n ------------------------------------------------------------------------- */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.375rem; /* 6px */\n --radius-lg: 0.5rem; /* 8px */\n --radius-full: 9999px;\n\n /* -------------------------------------------------------------------------\n Shadows\n ------------------------------------------------------------------------- */\n --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n\n /* -------------------------------------------------------------------------\n Transitions\n ------------------------------------------------------------------------- */\n --transition-fast: 150ms ease;\n --transition-base: 200ms ease;\n --transition-slow: 300ms ease;\n}"],"mappings":";;;;;;;;AAaA;AAIE,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,mBAAiB;AACjB,mBAAiB;AACjB,iBAAe;AACf,gBAAc;AAKd;AAAA,IAAa,SAAS;AAAA,IAAE,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE;AAClD;AAAA,IAAa,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE;AAK7C,yBAAuB;AACvB,wBAAsB;AACtB,0BAAwB;AACxB,sBAAoB;AACpB,2BAAyB;AAKzB,uBAAqB;AACrB,wBAAsB;AACtB,uBAAqB;AACrB,oBAAkB;AAClB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,uBAAqB;AAKrB,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AAKd,eAAa;AACb,eAAa;AACb,eAAa;AACb,iBAAe;AAKf,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1C,kBAAgB,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AAK7C,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AAC3B;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akanaka/tokens",
3
- "version": "0.1.0",
3
+ "version": "0.3.0",
4
4
  "description": "Design tokens for the design system",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -11,7 +11,9 @@
11
11
  "types": "./dist/index.d.ts",
12
12
  "import": "./dist/index.js"
13
13
  },
14
- "./css": "./dist/tokens.css"
14
+ "./css": "./dist/tokens.css",
15
+ "./tailwind": "./dist/tailwind.preset.cjs",
16
+ "./tailwind-v4": "./dist/tailwind-v4.css"
15
17
  },
16
18
  "files": [
17
19
  "dist"
@@ -37,6 +39,10 @@
37
39
  "tsup": "^8.4.0",
38
40
  "typescript": "^5.7.0"
39
41
  },
42
+ "dependencies": {
43
+ "@fontsource/jetbrains-mono": "^5.2.8",
44
+ "@fontsource/manrope": "^5.2.8"
45
+ },
40
46
  "scripts": {
41
47
  "build": "tsup",
42
48
  "dev": "tsup --watch"