@vsn-ux/gaia-styles 1.0.0-alpha.2

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 (51) hide show
  1. package/README.md +125 -0
  2. package/dist/all-no-reset-10pt.css +994 -0
  3. package/dist/all-no-reset.css +994 -0
  4. package/dist/all.css +1135 -0
  5. package/dist/base.css +6 -0
  6. package/dist/components/avatar.css +34 -0
  7. package/dist/components/badge.css +116 -0
  8. package/dist/components/button.css +115 -0
  9. package/dist/components/card.css +38 -0
  10. package/dist/components/checkbox.css +89 -0
  11. package/dist/components/form-field.css +28 -0
  12. package/dist/components/input.css +71 -0
  13. package/dist/components/menu.css +61 -0
  14. package/dist/components/radio-button.css +107 -0
  15. package/dist/components/segmented-control.css +74 -0
  16. package/dist/components/text-area.css +61 -0
  17. package/dist/components/tooltip.css +124 -0
  18. package/dist/components.css +765 -0
  19. package/dist/design-tokens.css +159 -0
  20. package/dist/design-tokens.d.ts +167 -0
  21. package/dist/design-tokens.js +1654 -0
  22. package/package.json +73 -0
  23. package/src/design-tokens/dtcg-tokens.json +504 -0
  24. package/src/font/Inter-Bold.woff2 +0 -0
  25. package/src/font/Inter-BoldItalic.woff2 +0 -0
  26. package/src/font/Inter-Italic.woff2 +0 -0
  27. package/src/font/Inter-Medium.woff2 +0 -0
  28. package/src/font/Inter-MediumItalic.woff2 +0 -0
  29. package/src/font/Inter-Regular.woff2 +0 -0
  30. package/src/font/Inter-SemiBold.woff2 +0 -0
  31. package/src/font/Inter-SemiBoldItalic.woff2 +0 -0
  32. package/src/font/inter.css +56 -0
  33. package/src/styles/all-no-reset-10pt.css +12 -0
  34. package/src/styles/all-no-reset.css +7 -0
  35. package/src/styles/all.css +8 -0
  36. package/src/styles/base.css +3 -0
  37. package/src/styles/components/avatar.css +11 -0
  38. package/src/styles/components/badge.css +39 -0
  39. package/src/styles/components/button.css +83 -0
  40. package/src/styles/components/card.css +19 -0
  41. package/src/styles/components/checkbox.css +66 -0
  42. package/src/styles/components/form-field.css +11 -0
  43. package/src/styles/components/input.css +40 -0
  44. package/src/styles/components/menu.css +28 -0
  45. package/src/styles/components/radio-button.css +44 -0
  46. package/src/styles/components/segmented-control.css +40 -0
  47. package/src/styles/components/text-area.css +27 -0
  48. package/src/styles/components/tooltip.css +92 -0
  49. package/src/styles/components.css +12 -0
  50. package/src/styles/tailwind.css +2 -0
  51. package/src/styles/theme.css +68 -0
