@akanaka/tokens 0.1.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 (8) hide show
  1. package/LICENSE +21 -0
  2. package/dist/index.d.ts +101 -0
  3. package/dist/index.js +110 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/tokens.css +61 -0
  6. package/dist/tokens.css.map +1 -0
  7. package/dist/tokens.d.ts +2 -0
  8. package/package.json +44 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2024
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/index.d.ts ADDED
@@ -0,0 +1,101 @@
1
+ declare const colors: {
2
+ readonly primary: {
3
+ readonly 50: "#FDF4F1";
4
+ readonly 100: "#FADDD5";
5
+ readonly 200: "#F4B8A6";
6
+ readonly 500: "#E07A5F";
7
+ readonly 600: "#C9664A";
8
+ readonly 700: "#A8503A";
9
+ };
10
+ readonly neutral: {
11
+ readonly 50: "#FAFAF9";
12
+ readonly 100: "#F5F5F4";
13
+ readonly 200: "#E7E5E4";
14
+ readonly 300: "#D6D3D1";
15
+ readonly 500: "#78716C";
16
+ readonly 700: "#44403C";
17
+ readonly 900: "#1C1917";
18
+ };
19
+ readonly semantic: {
20
+ readonly success: "#22C55E";
21
+ readonly warning: "#F59E0B";
22
+ readonly error: "#EF4444";
23
+ readonly info: "#3B82F6";
24
+ };
25
+ };
26
+ declare const typography: {
27
+ readonly fontFamily: {
28
+ readonly sans: "'Manrope', system-ui, -apple-system, sans-serif";
29
+ readonly mono: "'JetBrains Mono', ui-monospace, monospace";
30
+ };
31
+ readonly fontWeight: {
32
+ readonly regular: 400;
33
+ readonly medium: 500;
34
+ readonly semibold: 600;
35
+ readonly bold: 700;
36
+ readonly extrabold: 800;
37
+ };
38
+ readonly fontSize: {
39
+ readonly caption: "0.75rem";
40
+ readonly overline: "0.6875rem";
41
+ readonly bodySm: "0.8125rem";
42
+ readonly body: "0.875rem";
43
+ readonly h3: "1rem";
44
+ readonly h2: "1.125rem";
45
+ readonly h1: "1.5rem";
46
+ readonly display: "2.25rem";
47
+ };
48
+ };
49
+ declare const spacing: {
50
+ readonly 1: "0.25rem";
51
+ readonly 2: "0.5rem";
52
+ readonly 3: "0.75rem";
53
+ readonly 4: "1rem";
54
+ readonly 6: "1.5rem";
55
+ readonly 8: "2rem";
56
+ readonly 12: "3rem";
57
+ };
58
+ declare const radius: {
59
+ readonly sm: "0.25rem";
60
+ readonly md: "0.375rem";
61
+ readonly lg: "0.5rem";
62
+ readonly full: "9999px";
63
+ };
64
+ declare const shadows: {
65
+ readonly sm: "0 1px 2px rgba(28, 25, 23, 0.05)";
66
+ readonly md: "0 4px 6px rgba(28, 25, 23, 0.07)";
67
+ readonly lg: "0 10px 15px rgba(28, 25, 23, 0.1)";
68
+ readonly focus: "0 0 0 3px rgba(224, 122, 95, 0.3)";
69
+ };
70
+ declare const transitions: {
71
+ readonly fast: "150ms ease";
72
+ readonly base: "200ms ease";
73
+ readonly slow: "300ms ease";
74
+ };
75
+ declare const cssVars: {
76
+ readonly colors: {
77
+ readonly primary: {
78
+ readonly 50: "var(--color-primary-50)";
79
+ readonly 100: "var(--color-primary-100)";
80
+ readonly 200: "var(--color-primary-200)";
81
+ readonly 500: "var(--color-primary-500)";
82
+ readonly 600: "var(--color-primary-600)";
83
+ readonly 700: "var(--color-primary-700)";
84
+ };
85
+ readonly neutral: {
86
+ readonly 50: "var(--color-neutral-50)";
87
+ readonly 100: "var(--color-neutral-100)";
88
+ readonly 200: "var(--color-neutral-200)";
89
+ readonly 300: "var(--color-neutral-300)";
90
+ readonly 500: "var(--color-neutral-500)";
91
+ readonly 700: "var(--color-neutral-700)";
92
+ readonly 900: "var(--color-neutral-900)";
93
+ };
94
+ readonly success: "var(--color-success)";
95
+ readonly warning: "var(--color-warning)";
96
+ readonly error: "var(--color-error)";
97
+ readonly info: "var(--color-info)";
98
+ };
99
+ };
100
+
101
+ export { colors, cssVars, radius, shadows, spacing, transitions, typography };
package/dist/index.js ADDED
@@ -0,0 +1,110 @@
1
+ // src/tokens.ts
2
+ var colors = {
3
+ primary: {
4
+ 50: "#FDF4F1",
5
+ 100: "#FADDD5",
6
+ 200: "#F4B8A6",
7
+ 500: "#E07A5F",
8
+ 600: "#C9664A",
9
+ 700: "#A8503A"
10
+ },
11
+ neutral: {
12
+ 50: "#FAFAF9",
13
+ 100: "#F5F5F4",
14
+ 200: "#E7E5E4",
15
+ 300: "#D6D3D1",
16
+ 500: "#78716C",
17
+ 700: "#44403C",
18
+ 900: "#1C1917"
19
+ },
20
+ semantic: {
21
+ success: "#22C55E",
22
+ warning: "#F59E0B",
23
+ error: "#EF4444",
24
+ info: "#3B82F6"
25
+ }
26
+ };
27
+ var typography = {
28
+ fontFamily: {
29
+ sans: "'Manrope', system-ui, -apple-system, sans-serif",
30
+ mono: "'JetBrains Mono', ui-monospace, monospace"
31
+ },
32
+ fontWeight: {
33
+ regular: 400,
34
+ medium: 500,
35
+ semibold: 600,
36
+ bold: 700,
37
+ extrabold: 800
38
+ },
39
+ fontSize: {
40
+ caption: "0.75rem",
41
+ overline: "0.6875rem",
42
+ bodySm: "0.8125rem",
43
+ body: "0.875rem",
44
+ h3: "1rem",
45
+ h2: "1.125rem",
46
+ h1: "1.5rem",
47
+ display: "2.25rem"
48
+ }
49
+ };
50
+ var spacing = {
51
+ 1: "0.25rem",
52
+ 2: "0.5rem",
53
+ 3: "0.75rem",
54
+ 4: "1rem",
55
+ 6: "1.5rem",
56
+ 8: "2rem",
57
+ 12: "3rem"
58
+ };
59
+ var radius = {
60
+ sm: "0.25rem",
61
+ md: "0.375rem",
62
+ lg: "0.5rem",
63
+ full: "9999px"
64
+ };
65
+ var shadows = {
66
+ sm: "0 1px 2px rgba(28, 25, 23, 0.05)",
67
+ md: "0 4px 6px rgba(28, 25, 23, 0.07)",
68
+ lg: "0 10px 15px rgba(28, 25, 23, 0.1)",
69
+ focus: "0 0 0 3px rgba(224, 122, 95, 0.3)"
70
+ };
71
+ var transitions = {
72
+ fast: "150ms ease",
73
+ base: "200ms ease",
74
+ slow: "300ms ease"
75
+ };
76
+ var cssVars = {
77
+ colors: {
78
+ primary: {
79
+ 50: "var(--color-primary-50)",
80
+ 100: "var(--color-primary-100)",
81
+ 200: "var(--color-primary-200)",
82
+ 500: "var(--color-primary-500)",
83
+ 600: "var(--color-primary-600)",
84
+ 700: "var(--color-primary-700)"
85
+ },
86
+ neutral: {
87
+ 50: "var(--color-neutral-50)",
88
+ 100: "var(--color-neutral-100)",
89
+ 200: "var(--color-neutral-200)",
90
+ 300: "var(--color-neutral-300)",
91
+ 500: "var(--color-neutral-500)",
92
+ 700: "var(--color-neutral-700)",
93
+ 900: "var(--color-neutral-900)"
94
+ },
95
+ success: "var(--color-success)",
96
+ warning: "var(--color-warning)",
97
+ error: "var(--color-error)",
98
+ info: "var(--color-info)"
99
+ }
100
+ };
101
+ export {
102
+ colors,
103
+ cssVars,
104
+ radius,
105
+ shadows,
106
+ spacing,
107
+ transitions,
108
+ typography
109
+ };
110
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["/* ==========================================================================\n Design Tokens — TypeScript Constants\n Mirrors tokens.css for programmatic access.\n ========================================================================== */\n\nexport const colors = {\n primary: {\n 50: \"#FDF4F1\",\n 100: \"#FADDD5\",\n 200: \"#F4B8A6\",\n 500: \"#E07A5F\",\n 600: \"#C9664A\",\n 700: \"#A8503A\",\n },\n neutral: {\n 50: \"#FAFAF9\",\n 100: \"#F5F5F4\",\n 200: \"#E7E5E4\",\n 300: \"#D6D3D1\",\n 500: \"#78716C\",\n 700: \"#44403C\",\n 900: \"#1C1917\",\n },\n semantic: {\n success: \"#22C55E\",\n warning: \"#F59E0B\",\n error: \"#EF4444\",\n info: \"#3B82F6\",\n },\n} as const;\n\nexport const typography = {\n fontFamily: {\n sans: \"'Manrope', system-ui, -apple-system, sans-serif\",\n mono: \"'JetBrains Mono', ui-monospace, monospace\",\n },\n fontWeight: {\n regular: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n extrabold: 800,\n },\n fontSize: {\n caption: \"0.75rem\",\n overline: \"0.6875rem\",\n bodySm: \"0.8125rem\",\n body: \"0.875rem\",\n h3: \"1rem\",\n h2: \"1.125rem\",\n h1: \"1.5rem\",\n display: \"2.25rem\",\n },\n} as const;\n\nexport const spacing = {\n 1: \"0.25rem\",\n 2: \"0.5rem\",\n 3: \"0.75rem\",\n 4: \"1rem\",\n 6: \"1.5rem\",\n 8: \"2rem\",\n 12: \"3rem\",\n} as const;\n\nexport const radius = {\n sm: \"0.25rem\",\n md: \"0.375rem\",\n lg: \"0.5rem\",\n full: \"9999px\",\n} as const;\n\nexport const shadows = {\n sm: \"0 1px 2px rgba(28, 25, 23, 0.05)\",\n md: \"0 4px 6px rgba(28, 25, 23, 0.07)\",\n lg: \"0 10px 15px rgba(28, 25, 23, 0.1)\",\n focus: \"0 0 0 3px rgba(224, 122, 95, 0.3)\",\n} as const;\n\nexport const transitions = {\n fast: \"150ms ease\",\n base: \"200ms ease\",\n slow: \"300ms ease\",\n} as const;\n\n// CSS variable references for use in Tailwind config or JS\nexport const cssVars = {\n colors: {\n primary: {\n 50: \"var(--color-primary-50)\",\n 100: \"var(--color-primary-100)\",\n 200: \"var(--color-primary-200)\",\n 500: \"var(--color-primary-500)\",\n 600: \"var(--color-primary-600)\",\n 700: \"var(--color-primary-700)\",\n },\n neutral: {\n 50: \"var(--color-neutral-50)\",\n 100: \"var(--color-neutral-100)\",\n 200: \"var(--color-neutral-200)\",\n 300: \"var(--color-neutral-300)\",\n 500: \"var(--color-neutral-500)\",\n 700: \"var(--color-neutral-700)\",\n 900: \"var(--color-neutral-900)\",\n },\n success: \"var(--color-success)\",\n warning: \"var(--color-warning)\",\n error: \"var(--color-error)\",\n info: \"var(--color-info)\",\n },\n} as const;\n"],"mappings":";AAKO,IAAM,SAAS;AAAA,EACpB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;AAEO,IAAM,SAAS;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,IAAM,UAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAGO,IAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;","names":[]}
package/dist/tokens.css ADDED
@@ -0,0 +1,61 @@
1
+ /* src/tokens.css */
2
+ :root {
3
+ --color-primary-50: #FDF4F1;
4
+ --color-primary-100: #FADDD5;
5
+ --color-primary-200: #F4B8A6;
6
+ --color-primary-500: #E07A5F;
7
+ --color-primary-600: #C9664A;
8
+ --color-primary-700: #A8503A;
9
+ --color-neutral-50: #FAFAF9;
10
+ --color-neutral-100: #F5F5F4;
11
+ --color-neutral-200: #E7E5E4;
12
+ --color-neutral-300: #D6D3D1;
13
+ --color-neutral-500: #78716C;
14
+ --color-neutral-700: #44403C;
15
+ --color-neutral-900: #1C1917;
16
+ --color-success: #22C55E;
17
+ --color-warning: #F59E0B;
18
+ --color-error: #EF4444;
19
+ --color-info: #3B82F6;
20
+ --font-sans:
21
+ "Manrope",
22
+ system-ui,
23
+ -apple-system,
24
+ sans-serif;
25
+ --font-mono:
26
+ "JetBrains Mono",
27
+ ui-monospace,
28
+ monospace;
29
+ --font-weight-regular: 400;
30
+ --font-weight-medium: 500;
31
+ --font-weight-semibold: 600;
32
+ --font-weight-bold: 700;
33
+ --font-weight-extrabold: 800;
34
+ --font-size-caption: 0.75rem;
35
+ --font-size-overline: 0.6875rem;
36
+ --font-size-body-sm: 0.8125rem;
37
+ --font-size-body: 0.875rem;
38
+ --font-size-h3: 1rem;
39
+ --font-size-h2: 1.125rem;
40
+ --font-size-h1: 1.5rem;
41
+ --font-size-display: 2.25rem;
42
+ --spacing-1: 0.25rem;
43
+ --spacing-2: 0.5rem;
44
+ --spacing-3: 0.75rem;
45
+ --spacing-4: 1rem;
46
+ --spacing-6: 1.5rem;
47
+ --spacing-8: 2rem;
48
+ --spacing-12: 3rem;
49
+ --radius-sm: 0.25rem;
50
+ --radius-md: 0.375rem;
51
+ --radius-lg: 0.5rem;
52
+ --radius-full: 9999px;
53
+ --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
54
+ --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);
55
+ --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);
56
+ --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);
57
+ --transition-fast: 150ms ease;
58
+ --transition-base: 200ms ease;
59
+ --transition-slow: 300ms ease;
60
+ }
61
+ /*# sourceMappingURL=tokens.css.map */
package/dist/tokens.css.map ADDED
@@ -0,0 +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":[]}
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/package.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@akanaka/tokens",
3
+ "version": "0.1.0",
4
+ "description": "Design tokens for the design system",
5
+ "type": "module",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js"
13
+ },
14
+ "./css": "./dist/tokens.css"
15
+ },
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "sideEffects": [
20
+ "*.css"
21
+ ],
22
+ "publishConfig": {
23
+ "access": "public"
24
+ },
25
+ "repository": {
26
+ "type": "git",
27
+ "url": "https://github.com/YOUR_ORG/design-system.git",
28
+ "directory": "packages/tokens"
29
+ },
30
+ "license": "MIT",
31
+ "keywords": [
32
+ "design-tokens",
33
+ "css-variables",
34
+ "design-system"
35
+ ],
36
+ "devDependencies": {
37
+ "tsup": "^8.4.0",
38
+ "typescript": "^5.7.0"
39
+ },
40
+ "scripts": {
41
+ "build": "tsup",
42
+ "dev": "tsup --watch"
43
+ }
44
+ }