@lunar-js/lunar 0.0.1
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/CHANGELOG.md +12 -0
- package/LICENSE +21 -0
- package/README.md +41 -0
- package/dist/components/composite/Card/Card.d.ts +64 -0
- package/dist/components/composite/Card/Card.d.ts.map +1 -0
- package/dist/components/composite/Card/Card.js +86 -0
- package/dist/components/composite/Card/Card.js.map +1 -0
- package/dist/components/composite/Card/card.css.js +62 -0
- package/dist/components/composite/Card/card.css.js.map +1 -0
- package/dist/components/composite/Dialog/Dialog.d.ts +45 -0
- package/dist/components/composite/Dialog/Dialog.d.ts.map +1 -0
- package/dist/components/composite/Dialog/Dialog.js +117 -0
- package/dist/components/composite/Dialog/Dialog.js.map +1 -0
- package/dist/components/composite/Dialog/DialogProvider.d.ts +11 -0
- package/dist/components/composite/Dialog/DialogProvider.d.ts.map +1 -0
- package/dist/components/composite/Dialog/DialogProvider.js +19 -0
- package/dist/components/composite/Dialog/DialogProvider.js.map +1 -0
- package/dist/components/composite/Dialog/dialog.css.js +104 -0
- package/dist/components/composite/Dialog/dialog.css.js.map +1 -0
- package/dist/components/primitives/Button/Button.d.ts +27 -0
- package/dist/components/primitives/Button/Button.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.js +25 -0
- package/dist/components/primitives/Button/Button.js.map +1 -0
- package/dist/components/primitives/Button/button.css.d.ts +16 -0
- package/dist/components/primitives/Button/button.css.d.ts.map +1 -0
- package/dist/components/primitives/Button/button.css.js +202 -0
- package/dist/components/primitives/Button/button.css.js.map +1 -0
- package/dist/components/primitives/Button/button.types.d.ts +8 -0
- package/dist/components/primitives/Button/button.types.d.ts.map +1 -0
- package/dist/components/primitives/Input/Input.d.ts +12 -0
- package/dist/components/primitives/Input/Input.d.ts.map +1 -0
- package/dist/components/primitives/Input/Input.js +21 -0
- package/dist/components/primitives/Input/Input.js.map +1 -0
- package/dist/components/primitives/Input/input.css.js +54 -0
- package/dist/components/primitives/Input/input.css.js.map +1 -0
- package/dist/components/primitives/Label/Label.d.ts +13 -0
- package/dist/components/primitives/Label/Label.d.ts.map +1 -0
- package/dist/components/primitives/Label/Label.js +22 -0
- package/dist/components/primitives/Label/Label.js.map +1 -0
- package/dist/components/primitives/Label/label.css.js +35 -0
- package/dist/components/primitives/Label/label.css.js.map +1 -0
- package/dist/components/primitives/Typography/Text.d.ts +40 -0
- package/dist/components/primitives/Typography/Text.d.ts.map +1 -0
- package/dist/components/primitives/Typography/Text.js +28 -0
- package/dist/components/primitives/Typography/Text.js.map +1 -0
- package/dist/components/primitives/Typography/text.css.d.ts +31 -0
- package/dist/components/primitives/Typography/text.css.d.ts.map +1 -0
- package/dist/components/primitives/Typography/text.css.js +1019 -0
- package/dist/components/primitives/Typography/text.css.js.map +1 -0
- package/dist/components/primitives/Typography/text.types.d.ts +10 -0
- package/dist/components/primitives/Typography/text.types.d.ts.map +1 -0
- package/dist/constants/theming.d.ts +10 -0
- package/dist/constants/theming.d.ts.map +1 -0
- package/dist/constants/theming.js +11 -0
- package/dist/constants/theming.js.map +1 -0
- package/dist/hooks/dialog.d.ts +7 -0
- package/dist/hooks/dialog.d.ts.map +1 -0
- package/dist/hooks/dialog.js +14 -0
- package/dist/hooks/dialog.js.map +1 -0
- package/dist/hooks/refs.js +23 -0
- package/dist/hooks/refs.js.map +1 -0
- package/dist/hooks/theme.d.ts +7 -0
- package/dist/hooks/theme.d.ts.map +1 -0
- package/dist/hooks/theme.js +14 -0
- package/dist/hooks/theme.js.map +1 -0
- package/dist/hooks/utils.js +6 -0
- package/dist/hooks/utils.js.map +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.js +20 -0
- package/dist/styles.css.d.ts +4 -0
- package/dist/styles.css.js +5 -0
- package/dist/themes/ThemeProvider/ThemeProvider.d.ts +19 -0
- package/dist/themes/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/themes/ThemeProvider/ThemeProvider.js +25 -0
- package/dist/themes/ThemeProvider/ThemeProvider.js.map +1 -0
- package/dist/themes/regal.css.d.ts +5 -0
- package/dist/themes/regal.css.d.ts.map +1 -0
- package/dist/themes/regal.css.js +720 -0
- package/dist/themes/regal.css.js.map +1 -0
- package/dist/themes/styles/color-scheme.css.d.ts +6 -0
- package/dist/themes/styles/color-scheme.css.d.ts.map +1 -0
- package/dist/themes/styles/color-scheme.css.js +9 -0
- package/dist/themes/styles/color-scheme.css.js.map +1 -0
- package/dist/themes/styles/utilities.d.ts +125 -0
- package/dist/themes/styles/utilities.d.ts.map +1 -0
- package/dist/themes/styles/utilities.js +129 -0
- package/dist/themes/styles/utilities.js.map +1 -0
- package/dist/themes/tokens/primitives/borders.d.ts +22 -0
- package/dist/themes/tokens/primitives/borders.d.ts.map +1 -0
- package/dist/themes/tokens/primitives/borders.js +23 -0
- package/dist/themes/tokens/primitives/borders.js.map +1 -0
- package/dist/themes/tokens/primitives/colors.d.ts +100 -0
- package/dist/themes/tokens/primitives/colors.d.ts.map +1 -0
- package/dist/themes/tokens/primitives/colors.js +101 -0
- package/dist/themes/tokens/primitives/colors.js.map +1 -0
- package/dist/themes/tokens/primitives/shadows.d.ts +14 -0
- package/dist/themes/tokens/primitives/shadows.d.ts.map +1 -0
- package/dist/themes/tokens/primitives/shadows.js +15 -0
- package/dist/themes/tokens/primitives/shadows.js.map +1 -0
- package/dist/themes/tokens/primitives/spacing.d.ts +41 -0
- package/dist/themes/tokens/primitives/spacing.d.ts.map +1 -0
- package/dist/themes/tokens/primitives/spacing.js +42 -0
- package/dist/themes/tokens/primitives/spacing.js.map +1 -0
- package/dist/themes/tokens/primitives/typography.d.ts +105 -0
- package/dist/themes/tokens/primitives/typography.d.ts.map +1 -0
- package/dist/themes/tokens/primitives/typography.js +106 -0
- package/dist/themes/tokens/primitives/typography.js.map +1 -0
- package/dist/themes/tokens/semantic/borders.js +23 -0
- package/dist/themes/tokens/semantic/borders.js.map +1 -0
- package/dist/themes/tokens/semantic/colors.js +145 -0
- package/dist/themes/tokens/semantic/colors.js.map +1 -0
- package/dist/themes/tokens/semantic/shadows.js +15 -0
- package/dist/themes/tokens/semantic/shadows.js.map +1 -0
- package/dist/themes/tokens/semantic/spacing.js +70 -0
- package/dist/themes/tokens/semantic/spacing.js.map +1 -0
- package/dist/themes/tokens/semantic/typography.js +34 -0
- package/dist/themes/tokens/semantic/typography.js.map +1 -0
- package/dist/themes/tokens/tokens.css.d.ts +714 -0
- package/dist/themes/tokens/tokens.css.d.ts.map +1 -0
- package/dist/themes/tokens/tokens.css.js +36 -0
- package/dist/themes/tokens/tokens.css.js.map +1 -0
- package/dist/types/theming.d.ts +7 -0
- package/dist/types/theming.d.ts.map +1 -0
- package/package.json +80 -0
- package/src/components/composite/Card/Card.tsx +62 -0
- package/src/components/composite/Card/card.css.ts +79 -0
- package/src/components/composite/Dialog/Dialog.tsx +150 -0
- package/src/components/composite/Dialog/DialogProvider.tsx +21 -0
- package/src/components/composite/Dialog/dialog.css.ts +137 -0
- package/src/components/primitives/Button/Button.tsx +35 -0
- package/src/components/primitives/Button/button.css.ts +236 -0
- package/src/components/primitives/Button/button.types.ts +23 -0
- package/src/components/primitives/Input/Input.tsx +13 -0
- package/src/components/primitives/Input/input.css.ts +64 -0
- package/src/components/primitives/Label/Label.tsx +15 -0
- package/src/components/primitives/Label/label.css.ts +39 -0
- package/src/components/primitives/Typography/Text.tsx +55 -0
- package/src/components/primitives/Typography/text.css.ts +1091 -0
- package/src/components/primitives/Typography/text.types.ts +55 -0
- package/src/constants/theming.ts +16 -0
- package/src/hooks/dialog.ts +15 -0
- package/src/hooks/refs.ts +34 -0
- package/src/hooks/theme.ts +15 -0
- package/src/hooks/utils.ts +3 -0
- package/src/index.css.ts +26 -0
- package/src/index.ts +111 -0
- package/src/themes/ThemeProvider/ThemeProvider.tsx +39 -0
- package/src/themes/regal.css.ts +741 -0
- package/src/themes/styles/color-scheme.css.ts +11 -0
- package/src/themes/styles/utilities.ts +140 -0
- package/src/themes/tokens/primitives/borders.ts +21 -0
- package/src/themes/tokens/primitives/colors.ts +114 -0
- package/src/themes/tokens/primitives/shadows.ts +12 -0
- package/src/themes/tokens/primitives/spacing.ts +39 -0
- package/src/themes/tokens/primitives/typography.ts +125 -0
- package/src/themes/tokens/semantic/borders.ts +21 -0
- package/src/themes/tokens/semantic/colors.ts +166 -0
- package/src/themes/tokens/semantic/shadows.ts +12 -0
- package/src/themes/tokens/semantic/spacing.ts +75 -0
- package/src/themes/tokens/semantic/typography.ts +35 -0
- package/src/themes/tokens/tokens.css.ts +42 -0
- package/src/types/theming.ts +14 -0
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/colors.ts
|
|
2
|
+
const COLORS__PURE = {
|
|
3
|
+
white: "1 0 0",
|
|
4
|
+
black: "0 0 0",
|
|
5
|
+
transparent: "transparent"
|
|
6
|
+
};
|
|
7
|
+
const COLORS__STONE = {
|
|
8
|
+
50: "0.98 0.005 50",
|
|
9
|
+
100: "0.92 0.010 50",
|
|
10
|
+
200: "0.85 0.014 50",
|
|
11
|
+
300: "0.75 0.018 50",
|
|
12
|
+
400: "0.65 0.022 50",
|
|
13
|
+
500: "0.55 0.024 50",
|
|
14
|
+
600: "0.45 0.022 50",
|
|
15
|
+
700: "0.35 0.018 50",
|
|
16
|
+
800: "0.25 0.014 50",
|
|
17
|
+
900: "0.18 0.010 50",
|
|
18
|
+
950: "0.12 0.006 50"
|
|
19
|
+
};
|
|
20
|
+
const COLORS__RED = {
|
|
21
|
+
50: "0.98 0.02 20",
|
|
22
|
+
100: "0.92 0.05 20",
|
|
23
|
+
200: "0.85 0.10 20",
|
|
24
|
+
300: "0.75 0.16 20",
|
|
25
|
+
400: "0.65 0.23 20",
|
|
26
|
+
500: "0.55 0.26 20",
|
|
27
|
+
600: "0.45 0.24 20",
|
|
28
|
+
700: "0.35 0.21 20",
|
|
29
|
+
800: "0.25 0.17 20",
|
|
30
|
+
900: "0.18 0.12 20",
|
|
31
|
+
950: "0.12 0.08 20"
|
|
32
|
+
};
|
|
33
|
+
const COLORS__GREEN = {
|
|
34
|
+
50: "0.98 0.02 140",
|
|
35
|
+
100: "0.92 0.05 140",
|
|
36
|
+
200: "0.85 0.10 140",
|
|
37
|
+
300: "0.75 0.15 140",
|
|
38
|
+
400: "0.65 0.22 140",
|
|
39
|
+
500: "0.55 0.25 140",
|
|
40
|
+
600: "0.45 0.23 140",
|
|
41
|
+
700: "0.35 0.20 140",
|
|
42
|
+
800: "0.25 0.16 140",
|
|
43
|
+
900: "0.18 0.12 140",
|
|
44
|
+
950: "0.12 0.08 140"
|
|
45
|
+
};
|
|
46
|
+
const COLORS__GOLD = {
|
|
47
|
+
50: "0.98 0.025 84.44",
|
|
48
|
+
100: "0.94 0.05 84.44",
|
|
49
|
+
200: "0.88 0.09 84.44",
|
|
50
|
+
300: "0.82 0.13 84.44",
|
|
51
|
+
400: "0.78 0.155 84.44",
|
|
52
|
+
500: "0.7446 0.161 84.44",
|
|
53
|
+
600: "0.65 0.155 84.44",
|
|
54
|
+
700: "0.52 0.14 84.44",
|
|
55
|
+
800: "0.38 0.11 84.44",
|
|
56
|
+
900: "0.26 0.08 84.44",
|
|
57
|
+
950: "0.17 0.05 84.44"
|
|
58
|
+
};
|
|
59
|
+
const COLORS__PEARL = {
|
|
60
|
+
50: "0.995 0.002 260",
|
|
61
|
+
100: "0.955 0.004 260",
|
|
62
|
+
200: "0.90 0.006 260",
|
|
63
|
+
300: "0.80 0.008 260",
|
|
64
|
+
400: "0.72 0.010 260",
|
|
65
|
+
500: "0.68 0.012 260",
|
|
66
|
+
600: "0.50 0.013 260",
|
|
67
|
+
700: "0.40 0.014 260",
|
|
68
|
+
800: "0.38 0.013 260",
|
|
69
|
+
900: "0.25 0.011 260",
|
|
70
|
+
950: "0.15 0.009 260"
|
|
71
|
+
};
|
|
72
|
+
const COLORS__YELLOW = {
|
|
73
|
+
50: "0.98 0.03 91.6",
|
|
74
|
+
100: "0.94 0.05 91.6",
|
|
75
|
+
200: "0.89 0.08 91.6",
|
|
76
|
+
300: "0.86 0.12 91.6",
|
|
77
|
+
400: "0.84 0.16 91.6",
|
|
78
|
+
500: "0.831 0.1805 91.6",
|
|
79
|
+
600: "0.75 0.17 91.6",
|
|
80
|
+
700: "0.65 0.15 91.6",
|
|
81
|
+
800: "0.52 0.12 91.6",
|
|
82
|
+
900: "0.38 0.09 91.6",
|
|
83
|
+
950: "0.26 0.06 91.6"
|
|
84
|
+
};
|
|
85
|
+
const COLORS__BLUE = {
|
|
86
|
+
50: "0.95 0.03 246.61",
|
|
87
|
+
100: "0.90 0.06 246.61",
|
|
88
|
+
200: "0.83 0.12 246.61",
|
|
89
|
+
300: "0.75 0.16 246.61",
|
|
90
|
+
400: "0.68 0.18 246.61",
|
|
91
|
+
500: "0.6079 0.1983 246.61",
|
|
92
|
+
600: "0.52 0.18 246.61",
|
|
93
|
+
700: "0.42 0.15 246.61",
|
|
94
|
+
800: "0.32 0.12 246.61",
|
|
95
|
+
900: "0.22 0.08 246.61",
|
|
96
|
+
950: "0.15 0.05 246.61"
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
//#endregion
|
|
100
|
+
export { COLORS__BLUE, COLORS__GOLD, COLORS__GREEN, COLORS__PEARL, COLORS__PURE, COLORS__RED, COLORS__STONE, COLORS__YELLOW };
|
|
101
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/themes/tokens/primitives/colors.ts"],"sourcesContent":["const COLORS__PURE = {\n white: '1 0 0',\n black: '0 0 0',\n transparent: 'transparent',\n} as const;\n\nconst COLORS__STONE = {\n 50: '0.98 0.005 50',\n 100: '0.92 0.010 50',\n 200: '0.85 0.014 50',\n 300: '0.75 0.018 50',\n 400: '0.65 0.022 50',\n 500: '0.55 0.024 50',\n 600: '0.45 0.022 50',\n 700: '0.35 0.018 50',\n 800: '0.25 0.014 50',\n 900: '0.18 0.010 50',\n 950: '0.12 0.006 50',\n} as const;\n\nconst COLORS__RED = {\n 50: '0.98 0.02 20',\n 100: '0.92 0.05 20',\n 200: '0.85 0.10 20',\n 300: '0.75 0.16 20',\n 400: '0.65 0.23 20',\n 500: '0.55 0.26 20',\n 600: '0.45 0.24 20',\n 700: '0.35 0.21 20',\n 800: '0.25 0.17 20',\n 900: '0.18 0.12 20',\n 950: '0.12 0.08 20',\n} as const;\n\nconst COLORS__GREEN = {\n 50: '0.98 0.02 140',\n 100: '0.92 0.05 140',\n 200: '0.85 0.10 140',\n 300: '0.75 0.15 140',\n 400: '0.65 0.22 140',\n 500: '0.55 0.25 140',\n 600: '0.45 0.23 140',\n 700: '0.35 0.20 140',\n 800: '0.25 0.16 140',\n 900: '0.18 0.12 140',\n 950: '0.12 0.08 140',\n} as const;\n\nconst COLORS__GOLD = {\n 50: '0.98 0.025 84.44',\n 100: '0.94 0.05 84.44',\n 200: '0.88 0.09 84.44',\n 300: '0.82 0.13 84.44',\n 400: '0.78 0.155 84.44',\n 500: '0.7446 0.161 84.44',\n 600: '0.65 0.155 84.44',\n 700: '0.52 0.14 84.44',\n 800: '0.38 0.11 84.44',\n 900: '0.26 0.08 84.44',\n 950: '0.17 0.05 84.44',\n} as const;\n\nconst COLORS__PEARL = {\n 50: '0.995 0.002 260',\n 100: '0.955 0.004 260',\n 200: '0.90 0.006 260',\n 300: '0.80 0.008 260',\n 400: '0.72 0.010 260',\n 500: '0.68 0.012 260',\n 600: '0.50 0.013 260',\n 700: '0.40 0.014 260',\n 800: '0.38 0.013 260',\n 900: '0.25 0.011 260',\n 950: '0.15 0.009 260',\n} as const;\n\nconst COLORS__YELLOW = {\n 50: '0.98 0.03 91.6',\n 100: '0.94 0.05 91.6',\n 200: '0.89 0.08 91.6',\n 300: '0.86 0.12 91.6',\n 400: '0.84 0.16 91.6',\n 500: '0.831 0.1805 91.6',\n 600: '0.75 0.17 91.6',\n 700: '0.65 0.15 91.6',\n 800: '0.52 0.12 91.6',\n 900: '0.38 0.09 91.6',\n 950: '0.26 0.06 91.6',\n} as const;\n\nconst COLORS__BLUE = {\n 50: '0.95 0.03 246.61',\n 100: '0.90 0.06 246.61',\n 200: '0.83 0.12 246.61',\n 300: '0.75 0.16 246.61',\n 400: '0.68 0.18 246.61',\n 500: '0.6079 0.1983 246.61',\n 600: '0.52 0.18 246.61',\n 700: '0.42 0.15 246.61',\n 800: '0.32 0.12 246.61',\n 900: '0.22 0.08 246.61',\n 950: '0.15 0.05 246.61',\n} as const;\n\nexport {\n COLORS__PURE,\n COLORS__STONE,\n COLORS__RED,\n COLORS__GREEN,\n COLORS__GOLD,\n COLORS__PEARL,\n COLORS__YELLOW,\n COLORS__BLUE,\n};\n"],"mappings":";AAAA,MAAM,eAAe;CACnB,OAAO;CACP,OAAO;CACP,aAAa;CACd;AAED,MAAM,gBAAgB;CACpB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,cAAc;CAClB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,gBAAgB;CACpB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,eAAe;CACnB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,gBAAgB;CACpB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,iBAAiB;CACrB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,MAAM,eAAe;CACnB,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/shadows.d.ts
|
|
2
|
+
declare const BOX_SHADOW: {
|
|
3
|
+
readonly none: "none";
|
|
4
|
+
readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
5
|
+
readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
6
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
7
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
8
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
9
|
+
readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
|
|
10
|
+
readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { BOX_SHADOW };
|
|
14
|
+
//# sourceMappingURL=shadows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.d.ts","names":[],"sources":["../../../../src/themes/tokens/primitives/shadows.ts"],"sourcesContent":[],"mappings":";cAAM;EAAA,SAAA,IASI,EAAA,MAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/shadows.ts
|
|
2
|
+
const BOX_SHADOW = {
|
|
3
|
+
none: "none",
|
|
4
|
+
sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
5
|
+
base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
6
|
+
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
7
|
+
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
8
|
+
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
9
|
+
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
10
|
+
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
export { BOX_SHADOW };
|
|
15
|
+
//# sourceMappingURL=shadows.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.js","names":[],"sources":["../../../../src/themes/tokens/primitives/shadows.ts"],"sourcesContent":["const BOX_SHADOW = {\n none: 'none',\n sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n base: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n} as const;\n\nexport { BOX_SHADOW };\n"],"mappings":";AAAA,MAAM,aAAa;CACjB,MAAM;CACN,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACR"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/spacing.d.ts
|
|
2
|
+
declare const SPACING: {
|
|
3
|
+
readonly 0: "0";
|
|
4
|
+
readonly px: "1px";
|
|
5
|
+
readonly 0.5: "0.125rem";
|
|
6
|
+
readonly 1: "0.25rem";
|
|
7
|
+
readonly 1.5: "0.375rem";
|
|
8
|
+
readonly 2: "0.5rem";
|
|
9
|
+
readonly 2.5: "0.625rem";
|
|
10
|
+
readonly 3: "0.75rem";
|
|
11
|
+
readonly 3.5: "0.875rem";
|
|
12
|
+
readonly 4: "1rem";
|
|
13
|
+
readonly 5: "1.25rem";
|
|
14
|
+
readonly 6: "1.5rem";
|
|
15
|
+
readonly 7: "1.75rem";
|
|
16
|
+
readonly 8: "2rem";
|
|
17
|
+
readonly 9: "2.25rem";
|
|
18
|
+
readonly 10: "2.5rem";
|
|
19
|
+
readonly 11: "2.75rem";
|
|
20
|
+
readonly 12: "3rem";
|
|
21
|
+
readonly 14: "3.5rem";
|
|
22
|
+
readonly 16: "4rem";
|
|
23
|
+
readonly 20: "5rem";
|
|
24
|
+
readonly 24: "6rem";
|
|
25
|
+
readonly 28: "7rem";
|
|
26
|
+
readonly 32: "8rem";
|
|
27
|
+
readonly 36: "9rem";
|
|
28
|
+
readonly 40: "10rem";
|
|
29
|
+
readonly 44: "11rem";
|
|
30
|
+
readonly 48: "12rem";
|
|
31
|
+
readonly 52: "13rem";
|
|
32
|
+
readonly 56: "14rem";
|
|
33
|
+
readonly 60: "15rem";
|
|
34
|
+
readonly 64: "16rem";
|
|
35
|
+
readonly 72: "18rem";
|
|
36
|
+
readonly 80: "20rem";
|
|
37
|
+
readonly 96: "24rem";
|
|
38
|
+
};
|
|
39
|
+
//#endregion
|
|
40
|
+
export { SPACING };
|
|
41
|
+
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","names":[],"sources":["../../../../src/themes/tokens/primitives/spacing.ts"],"sourcesContent":[],"mappings":";cAAM;EAAA,SAAA,CAoCI,EAAA,GAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/spacing.ts
|
|
2
|
+
const SPACING = {
|
|
3
|
+
0: "0",
|
|
4
|
+
px: "1px",
|
|
5
|
+
.5: "0.125rem",
|
|
6
|
+
1: "0.25rem",
|
|
7
|
+
1.5: "0.375rem",
|
|
8
|
+
2: "0.5rem",
|
|
9
|
+
2.5: "0.625rem",
|
|
10
|
+
3: "0.75rem",
|
|
11
|
+
3.5: "0.875rem",
|
|
12
|
+
4: "1rem",
|
|
13
|
+
5: "1.25rem",
|
|
14
|
+
6: "1.5rem",
|
|
15
|
+
7: "1.75rem",
|
|
16
|
+
8: "2rem",
|
|
17
|
+
9: "2.25rem",
|
|
18
|
+
10: "2.5rem",
|
|
19
|
+
11: "2.75rem",
|
|
20
|
+
12: "3rem",
|
|
21
|
+
14: "3.5rem",
|
|
22
|
+
16: "4rem",
|
|
23
|
+
20: "5rem",
|
|
24
|
+
24: "6rem",
|
|
25
|
+
28: "7rem",
|
|
26
|
+
32: "8rem",
|
|
27
|
+
36: "9rem",
|
|
28
|
+
40: "10rem",
|
|
29
|
+
44: "11rem",
|
|
30
|
+
48: "12rem",
|
|
31
|
+
52: "13rem",
|
|
32
|
+
56: "14rem",
|
|
33
|
+
60: "15rem",
|
|
34
|
+
64: "16rem",
|
|
35
|
+
72: "18rem",
|
|
36
|
+
80: "20rem",
|
|
37
|
+
96: "24rem"
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
//#endregion
|
|
41
|
+
export { SPACING };
|
|
42
|
+
//# sourceMappingURL=spacing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.js","names":[],"sources":["../../../../src/themes/tokens/primitives/spacing.ts"],"sourcesContent":["const SPACING = {\n 0: '0',\n px: '1px',\n 0.5: '0.125rem', // 2px\n 1: '0.25rem', // 4px\n 1.5: '0.375rem', // 6px\n 2: '0.5rem', // 8px\n 2.5: '0.625rem', // 10px\n 3: '0.75rem', // 12px\n 3.5: '0.875rem', // 14px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 11: '2.75rem', // 44px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n 28: '7rem', // 112px\n 32: '8rem', // 128px\n 36: '9rem', // 144px\n 40: '10rem', // 160px\n 44: '11rem', // 176px\n 48: '12rem', // 192px\n 52: '13rem', // 208px\n 56: '14rem', // 224px\n 60: '15rem', // 240px\n 64: '16rem', // 256px\n 72: '18rem', // 288px\n 80: '20rem', // 320px\n 96: '24rem', // 384px\n} as const;\n\nexport { SPACING };\n"],"mappings":";AAAA,MAAM,UAAU;CACd,GAAG;CACH,IAAI;CACJ,IAAK;CACL,GAAG;CACH,KAAK;CACL,GAAG;CACH,KAAK;CACL,GAAG;CACH,KAAK;CACL,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/typography.d.ts
|
|
2
|
+
declare const FONT_FAMILY: {
|
|
3
|
+
readonly sans: {
|
|
4
|
+
readonly primary: "ui-sans-serif";
|
|
5
|
+
readonly system: "system-ui";
|
|
6
|
+
readonly fallback: "sans-serif";
|
|
7
|
+
readonly emoji: {
|
|
8
|
+
readonly apple: "\"Apple Color Emoji\"";
|
|
9
|
+
readonly segoeUI: "\"Segoe UI Emoji\"";
|
|
10
|
+
readonly segoeSymbol: "\"Segoe UI Symbol\"";
|
|
11
|
+
readonly noto: "\"Noto Color Emoji\"";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
readonly serif: {
|
|
15
|
+
readonly primary: "ui-serif";
|
|
16
|
+
readonly georgia: "Georgia";
|
|
17
|
+
readonly cambria: "Cambria";
|
|
18
|
+
readonly timesNewRoman: "\"Times New Roman\"";
|
|
19
|
+
readonly times: "Times";
|
|
20
|
+
readonly fallback: "serif";
|
|
21
|
+
};
|
|
22
|
+
readonly mono: {
|
|
23
|
+
readonly primary: "ui-monospace";
|
|
24
|
+
readonly sfMono: "SFMono-Regular";
|
|
25
|
+
readonly menlo: "\"Menlo\"";
|
|
26
|
+
readonly monaco: "\"Monaco\"";
|
|
27
|
+
readonly consolas: "\"Consolas\"";
|
|
28
|
+
readonly liberation: "\"Liberation Mono\"";
|
|
29
|
+
readonly courierNew: "\"Courier New\"";
|
|
30
|
+
readonly fallback: "monospace";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
declare const FONT_SIZE: {
|
|
34
|
+
readonly '3xs': "0.625rem";
|
|
35
|
+
readonly '2xs': "0.6875rem";
|
|
36
|
+
readonly xs: "0.9375rem";
|
|
37
|
+
readonly sm: "1.09375rem";
|
|
38
|
+
readonly base: "1.25rem";
|
|
39
|
+
readonly lg: "1.40625rem";
|
|
40
|
+
readonly xl: "1.5625rem";
|
|
41
|
+
readonly '2xl': "1.875rem";
|
|
42
|
+
readonly '3xl': "2.34375rem";
|
|
43
|
+
readonly '4xl': "2.8125rem";
|
|
44
|
+
readonly '5xl': "3.75rem";
|
|
45
|
+
readonly '6xl': "4.6875rem";
|
|
46
|
+
readonly '7xl': "5.625rem";
|
|
47
|
+
readonly '8xl': "7.5rem";
|
|
48
|
+
readonly '9xl': "10rem";
|
|
49
|
+
};
|
|
50
|
+
declare const FONT_WEIGHT: {
|
|
51
|
+
readonly thin: "100";
|
|
52
|
+
readonly extralight: "200";
|
|
53
|
+
readonly light: "300";
|
|
54
|
+
readonly normal: "400";
|
|
55
|
+
readonly medium: "500";
|
|
56
|
+
readonly semibold: "600";
|
|
57
|
+
readonly bold: "700";
|
|
58
|
+
readonly extrabold: "800";
|
|
59
|
+
readonly black: "900";
|
|
60
|
+
};
|
|
61
|
+
declare const LINE_HEIGHT__TIGHT: {
|
|
62
|
+
readonly '3xs': "0.75rem";
|
|
63
|
+
readonly '2xs': "0.75rem";
|
|
64
|
+
readonly xs: "1rem";
|
|
65
|
+
readonly sm: "1.25rem";
|
|
66
|
+
readonly base: "1.5rem";
|
|
67
|
+
readonly lg: "1.75rem";
|
|
68
|
+
readonly xl: "1.75rem";
|
|
69
|
+
readonly '2xl': "2.25rem";
|
|
70
|
+
readonly '3xl': "2.75rem";
|
|
71
|
+
readonly '4xl': "3.25rem";
|
|
72
|
+
readonly '5xl': "4.25rem";
|
|
73
|
+
readonly '6xl': "5.5rem";
|
|
74
|
+
readonly '7xl': "6.5rem";
|
|
75
|
+
readonly '8xl': "8.5rem";
|
|
76
|
+
readonly '9xl': "11.5rem";
|
|
77
|
+
};
|
|
78
|
+
declare const LINE_HEIGHT__RELAXED: {
|
|
79
|
+
readonly '3xs': "1rem";
|
|
80
|
+
readonly '2xs': "1rem";
|
|
81
|
+
readonly xs: "1.5rem";
|
|
82
|
+
readonly sm: "1.75rem";
|
|
83
|
+
readonly base: "2rem";
|
|
84
|
+
readonly lg: "2.25rem";
|
|
85
|
+
readonly xl: "2.25rem";
|
|
86
|
+
readonly '2xl': "2.75rem";
|
|
87
|
+
readonly '3xl': "3.5rem";
|
|
88
|
+
readonly '4xl': "4.25rem";
|
|
89
|
+
readonly '5xl': "5.75rem";
|
|
90
|
+
readonly '6xl': "7rem";
|
|
91
|
+
readonly '7xl': "8.5rem";
|
|
92
|
+
readonly '8xl': "11.25rem";
|
|
93
|
+
readonly '9xl': "15rem";
|
|
94
|
+
};
|
|
95
|
+
declare const LETTER_SPACING: {
|
|
96
|
+
readonly tighter: "-0.05em";
|
|
97
|
+
readonly tight: "-0.025em";
|
|
98
|
+
readonly normal: "0em";
|
|
99
|
+
readonly wide: "0.025em";
|
|
100
|
+
readonly wider: "0.05em";
|
|
101
|
+
readonly widest: "0.1em";
|
|
102
|
+
};
|
|
103
|
+
//#endregion
|
|
104
|
+
export { FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, LETTER_SPACING, LINE_HEIGHT__RELAXED, LINE_HEIGHT__TIGHT };
|
|
105
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../../src/themes/tokens/primitives/typography.ts"],"sourcesContent":[],"mappings":";cAAM;EAAA,SAAA,IAAA,EA8BI;IAEJ,SAgBI,OAAA,EAAA,eAAA;IAEJ,SAAA,MAUI,EAAA,WAAA;IAmBJ,SAAA,QAgBI,EAAA,YAAA;IAEJ,SAAA,KAAA,EAAA;MAkBA,SAOI,KAAA,EAAA,uBAAA;;;;;;;;;;;;;;;;;;;;;;;;;cA1FJ;;;;;;;;;;;;;;;;;cAkBA;;;;;;;;;;;cA6BA;;;;;;;;;;;;;;;;;cAkBA;;;;;;;;;;;;;;;;;cAkBA"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
//#region src/themes/tokens/primitives/typography.ts
|
|
2
|
+
const FONT_FAMILY = {
|
|
3
|
+
sans: {
|
|
4
|
+
primary: "ui-sans-serif",
|
|
5
|
+
system: "system-ui",
|
|
6
|
+
fallback: "sans-serif",
|
|
7
|
+
emoji: {
|
|
8
|
+
apple: "\"Apple Color Emoji\"",
|
|
9
|
+
segoeUI: "\"Segoe UI Emoji\"",
|
|
10
|
+
segoeSymbol: "\"Segoe UI Symbol\"",
|
|
11
|
+
noto: "\"Noto Color Emoji\""
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
serif: {
|
|
15
|
+
primary: "ui-serif",
|
|
16
|
+
georgia: "Georgia",
|
|
17
|
+
cambria: "Cambria",
|
|
18
|
+
timesNewRoman: "\"Times New Roman\"",
|
|
19
|
+
times: "Times",
|
|
20
|
+
fallback: "serif"
|
|
21
|
+
},
|
|
22
|
+
mono: {
|
|
23
|
+
primary: "ui-monospace",
|
|
24
|
+
sfMono: "SFMono-Regular",
|
|
25
|
+
menlo: "\"Menlo\"",
|
|
26
|
+
monaco: "\"Monaco\"",
|
|
27
|
+
consolas: "\"Consolas\"",
|
|
28
|
+
liberation: "\"Liberation Mono\"",
|
|
29
|
+
courierNew: "\"Courier New\"",
|
|
30
|
+
fallback: "monospace"
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
const FONT_SIZE = {
|
|
34
|
+
"3xs": "0.625rem",
|
|
35
|
+
"2xs": "0.6875rem",
|
|
36
|
+
xs: "0.9375rem",
|
|
37
|
+
sm: "1.09375rem",
|
|
38
|
+
base: "1.25rem",
|
|
39
|
+
lg: "1.40625rem",
|
|
40
|
+
xl: "1.5625rem",
|
|
41
|
+
"2xl": "1.875rem",
|
|
42
|
+
"3xl": "2.34375rem",
|
|
43
|
+
"4xl": "2.8125rem",
|
|
44
|
+
"5xl": "3.75rem",
|
|
45
|
+
"6xl": "4.6875rem",
|
|
46
|
+
"7xl": "5.625rem",
|
|
47
|
+
"8xl": "7.5rem",
|
|
48
|
+
"9xl": "10rem"
|
|
49
|
+
};
|
|
50
|
+
const FONT_WEIGHT = {
|
|
51
|
+
thin: "100",
|
|
52
|
+
extralight: "200",
|
|
53
|
+
light: "300",
|
|
54
|
+
normal: "400",
|
|
55
|
+
medium: "500",
|
|
56
|
+
semibold: "600",
|
|
57
|
+
bold: "700",
|
|
58
|
+
extrabold: "800",
|
|
59
|
+
black: "900"
|
|
60
|
+
};
|
|
61
|
+
const LINE_HEIGHT__TIGHT = {
|
|
62
|
+
"3xs": "0.75rem",
|
|
63
|
+
"2xs": "0.75rem",
|
|
64
|
+
xs: "1rem",
|
|
65
|
+
sm: "1.25rem",
|
|
66
|
+
base: "1.5rem",
|
|
67
|
+
lg: "1.75rem",
|
|
68
|
+
xl: "1.75rem",
|
|
69
|
+
"2xl": "2.25rem",
|
|
70
|
+
"3xl": "2.75rem",
|
|
71
|
+
"4xl": "3.25rem",
|
|
72
|
+
"5xl": "4.25rem",
|
|
73
|
+
"6xl": "5.5rem",
|
|
74
|
+
"7xl": "6.5rem",
|
|
75
|
+
"8xl": "8.5rem",
|
|
76
|
+
"9xl": "11.5rem"
|
|
77
|
+
};
|
|
78
|
+
const LINE_HEIGHT__RELAXED = {
|
|
79
|
+
"3xs": "1rem",
|
|
80
|
+
"2xs": "1rem",
|
|
81
|
+
xs: "1.5rem",
|
|
82
|
+
sm: "1.75rem",
|
|
83
|
+
base: "2rem",
|
|
84
|
+
lg: "2.25rem",
|
|
85
|
+
xl: "2.25rem",
|
|
86
|
+
"2xl": "2.75rem",
|
|
87
|
+
"3xl": "3.5rem",
|
|
88
|
+
"4xl": "4.25rem",
|
|
89
|
+
"5xl": "5.75rem",
|
|
90
|
+
"6xl": "7rem",
|
|
91
|
+
"7xl": "8.5rem",
|
|
92
|
+
"8xl": "11.25rem",
|
|
93
|
+
"9xl": "15rem"
|
|
94
|
+
};
|
|
95
|
+
const LETTER_SPACING = {
|
|
96
|
+
tighter: "-0.05em",
|
|
97
|
+
tight: "-0.025em",
|
|
98
|
+
normal: "0em",
|
|
99
|
+
wide: "0.025em",
|
|
100
|
+
wider: "0.05em",
|
|
101
|
+
widest: "0.1em"
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
export { FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, LETTER_SPACING, LINE_HEIGHT__RELAXED, LINE_HEIGHT__TIGHT };
|
|
106
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","names":[],"sources":["../../../../src/themes/tokens/primitives/typography.ts"],"sourcesContent":["const FONT_FAMILY = {\n sans: {\n primary: 'ui-sans-serif',\n system: 'system-ui',\n fallback: 'sans-serif',\n emoji: {\n apple: '\"Apple Color Emoji\"',\n segoeUI: '\"Segoe UI Emoji\"',\n segoeSymbol: '\"Segoe UI Symbol\"',\n noto: '\"Noto Color Emoji\"',\n },\n },\n serif: {\n primary: 'ui-serif',\n georgia: 'Georgia',\n cambria: 'Cambria',\n timesNewRoman: '\"Times New Roman\"',\n times: 'Times',\n fallback: 'serif',\n },\n mono: {\n primary: 'ui-monospace',\n sfMono: 'SFMono-Regular',\n menlo: '\"Menlo\"',\n monaco: '\"Monaco\"',\n consolas: '\"Consolas\"',\n liberation: '\"Liberation Mono\"',\n courierNew: '\"Courier New\"',\n fallback: 'monospace',\n },\n} as const;\n\nconst FONT_SIZE = {\n '3xs': '0.625rem', // 10px\n '2xs': '0.6875rem', // 11px\n xs: '0.9375rem', // 15px\n sm: '1.09375rem', // 17.5px\n base: '1.25rem', // 20px\n lg: '1.40625rem', // 22.5px\n xl: '1.5625rem', // 25px\n '2xl': '1.875rem', // 30px\n '3xl': '2.34375rem', // 37.5px\n '4xl': '2.8125rem', // 45px\n '5xl': '3.75rem', // 60px\n '6xl': '4.6875rem', // 75px\n '7xl': '5.625rem', // 90px\n '8xl': '7.5rem', // 120px\n '9xl': '10rem', // 160px\n} as const;\n\nconst FONT_WEIGHT = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n} as const;\n\nconst LINE_HEIGHT = {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n 3: '.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n} as const;\n\nconst LINE_HEIGHT__TIGHT = {\n '3xs': '0.75rem', // 12px (10 × 1.14 = 11.4 → 12px)\n '2xs': '0.75rem', // 12px (11 × 1.14 = 12.54 → 12px)\n xs: '1rem', // 16px (15 × 1.14 = 17.1 → 16px)\n sm: '1.25rem', // 20px (17.5 × 1.14 = 19.95 → 20px)\n base: '1.5rem', // 24px (20 × 1.14 = 22.8 → 24px)\n lg: '1.75rem', // 28px (22.5 × 1.14 = 25.65 → 28px)\n xl: '1.75rem', // 28px (25 × 1.14 = 28.5 → 28px)\n '2xl': '2.25rem', // 36px (30 × 1.14 = 34.2 → 36px)\n '3xl': '2.75rem', // 44px (37.5 × 1.14 = 42.75 → 44px)\n '4xl': '3.25rem', // 52px (45 × 1.14 = 51.3 → 52px)\n '5xl': '4.25rem', // 68px (60 × 1.14 = 68.4 → 68px)\n '6xl': '5.5rem', // 88px (75 × 1.14 = 85.5 → 88px)\n '7xl': '6.5rem', // 104px (90 × 1.14 = 102.6 → 104px)\n '8xl': '8.5rem', // 136px (120 × 1.14 = 136.8 → 136px)\n '9xl': '11.5rem', // 184px (160 × 1.14 = 182.4 → 184px)\n} as const;\n\nconst LINE_HEIGHT__RELAXED = {\n '3xs': '1rem', // 16px (10 × 1.5 = 15 → 16px)\n '2xs': '1rem', // 16px (11 × 1.5 = 16.5 → 16px)\n xs: '1.5rem', // 24px (15 × 1.5 = 22.5 → 24px)\n sm: '1.75rem', // 28px (17.5 × 1.5 = 26.25 → 28px)\n base: '2rem', // 32px (20 × 1.5 = 30 → 32px)\n lg: '2.25rem', // 36px (22.5 × 1.5 = 33.75 → 36px)\n xl: '2.25rem', // 36px (25 × 1.5 = 37.5 → 36px)\n '2xl': '2.75rem', // 44px (30 × 1.5 = 45 → 44px)\n '3xl': '3.5rem', // 56px (37.5 × 1.5 = 56.25 → 56px)\n '4xl': '4.25rem', // 68px (45 × 1.5 = 67.5 → 68px)\n '5xl': '5.75rem', // 92px (60 × 1.5 = 90 → 92px)\n '6xl': '7rem', // 112px (75 × 1.5 = 112.5 → 112px)\n '7xl': '8.5rem', // 136px (90 × 1.5 = 135 → 136px)\n '8xl': '11.25rem', // 180px (120 × 1.5 = 180 → 180px)\n '9xl': '15rem', // 240px (160 × 1.5 = 240 → 240px)\n} as const;\n\nconst LETTER_SPACING = {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n} as const;\n\nexport { FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, LINE_HEIGHT, LINE_HEIGHT__TIGHT, LINE_HEIGHT__RELAXED, LETTER_SPACING };\n"],"mappings":";AAAA,MAAM,cAAc;CAClB,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;EACV,OAAO;GACL,OAAO;GACP,SAAS;GACT,aAAa;GACb,MAAM;GACP;EACF;CACD,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,eAAe;EACf,OAAO;EACP,UAAU;EACX;CACD,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,UAAU;EACX;CACF;AAED,MAAM,YAAY;CAChB,OAAO;CACP,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACR;AAED,MAAM,cAAc;CAClB,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAmBD,MAAM,qBAAqB;CACzB,OAAO;CACP,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACR;AAED,MAAM,uBAAuB;CAC3B,OAAO;CACP,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACR;AAED,MAAM,iBAAiB;CACrB,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACT"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
//#region src/themes/tokens/semantic/borders.ts
|
|
2
|
+
const BORDER_RADIUS = {
|
|
3
|
+
none: null,
|
|
4
|
+
sm: null,
|
|
5
|
+
base: null,
|
|
6
|
+
md: null,
|
|
7
|
+
lg: null,
|
|
8
|
+
xl: null,
|
|
9
|
+
"2xl": null,
|
|
10
|
+
"3xl": null,
|
|
11
|
+
full: null
|
|
12
|
+
};
|
|
13
|
+
const BORDER_WIDTH = {
|
|
14
|
+
0: null,
|
|
15
|
+
1: null,
|
|
16
|
+
2: null,
|
|
17
|
+
4: null,
|
|
18
|
+
8: null
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
export { BORDER_RADIUS, BORDER_WIDTH };
|
|
23
|
+
//# sourceMappingURL=borders.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borders.js","names":[],"sources":["../../../../src/themes/tokens/semantic/borders.ts"],"sourcesContent":["const BORDER_RADIUS = {\n none: null,\n sm: null,\n base: null,\n md: null,\n lg: null,\n xl: null,\n '2xl': null,\n '3xl': null,\n full: null,\n} as const;\n\nconst BORDER_WIDTH = {\n 0: null,\n 1: null,\n 2: null,\n 4: null,\n 8: null,\n} as const;\n\nexport { BORDER_RADIUS, BORDER_WIDTH };\n"],"mappings":";AAAA,MAAM,gBAAgB;CACpB,MAAM;CACN,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAED,MAAM,eAAe;CACnB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
//#region src/themes/tokens/semantic/colors.ts
|
|
2
|
+
const ACTION_COLORS = { action: {
|
|
3
|
+
bg: {
|
|
4
|
+
primary: {
|
|
5
|
+
default: null,
|
|
6
|
+
hover: null,
|
|
7
|
+
active: null,
|
|
8
|
+
disabled: null
|
|
9
|
+
},
|
|
10
|
+
secondary: {
|
|
11
|
+
default: null,
|
|
12
|
+
hover: null,
|
|
13
|
+
active: null,
|
|
14
|
+
disabled: null
|
|
15
|
+
},
|
|
16
|
+
outline: {
|
|
17
|
+
default: null,
|
|
18
|
+
hover: null,
|
|
19
|
+
active: null,
|
|
20
|
+
disabled: null
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
color: {
|
|
24
|
+
primary: null,
|
|
25
|
+
outline: { disabled: null }
|
|
26
|
+
},
|
|
27
|
+
destructive: {
|
|
28
|
+
default: null,
|
|
29
|
+
hover: null,
|
|
30
|
+
active: null,
|
|
31
|
+
disabled: null
|
|
32
|
+
},
|
|
33
|
+
ghost: {
|
|
34
|
+
default: null,
|
|
35
|
+
hover: null,
|
|
36
|
+
active: null,
|
|
37
|
+
disabled: null
|
|
38
|
+
}
|
|
39
|
+
} };
|
|
40
|
+
const BORDER_COLORS = { border: {
|
|
41
|
+
default: null,
|
|
42
|
+
subtle: null,
|
|
43
|
+
strong: null,
|
|
44
|
+
interactive: {
|
|
45
|
+
default: null,
|
|
46
|
+
hover: null,
|
|
47
|
+
active: null
|
|
48
|
+
},
|
|
49
|
+
focus: null,
|
|
50
|
+
success: null,
|
|
51
|
+
warning: null,
|
|
52
|
+
error: null,
|
|
53
|
+
info: null,
|
|
54
|
+
action: {
|
|
55
|
+
primary: null,
|
|
56
|
+
secondary: null,
|
|
57
|
+
destructive: null,
|
|
58
|
+
disabled: null
|
|
59
|
+
}
|
|
60
|
+
} };
|
|
61
|
+
const TEXT_COLORS = { text: {
|
|
62
|
+
primary: null,
|
|
63
|
+
secondary: null,
|
|
64
|
+
tertiary: null,
|
|
65
|
+
interactive: {
|
|
66
|
+
default: null,
|
|
67
|
+
hover: null,
|
|
68
|
+
active: null
|
|
69
|
+
},
|
|
70
|
+
success: null,
|
|
71
|
+
warning: null,
|
|
72
|
+
error: null,
|
|
73
|
+
info: null,
|
|
74
|
+
inverse: null,
|
|
75
|
+
disabled: null
|
|
76
|
+
} };
|
|
77
|
+
const SURFACE_COLORS = { surface: { bg: {
|
|
78
|
+
primary: null,
|
|
79
|
+
secondary: null,
|
|
80
|
+
tertiary: null,
|
|
81
|
+
interactive: {
|
|
82
|
+
default: null,
|
|
83
|
+
hover: null,
|
|
84
|
+
active: null
|
|
85
|
+
},
|
|
86
|
+
success: null,
|
|
87
|
+
warning: null,
|
|
88
|
+
error: null,
|
|
89
|
+
info: null,
|
|
90
|
+
overlay: null,
|
|
91
|
+
disabled: null,
|
|
92
|
+
inverse: null
|
|
93
|
+
} } };
|
|
94
|
+
const ICON_COLORS = { icon: {
|
|
95
|
+
primary: null,
|
|
96
|
+
secondary: null,
|
|
97
|
+
tertiary: null,
|
|
98
|
+
interactive: {
|
|
99
|
+
default: null,
|
|
100
|
+
hover: null,
|
|
101
|
+
active: null
|
|
102
|
+
},
|
|
103
|
+
success: null,
|
|
104
|
+
warning: null,
|
|
105
|
+
error: null,
|
|
106
|
+
info: null,
|
|
107
|
+
inverse: null,
|
|
108
|
+
disabled: null
|
|
109
|
+
} };
|
|
110
|
+
const INPUT_COLORS = { input: {
|
|
111
|
+
bg: {
|
|
112
|
+
default: null,
|
|
113
|
+
hover: null,
|
|
114
|
+
focus: null,
|
|
115
|
+
disabled: null,
|
|
116
|
+
error: null
|
|
117
|
+
},
|
|
118
|
+
border: {
|
|
119
|
+
default: null,
|
|
120
|
+
hover: null,
|
|
121
|
+
focus: null,
|
|
122
|
+
error: null,
|
|
123
|
+
disabled: null
|
|
124
|
+
},
|
|
125
|
+
text: {
|
|
126
|
+
default: null,
|
|
127
|
+
placeholder: null,
|
|
128
|
+
disabled: null
|
|
129
|
+
}
|
|
130
|
+
} };
|
|
131
|
+
const SHADOW_COLORS = { shadow: {
|
|
132
|
+
default: null,
|
|
133
|
+
subtle: null,
|
|
134
|
+
strong: null,
|
|
135
|
+
interactive: null,
|
|
136
|
+
focus: null,
|
|
137
|
+
destructive: null,
|
|
138
|
+
success: null,
|
|
139
|
+
warning: null,
|
|
140
|
+
error: null
|
|
141
|
+
} };
|
|
142
|
+
|
|
143
|
+
//#endregion
|
|
144
|
+
export { ACTION_COLORS, BORDER_COLORS, ICON_COLORS, INPUT_COLORS, SHADOW_COLORS, SURFACE_COLORS, TEXT_COLORS };
|
|
145
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/themes/tokens/semantic/colors.ts"],"sourcesContent":["const ACTION_COLORS = {\n action: {\n bg: {\n primary: {\n default: null,\n hover: null,\n active: null,\n disabled: null,\n },\n secondary: {\n default: null,\n hover: null,\n active: null,\n disabled: null,\n },\n outline: {\n default: null,\n hover: null,\n active: null,\n disabled: null,\n },\n },\n color: {\n primary: null,\n outline: {\n disabled: null,\n },\n },\n destructive: {\n default: null,\n hover: null,\n active: null,\n disabled: null,\n },\n ghost: {\n default: null,\n hover: null,\n active: null,\n disabled: null,\n },\n },\n} as const;\n\nconst BORDER_COLORS = {\n border: {\n default: null,\n subtle: null,\n strong: null,\n interactive: {\n default: null,\n hover: null,\n active: null,\n },\n focus: null,\n success: null,\n warning: null,\n error: null,\n info: null,\n action: {\n primary: null,\n secondary: null,\n destructive: null,\n disabled: null,\n },\n },\n} as const;\n\nconst TEXT_COLORS = {\n text: {\n primary: null,\n secondary: null,\n tertiary: null,\n interactive: {\n default: null,\n hover: null,\n active: null,\n },\n success: null,\n warning: null,\n error: null,\n info: null,\n inverse: null,\n disabled: null,\n },\n} as const;\n\nconst SURFACE_COLORS = {\n surface: {\n bg: {\n primary: null,\n secondary: null,\n tertiary: null,\n interactive: {\n default: null,\n hover: null,\n active: null,\n },\n success: null,\n warning: null,\n error: null,\n info: null,\n overlay: null,\n disabled: null,\n inverse: null,\n },\n },\n} as const;\n\nconst ICON_COLORS = {\n icon: {\n primary: null,\n secondary: null,\n tertiary: null,\n interactive: {\n default: null,\n hover: null,\n active: null,\n },\n success: null,\n warning: null,\n error: null,\n info: null,\n inverse: null,\n disabled: null,\n },\n} as const;\n\nconst INPUT_COLORS = {\n input: {\n bg: {\n default: null,\n hover: null,\n focus: null,\n disabled: null,\n error: null,\n },\n border: {\n default: null,\n hover: null,\n focus: null,\n error: null,\n disabled: null,\n },\n text: {\n default: null,\n placeholder: null,\n disabled: null,\n },\n },\n} as const;\n\nconst SHADOW_COLORS = {\n shadow: {\n default: null,\n subtle: null,\n strong: null,\n interactive: null,\n focus: null,\n destructive: null,\n success: null,\n warning: null,\n error: null,\n },\n} as const;\n\nexport { SURFACE_COLORS, BORDER_COLORS, ACTION_COLORS, TEXT_COLORS, ICON_COLORS, INPUT_COLORS, SHADOW_COLORS };\n"],"mappings":";AAAA,MAAM,gBAAgB,EACpB,QAAQ;CACN,IAAI;EACF,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACX;EACD,WAAW;GACT,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACX;EACF;CACD,OAAO;EACL,SAAS;EACT,SAAS,EACP,UAAU,MACX;EACF;CACD,aAAa;EACX,SAAS;EACT,OAAO;EACP,QAAQ;EACR,UAAU;EACX;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,QAAQ;EACR,UAAU;EACX;CACF,EACF;AAED,MAAM,gBAAgB,EACpB,QAAQ;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,aAAa;EACX,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACD,OAAO;CACP,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,QAAQ;EACN,SAAS;EACT,WAAW;EACX,aAAa;EACb,UAAU;EACX;CACF,EACF;AAED,MAAM,cAAc,EAClB,MAAM;CACJ,SAAS;CACT,WAAW;CACX,UAAU;CACV,aAAa;EACX,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,UAAU;CACX,EACF;AAED,MAAM,iBAAiB,EACrB,SAAS,EACP,IAAI;CACF,SAAS;CACT,WAAW;CACX,UAAU;CACV,aAAa;EACX,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,UAAU;CACV,SAAS;CACV,EACF,EACF;AAED,MAAM,cAAc,EAClB,MAAM;CACJ,SAAS;CACT,WAAW;CACX,UAAU;CACV,aAAa;EACX,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,UAAU;CACX,EACF;AAED,MAAM,eAAe,EACnB,OAAO;CACL,IAAI;EACF,SAAS;EACT,OAAO;EACP,OAAO;EACP,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACP,OAAO;EACP,UAAU;EACX;CACD,MAAM;EACJ,SAAS;EACT,aAAa;EACb,UAAU;EACX;CACF,EACF;AAED,MAAM,gBAAgB,EACpB,QAAQ;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,OAAO;CACP,aAAa;CACb,SAAS;CACT,SAAS;CACT,OAAO;CACR,EACF"}
|