@mehdashti/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.
@@ -0,0 +1,82 @@
1
+ /**
2
+ * Typography Tokens
3
+ *
4
+ * Font families, sizes, weights, and line heights
5
+ */
6
+ // =============================================================================
7
+ // Font Families
8
+ // =============================================================================
9
+ export const fontFamily = {
10
+ sans: [
11
+ "Inter",
12
+ "-apple-system",
13
+ "BlinkMacSystemFont",
14
+ '"Segoe UI"',
15
+ "Roboto",
16
+ '"Helvetica Neue"',
17
+ "Arial",
18
+ "sans-serif",
19
+ ].join(", "),
20
+ mono: [
21
+ '"JetBrains Mono"',
22
+ '"Fira Code"',
23
+ "Consolas",
24
+ '"Courier New"',
25
+ "monospace",
26
+ ].join(", "),
27
+ };
28
+ // =============================================================================
29
+ // Font Sizes
30
+ // =============================================================================
31
+ export const fontSize = {
32
+ xs: ["0.75rem", { lineHeight: "1rem" }], // 12px
33
+ sm: ["0.875rem", { lineHeight: "1.25rem" }], // 14px
34
+ base: ["1rem", { lineHeight: "1.5rem" }], // 16px
35
+ lg: ["1.125rem", { lineHeight: "1.75rem" }], // 18px
36
+ xl: ["1.25rem", { lineHeight: "1.75rem" }], // 20px
37
+ "2xl": ["1.5rem", { lineHeight: "2rem" }], // 24px
38
+ "3xl": ["1.875rem", { lineHeight: "2.25rem" }], // 30px
39
+ "4xl": ["2.25rem", { lineHeight: "2.5rem" }], // 36px
40
+ "5xl": ["3rem", { lineHeight: "1" }], // 48px
41
+ "6xl": ["3.75rem", { lineHeight: "1" }], // 60px
42
+ "7xl": ["4.5rem", { lineHeight: "1" }], // 72px
43
+ "8xl": ["6rem", { lineHeight: "1" }], // 96px
44
+ "9xl": ["8rem", { lineHeight: "1" }], // 128px
45
+ };
46
+ // =============================================================================
47
+ // Font Weights
48
+ // =============================================================================
49
+ export const fontWeight = {
50
+ thin: "100",
51
+ extralight: "200",
52
+ light: "300",
53
+ normal: "400",
54
+ medium: "500",
55
+ semibold: "600",
56
+ bold: "700",
57
+ extrabold: "800",
58
+ black: "900",
59
+ };
60
+ // =============================================================================
61
+ // Line Heights
62
+ // =============================================================================
63
+ export const lineHeight = {
64
+ none: "1",
65
+ tight: "1.25",
66
+ snug: "1.375",
67
+ normal: "1.5",
68
+ relaxed: "1.625",
69
+ loose: "2",
70
+ };
71
+ // =============================================================================
72
+ // Letter Spacing
73
+ // =============================================================================
74
+ export const letterSpacing = {
75
+ tighter: "-0.05em",
76
+ tight: "-0.025em",
77
+ normal: "0em",
78
+ wide: "0.025em",
79
+ wider: "0.05em",
80
+ widest: "0.1em",
81
+ };
82
+ //# sourceMappingURL=typography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE;QACJ,OAAO;QACP,eAAe;QACf,oBAAoB;QACpB,YAAY;QACZ,QAAQ;QACR,kBAAkB;QAClB,OAAO;QACP,YAAY;KACb,CAAC,IAAI,CAAC,IAAI,CAAC;IACZ,IAAI,EAAE;QACJ,kBAAkB;QAClB,aAAa;QACb,UAAU;QACV,eAAe;QACf,WAAW;KACZ,CAAC,IAAI,CAAC,IAAI,CAAC;CACJ,CAAC;AAEX,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO;IAChD,EAAE,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;IACpD,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO;IACjD,EAAE,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;IACpD,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;IACnD,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO;IAClD,KAAK,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO;IACvD,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO;IACrD,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO;IAC7C,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO;IAChD,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO;IAC/C,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO;IAC7C,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ;CACtC,CAAC;AAEX,gFAAgF;AAChF,eAAe;AACf,gFAAgF;AAEhF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,KAAK;CACJ,CAAC;AAEX,gFAAgF;AAChF,eAAe;AACf,gFAAgF;AAEhF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,GAAG;CACF,CAAC;AAEX,gFAAgF;AAChF,iBAAiB;AACjB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;CACP,CAAC"}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Z-Index Tokens
3
+ *
4
+ * Layering system for stacking contexts
5
+ */
6
+ export declare const zIndex: {
7
+ readonly auto: "auto";
8
+ readonly base: "0";
9
+ readonly dropdown: "1000";
10
+ readonly sticky: "1100";
11
+ readonly fixed: "1200";
12
+ readonly overlay: "1300";
13
+ readonly modal: "1400";
14
+ readonly popover: "1500";
15
+ readonly tooltip: "1600";
16
+ readonly toast: "1700";
17
+ };
18
+ export type ZIndexKey = keyof typeof zIndex;
19
+ //# sourceMappingURL=zIndex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../src/zIndex.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;CAWT,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC"}
package/dist/zIndex.js ADDED
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Z-Index Tokens
3
+ *
4
+ * Layering system for stacking contexts
5
+ */
6
+ export const zIndex = {
7
+ auto: "auto",
8
+ base: "0",
9
+ dropdown: "1000",
10
+ sticky: "1100",
11
+ fixed: "1200",
12
+ overlay: "1300",
13
+ modal: "1400",
14
+ popover: "1500",
15
+ tooltip: "1600",
16
+ toast: "1700",
17
+ };
18
+ //# sourceMappingURL=zIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.js","sourceRoot":"","sources":["../src/zIndex.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,GAAG;IACT,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACL,CAAC"}
package/package.json ADDED
@@ -0,0 +1,49 @@
1
+ {
2
+ "name": "@mehdashti/tokens",
3
+ "version": "0.1.0",
4
+ "description": "Design tokens for Smart Platform - colors, spacing, typography, and themes",
5
+ "author": "mehdashti",
6
+ "license": "MIT",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/mehdashti/smart-platform.git",
10
+ "directory": "packages/tokens"
11
+ },
12
+ "homepage": "https://github.com/mehdashti/smart-platform#readme",
13
+ "bugs": {
14
+ "url": "https://github.com/mehdashti/smart-platform/issues"
15
+ },
16
+ "keywords": [
17
+ "design-tokens",
18
+ "design-system",
19
+ "theming",
20
+ "colors",
21
+ "typography"
22
+ ],
23
+ "type": "module",
24
+ "main": "./dist/index.js",
25
+ "module": "./dist/index.js",
26
+ "types": "./dist/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/index.d.ts",
30
+ "import": "./dist/index.js"
31
+ },
32
+ "./theme.css": "./dist/css/theme.css",
33
+ "./theme-light.css": "./dist/css/theme-light.css",
34
+ "./theme-dark.css": "./dist/css/theme-dark.css",
35
+ "./rtl.css": "./dist/css/rtl.css"
36
+ },
37
+ "files": [
38
+ "dist"
39
+ ],
40
+ "scripts": {
41
+ "build": "node scripts/build.js && tsc",
42
+ "dev": "node scripts/build.js --watch",
43
+ "clean": "rm -rf dist"
44
+ },
45
+ "devDependencies": {
46
+ "@smart/typescript-config": "workspace:*",
47
+ "typescript": "^5.7.2"
48
+ }
49
+ }