package/dist/design-tokens.css ADDED
@@ -0,0 +1,159 @@
1
+ /* -------------------------------------------
2
+ * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
3
+ * ------------------------------------------- */
4
+
5
+ :root {
6
+ --ga-color-blue-10: #edf4fe;
7
+ --ga-color-blue-40: #93bbf9;
8
+ --ga-color-blue-70: #1f4ddb;
9
+ --ga-color-border-action: var(--ga-color-primary);
10
+ --ga-color-border-action-hover: var(--ga-color-primary-60);
11
+ --ga-color-border-action-hover-2: var(--ga-color-secondary-30);
12
+ --ga-color-border-disabled: var(--ga-color-neutral);
13
+ --ga-color-border-error: var(--ga-color-error);
14
+ --ga-color-border-focus: var(--ga-color-primary);
15
+ --ga-color-border-information: var(--ga-color-information);
16
+ --ga-color-border-primary: var(--ga-color-neutral-30);
17
+ --ga-color-border-secondary: var(--ga-color-secondary-30);
18
+ --ga-color-border-success: var(--ga-color-success);
19
+ --ga-color-border-warning: var(--ga-color-warning);
20
+ --ga-color-cyan-60: #377ea0;
21
+ --ga-color-cyan-70: #2a6480;
22
+ --ga-color-cyan-80: #1f4e66;
23
+ --ga-color-cyan-90: #133445;
24
+ --ga-color-error: var(--ga-color-red-70);
25
+ --ga-color-error-light: var(--ga-color-utility-red-light);
26
+ --ga-color-green-10: #eef5ee;
27
+ --ga-color-green-40: #9bc59b;
28
+ --ga-color-green-70: #2e6b31;
29
+ --ga-color-grey-10: #f2f2f2;
30
+ --ga-color-grey-40: #b9b9b9;
31
+ --ga-color-indigo-10: #f0f2fe;
32
+ --ga-color-indigo-40: #adb4f9;
33
+ --ga-color-information: var(--ga-color-blue-70);
34
+ --ga-color-information-light: var(--ga-color-utility-blue-light);
35
+ --ga-color-lime-10: #edf6dd;
36
+ --ga-color-lime-40: #a5c656;
37
+ --ga-color-neutral: var(--ga-color-neutral-30);
38
+ --ga-color-neutral-10: #f2f3f5;
39
+ --ga-color-neutral-20: #e2e4e9;
40
+ --ga-color-neutral-30: #cccfd7;
41
+ --ga-color-neutral-50: #8f95a4;
42
+ --ga-color-neutral-60: #6f7687;
43
+ --ga-color-orange-10: #fcf0e7;
44
+ --ga-color-orange-20: #fae0ce;
45
+ --ga-color-orange-30: #f5c3a1;
46
+ --ga-color-orange-40: #f2a676;
47
+ --ga-color-orange-60: #bb5822;
48
+ --ga-color-pink-10: #fbeefc;
49
+ --ga-color-pink-40: #e79dee;
50
+ --ga-color-primary: var(--ga-color-cyan-80);
51
+ --ga-color-primary-60: var(--ga-color-cyan-60);
52
+ --ga-color-primary-70: var(--ga-color-cyan-70);
53
+ --ga-color-primary-90: var(--ga-color-cyan-90);
54
+ --ga-color-purple-10: #f3f1fe;
55
+ --ga-color-purple-40: #c3acf9;
56
+ --ga-color-red-10: #fcf1ee;
57
+ --ga-color-red-40: #eca79e;
58
+ --ga-color-red-70: #b0241d;
59
+ --ga-color-rose-10: #fcf0f4;
60
+ --ga-color-rose-40: #efa1bd;
61
+ --ga-color-secondary: var(--ga-color-orange-20);
62
+ --ga-color-secondary-10: var(--ga-color-orange-10);
63
+ --ga-color-secondary-30: var(--ga-color-orange-30);
64
+ --ga-color-success: var(--ga-color-green-70);
65
+ --ga-color-success-light: var(--ga-color-utility-green-light);
66
+ --ga-color-surface-action: var(--ga-color-primary);
67
+ --ga-color-surface-action-hover: var(--ga-color-primary-90);
68
+ --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
69
+ --ga-color-surface-disable-selected: var(--ga-color-neutral-50);
70
+ --ga-color-surface-disabled: var(--ga-color-neutral-20);
71
+ --ga-color-surface-error: var(--ga-color-utility-red-light);
72
+ --ga-color-surface-information: var(--ga-color-information-light);
73
+ --ga-color-surface-page: var(--ga-color-neutral-10);
74
+ --ga-color-surface-primary: var(--ga-color-white);
75
+ --ga-color-surface-success: var(--ga-color-success-light);
76
+ --ga-color-surface-warning: var(--ga-color-utility-orange-light);
77
+ --ga-color-teal-10: #ecf5f4;
78
+ --ga-color-teal-20: #d5e8e6;
79
+ --ga-color-teal-30: #b4d7d4;
80
+ --ga-color-teal-40: #92c3c0;
81
+ --ga-color-teal-50: #51a39e;
82
+ --ga-color-teal-60: #3a837e;
83
+ --ga-color-teal-70: #2c6764;
84
+ --ga-color-teal-80: #21514e;
85
+ --ga-color-teal-90: #143734;
86
+ --ga-color-teal-100: #081f1f;
87
+ --ga-color-text-action: var(--ga-color-primary);
88
+ --ga-color-text-action-hover: var(--ga-color-primary-90);
89
+ --ga-color-text-body: var(--ga-color-primary-90);
90
+ --ga-color-text-disable-selected: var(--ga-color-neutral-60);
91
+ --ga-color-text-disabled: var(--ga-color-utility-grey);
92
+ --ga-color-text-error: var(--ga-color-primary-90);
93
+ --ga-color-text-headings: var(--ga-color-primary-90);
94
+ --ga-color-text-information: var(--ga-color-primary-90);
95
+ --ga-color-text-on-action: var(--ga-color-secondary-10);
96
+ --ga-color-text-on-disabled: var(--ga-color-primary-70);
97
+ --ga-color-text-success: var(--ga-color-primary-90);
98
+ --ga-color-text-warning: var(--ga-color-primary-90);
99
+ --ga-color-utility-blue: var(--ga-color-blue-40);
100
+ --ga-color-utility-blue-light: var(--ga-color-blue-10);
101
+ --ga-color-utility-green: var(--ga-color-green-40);
102
+ --ga-color-utility-green-light: var(--ga-color-green-10);
103
+ --ga-color-utility-grey: var(--ga-color-grey-40);
104
+ --ga-color-utility-grey-light: var(--ga-color-grey-10);
105
+ --ga-color-utility-indigo: var(--ga-color-indigo-40);
106
+ --ga-color-utility-indigo-light: var(--ga-color-indigo-10);
107
+ --ga-color-utility-lime: var(--ga-color-lime-40);
108
+ --ga-color-utility-lime-light: var(--ga-color-lime-10);
109
+ --ga-color-utility-orange: var(--ga-color-orange-40);
110
+ --ga-color-utility-orange-light: var(--ga-color-orange-10);
111
+ --ga-color-utility-pink: var(--ga-color-pink-40);
112
+ --ga-color-utility-pink-light: var(--ga-color-pink-10);
113
+ --ga-color-utility-purple: var(--ga-color-purple-40);
114
+ --ga-color-utility-purple-light: var(--ga-color-purple-10);
115
+ --ga-color-utility-red: var(--ga-color-red-40);
116
+ --ga-color-utility-red-light: var(--ga-color-red-10);
117
+ --ga-color-utility-rose: var(--ga-color-rose-40);
118
+ --ga-color-utility-rose-light: var(--ga-color-rose-10);
119
+ --ga-color-utility-teal: var(--ga-color-teal-40);
120
+ --ga-color-utility-teal-light: var(--ga-color-teal-10);
121
+ --ga-color-utility-yellow: var(--ga-color-yellow-40);
122
+ --ga-color-utility-yellow-light: var(--ga-color-yellow-10);
123
+ --ga-color-warning: var(--ga-color-orange-60);
124
+ --ga-color-warning-light: var(--ga-color-utility-orange-light);
125
+ --ga-color-white: #ffffff;
126
+ --ga-color-yellow-10: #fdf5ae;
127
+ --ga-color-yellow-40: #e1b402;
128
+ --ga-font-family: "Inter";
129
+ --ga-radius: 4px;
130
+ --ga-radius-round: 99999px;
131
+ --ga-radius-sharp: 0.28px;
132
+ --ga-size-0: 0;
133
+ --ga-size-2: 2px;
134
+ --ga-size-4: 4px;
135
+ --ga-size-8: 8px;
136
+ --ga-size-10: 10px;
137
+ --ga-size-11: 11px;
138
+ --ga-size-12: 12px;
139
+ --ga-size-14: 14px;
140
+ --ga-size-16: 16px;
141
+ --ga-size-20: 20px;
142
+ --ga-size-24: 24px;
143
+ --ga-size-32: 32px;
144
+ --ga-size-36: 36px;
145
+ --ga-size-40: 40px;
146
+ --ga-size-48: 48px;
147
+ --ga-size-64: 64px;
148
+ --ga-size-80: 80px;
149
+ --ga-size-96: 96px;
150
+ --ga-size-160: 160px;
151
+ --ga-size-font-2xl: var(--ga-size-24);
152
+ --ga-size-font-3xl: var(--ga-size-36);
153
+ --ga-size-font-lg: var(--ga-size-16);
154
+ --ga-size-font-md: var(--ga-size-14);
155
+ --ga-size-font-sm: var(--ga-size-12);
156
+ --ga-size-font-xl: var(--ga-size-20);
157
+ --ga-size-font-xs: var(--ga-size-11);
158
+ }
159
+
package/dist/design-tokens.d.ts ADDED
@@ -0,0 +1,167 @@
1
+ /** ------------------------------------------
2
+ * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
3
+ * ------------------------------------------- */
4
+
5
+ import type {
6
+ ColorTokenNormalized,
7
+ DimensionTokenNormalized,
8
+ FontFamilyTokenNormalized,
9
+ } from "@terrazzo/parser";
10
+
11
+ export declare const tokens: {
12
+ "color.white": Record<".", ColorTokenNormalized["$value"]>;
13
+ "color.cyan.60": Record<".", ColorTokenNormalized["$value"]>;
14
+ "color.cyan.70": Record<".", ColorTokenNormalized["$value"]>;
15
+ "color.cyan.80": Record<".", ColorTokenNormalized["$value"]>;
16
+ "color.cyan.90": Record<".", ColorTokenNormalized["$value"]>;
17
+ "color.orange.10": Record<".", ColorTokenNormalized["$value"]>;
18
+ "color.orange.20": Record<".", ColorTokenNormalized["$value"]>;
19
+ "color.orange.30": Record<".", ColorTokenNormalized["$value"]>;
20
+ "color.orange.40": Record<".", ColorTokenNormalized["$value"]>;
21
+ "color.orange.60": Record<".", ColorTokenNormalized["$value"]>;
22
+ "color.neutral": Record<".", ColorTokenNormalized["$value"]>;
23
+ "color.neutral.10": Record<".", ColorTokenNormalized["$value"]>;
24
+ "color.neutral.20": Record<".", ColorTokenNormalized["$value"]>;
25
+ "color.neutral.30": Record<".", ColorTokenNormalized["$value"]>;
26
+ "color.neutral.50": Record<".", ColorTokenNormalized["$value"]>;
27
+ "color.neutral.60": Record<".", ColorTokenNormalized["$value"]>;
28
+ "color.blue.10": Record<".", ColorTokenNormalized["$value"]>;
29
+ "color.blue.40": Record<".", ColorTokenNormalized["$value"]>;
30
+ "color.blue.70": Record<".", ColorTokenNormalized["$value"]>;
31
+ "color.green.10": Record<".", ColorTokenNormalized["$value"]>;
32
+ "color.green.40": Record<".", ColorTokenNormalized["$value"]>;
33
+ "color.green.70": Record<".", ColorTokenNormalized["$value"]>;
34
+ "color.red.10": Record<".", ColorTokenNormalized["$value"]>;
35
+ "color.red.40": Record<".", ColorTokenNormalized["$value"]>;
36
+ "color.red.70": Record<".", ColorTokenNormalized["$value"]>;
37
+ "color.grey.10": Record<".", ColorTokenNormalized["$value"]>;
38
+ "color.grey.40": Record<".", ColorTokenNormalized["$value"]>;
39
+ "color.lime.10": Record<".", ColorTokenNormalized["$value"]>;
40
+ "color.lime.40": Record<".", ColorTokenNormalized["$value"]>;
41
+ "color.teal.10": Record<".", ColorTokenNormalized["$value"]>;
42
+ "color.teal.20": Record<".", ColorTokenNormalized["$value"]>;
43
+ "color.teal.30": Record<".", ColorTokenNormalized["$value"]>;
44
+ "color.teal.40": Record<".", ColorTokenNormalized["$value"]>;
45
+ "color.teal.50": Record<".", ColorTokenNormalized["$value"]>;
46
+ "color.teal.60": Record<".", ColorTokenNormalized["$value"]>;
47
+ "color.teal.70": Record<".", ColorTokenNormalized["$value"]>;
48
+ "color.teal.80": Record<".", ColorTokenNormalized["$value"]>;
49
+ "color.teal.90": Record<".", ColorTokenNormalized["$value"]>;
50
+ "color.teal.100": Record<".", ColorTokenNormalized["$value"]>;
51
+ "color.indigo.10": Record<".", ColorTokenNormalized["$value"]>;
52
+ "color.indigo.40": Record<".", ColorTokenNormalized["$value"]>;
53
+ "color.purple.10": Record<".", ColorTokenNormalized["$value"]>;
54
+ "color.purple.40": Record<".", ColorTokenNormalized["$value"]>;
55
+ "color.pink.10": Record<".", ColorTokenNormalized["$value"]>;
56
+ "color.pink.40": Record<".", ColorTokenNormalized["$value"]>;
57
+ "color.rose.10": Record<".", ColorTokenNormalized["$value"]>;
58
+ "color.rose.40": Record<".", ColorTokenNormalized["$value"]>;
59
+ "color.yellow.10": Record<".", ColorTokenNormalized["$value"]>;
60
+ "color.yellow.40": Record<".", ColorTokenNormalized["$value"]>;
61
+ "color.primary": Record<".", ColorTokenNormalized["$value"]>;
62
+ "color.primary.60": Record<".", ColorTokenNormalized["$value"]>;
63
+ "color.primary.70": Record<".", ColorTokenNormalized["$value"]>;
64
+ "color.primary.90": Record<".", ColorTokenNormalized["$value"]>;
65
+ "color.secondary": Record<".", ColorTokenNormalized["$value"]>;
66
+ "color.secondary.10": Record<".", ColorTokenNormalized["$value"]>;
67
+ "color.secondary.30": Record<".", ColorTokenNormalized["$value"]>;
68
+ "color.utility.blue": Record<".", ColorTokenNormalized["$value"]>;
69
+ "color.utility.blue.light": Record<".", ColorTokenNormalized["$value"]>;
70
+ "color.utility.green": Record<".", ColorTokenNormalized["$value"]>;
71
+ "color.utility.green.light": Record<".", ColorTokenNormalized["$value"]>;
72
+ "color.utility.grey": Record<".", ColorTokenNormalized["$value"]>;
73
+ "color.utility.grey.light": Record<".", ColorTokenNormalized["$value"]>;
74
+ "color.utility.indigo": Record<".", ColorTokenNormalized["$value"]>;
75
+ "color.utility.indigo.light": Record<".", ColorTokenNormalized["$value"]>;
76
+ "color.utility.lime": Record<".", ColorTokenNormalized["$value"]>;
77
+ "color.utility.lime.light": Record<".", ColorTokenNormalized["$value"]>;
78
+ "color.utility.orange": Record<".", ColorTokenNormalized["$value"]>;
79
+ "color.utility.orange.light": Record<".", ColorTokenNormalized["$value"]>;
80
+ "color.utility.pink": Record<".", ColorTokenNormalized["$value"]>;
81
+ "color.utility.pink.light": Record<".", ColorTokenNormalized["$value"]>;
82
+ "color.utility.purple": Record<".", ColorTokenNormalized["$value"]>;
83
+ "color.utility.purple.light": Record<".", ColorTokenNormalized["$value"]>;
84
+ "color.utility.red": Record<".", ColorTokenNormalized["$value"]>;
85
+ "color.utility.red.light": Record<".", ColorTokenNormalized["$value"]>;
86
+ "color.utility.rose": Record<".", ColorTokenNormalized["$value"]>;
87
+ "color.utility.rose.light": Record<".", ColorTokenNormalized["$value"]>;
88
+ "color.utility.teal": Record<".", ColorTokenNormalized["$value"]>;
89
+ "color.utility.teal.light": Record<".", ColorTokenNormalized["$value"]>;
90
+ "color.utility.yellow": Record<".", ColorTokenNormalized["$value"]>;
91
+ "color.utility.yellow.light": Record<".", ColorTokenNormalized["$value"]>;
92
+ "color.error": Record<".", ColorTokenNormalized["$value"]>;
93
+ "color.error.light": Record<".", ColorTokenNormalized["$value"]>;
94
+ "color.success": Record<".", ColorTokenNormalized["$value"]>;
95
+ "color.success.light": Record<".", ColorTokenNormalized["$value"]>;
96
+ "color.warning": Record<".", ColorTokenNormalized["$value"]>;
97
+ "color.warning.light": Record<".", ColorTokenNormalized["$value"]>;
98
+ "color.information": Record<".", ColorTokenNormalized["$value"]>;
99
+ "color.information.light": Record<".", ColorTokenNormalized["$value"]>;
100
+ "color.text.headings": Record<".", ColorTokenNormalized["$value"]>;
101
+ "color.text.body": Record<".", ColorTokenNormalized["$value"]>;
102
+ "color.text.action": Record<".", ColorTokenNormalized["$value"]>;
103
+ "color.text.action-hover": Record<".", ColorTokenNormalized["$value"]>;
104
+ "color.text.disabled": Record<".", ColorTokenNormalized["$value"]>;
105
+ "color.text.disable-selected": Record<".", ColorTokenNormalized["$value"]>;
106
+ "color.text.information": Record<".", ColorTokenNormalized["$value"]>;
107
+ "color.text.success": Record<".", ColorTokenNormalized["$value"]>;
108
+ "color.text.warning": Record<".", ColorTokenNormalized["$value"]>;
109
+ "color.text.error": Record<".", ColorTokenNormalized["$value"]>;
110
+ "color.text.on-action": Record<".", ColorTokenNormalized["$value"]>;
111
+ "color.text.on-disabled": Record<".", ColorTokenNormalized["$value"]>;
112
+ "color.surface.page": Record<".", ColorTokenNormalized["$value"]>;
113
+ "color.surface.primary": Record<".", ColorTokenNormalized["$value"]>;
114
+ "color.surface.disabled": Record<".", ColorTokenNormalized["$value"]>;
115
+ "color.surface.information": Record<".", ColorTokenNormalized["$value"]>;
116
+ "color.surface.success": Record<".", ColorTokenNormalized["$value"]>;
117
+ "color.surface.warning": Record<".", ColorTokenNormalized["$value"]>;
118
+ "color.surface.error": Record<".", ColorTokenNormalized["$value"]>;
119
+ "color.surface.action": Record<".", ColorTokenNormalized["$value"]>;
120
+ "color.surface.action-hover": Record<".", ColorTokenNormalized["$value"]>;
121
+ "color.surface.action-hover-2": Record<".", ColorTokenNormalized["$value"]>;
122
+ "color.surface.disable-selected": Record<".", ColorTokenNormalized["$value"]>;
123
+ "color.border.primary": Record<".", ColorTokenNormalized["$value"]>;
124
+ "color.border.secondary": Record<".", ColorTokenNormalized["$value"]>;
125
+ "color.border.disabled": Record<".", ColorTokenNormalized["$value"]>;
126
+ "color.border.information": Record<".", ColorTokenNormalized["$value"]>;
127
+ "color.border.success": Record<".", ColorTokenNormalized["$value"]>;
128
+ "color.border.warning": Record<".", ColorTokenNormalized["$value"]>;
129
+ "color.border.error": Record<".", ColorTokenNormalized["$value"]>;
130
+ "color.border.action": Record<".", ColorTokenNormalized["$value"]>;
131
+ "color.border.action-hover": Record<".", ColorTokenNormalized["$value"]>;
132
+ "color.border.action-hover-2": Record<".", ColorTokenNormalized["$value"]>;
133
+ "color.border.focus": Record<".", ColorTokenNormalized["$value"]>;
134
+ "size.0": Record<".", DimensionTokenNormalized["$value"]>;
135
+ "size.2": Record<".", DimensionTokenNormalized["$value"]>;
136
+ "size.4": Record<".", DimensionTokenNormalized["$value"]>;
137
+ "size.8": Record<".", DimensionTokenNormalized["$value"]>;
138
+ "size.10": Record<".", DimensionTokenNormalized["$value"]>;
139
+ "size.11": Record<".", DimensionTokenNormalized["$value"]>;
140
+ "size.12": Record<".", DimensionTokenNormalized["$value"]>;
141
+ "size.14": Record<".", DimensionTokenNormalized["$value"]>;
142
+ "size.16": Record<".", DimensionTokenNormalized["$value"]>;
143
+ "size.20": Record<".", DimensionTokenNormalized["$value"]>;
144
+ "size.24": Record<".", DimensionTokenNormalized["$value"]>;
145
+ "size.32": Record<".", DimensionTokenNormalized["$value"]>;
146
+ "size.36": Record<".", DimensionTokenNormalized["$value"]>;
147
+ "size.40": Record<".", DimensionTokenNormalized["$value"]>;
148
+ "size.48": Record<".", DimensionTokenNormalized["$value"]>;
149
+ "size.64": Record<".", DimensionTokenNormalized["$value"]>;
150
+ "size.80": Record<".", DimensionTokenNormalized["$value"]>;
151
+ "size.96": Record<".", DimensionTokenNormalized["$value"]>;
152
+ "size.160": Record<".", DimensionTokenNormalized["$value"]>;
153
+ "size.font.xs": Record<".", DimensionTokenNormalized["$value"]>;
154
+ "size.font.sm": Record<".", DimensionTokenNormalized["$value"]>;
155
+ "size.font.md": Record<".", DimensionTokenNormalized["$value"]>;
156
+ "size.font.lg": Record<".", DimensionTokenNormalized["$value"]>;
157
+ "size.font.xl": Record<".", DimensionTokenNormalized["$value"]>;
158
+ "size.font.2xl": Record<".", DimensionTokenNormalized["$value"]>;
159
+ "size.font.3xl": Record<".", DimensionTokenNormalized["$value"]>;
160
+ "radius": Record<".", DimensionTokenNormalized["$value"]>;
161
+ "radius.round": Record<".", DimensionTokenNormalized["$value"]>;
162
+ "radius.sharp": Record<".", DimensionTokenNormalized["$value"]>;
163
+ "font-family": Record<".", FontFamilyTokenNormalized["$value"]>;
164
+ };
165
+
166
+ export declare function token<K extends keyof typeof tokens>(tokenID: K, modeName?: never): (typeof tokens)[K]["."];
167
+ export declare function token<K extends keyof typeof tokens, M extends keyof (typeof tokens)[K]>(tokenID: K, modeName: M): (typeof tokens)[K][M];