ionbase-ui 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 (107) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +74 -0
  3. package/dist/Icon.d.ts +72 -0
  4. package/dist/Icon.d.ts.map +1 -0
  5. package/dist/Icon.js +50 -0
  6. package/dist/Icon.js.map +1 -0
  7. package/dist/components/Avatar.d.ts +52 -0
  8. package/dist/components/Avatar.d.ts.map +1 -0
  9. package/dist/components/Avatar.js +59 -0
  10. package/dist/components/Avatar.js.map +1 -0
  11. package/dist/components/Badge.d.ts +26 -0
  12. package/dist/components/Badge.d.ts.map +1 -0
  13. package/dist/components/Badge.js +17 -0
  14. package/dist/components/Badge.js.map +1 -0
  15. package/dist/components/Button.d.ts +18 -0
  16. package/dist/components/Button.d.ts.map +1 -0
  17. package/dist/components/Button.js +43 -0
  18. package/dist/components/Button.js.map +1 -0
  19. package/dist/components/Checkbox.d.ts +30 -0
  20. package/dist/components/Checkbox.d.ts.map +1 -0
  21. package/dist/components/Checkbox.js +39 -0
  22. package/dist/components/Checkbox.js.map +1 -0
  23. package/dist/components/Divider.d.ts +17 -0
  24. package/dist/components/Divider.d.ts.map +1 -0
  25. package/dist/components/Divider.js +16 -0
  26. package/dist/components/Divider.js.map +1 -0
  27. package/dist/components/Header.d.ts +25 -0
  28. package/dist/components/Header.d.ts.map +1 -0
  29. package/dist/components/Header.js +18 -0
  30. package/dist/components/Header.js.map +1 -0
  31. package/dist/components/Input.d.ts +32 -0
  32. package/dist/components/Input.d.ts.map +1 -0
  33. package/dist/components/Input.js +66 -0
  34. package/dist/components/Input.js.map +1 -0
  35. package/dist/components/Logo.d.ts +41 -0
  36. package/dist/components/Logo.d.ts.map +1 -0
  37. package/dist/components/Logo.js +70 -0
  38. package/dist/components/Logo.js.map +1 -0
  39. package/dist/components/Menu.d.ts +29 -0
  40. package/dist/components/Menu.d.ts.map +1 -0
  41. package/dist/components/Menu.js +31 -0
  42. package/dist/components/Menu.js.map +1 -0
  43. package/dist/components/NavItem.d.ts +30 -0
  44. package/dist/components/NavItem.d.ts.map +1 -0
  45. package/dist/components/NavItem.js +45 -0
  46. package/dist/components/NavItem.js.map +1 -0
  47. package/dist/components/Radio.d.ts +30 -0
  48. package/dist/components/Radio.d.ts.map +1 -0
  49. package/dist/components/Radio.js +61 -0
  50. package/dist/components/Radio.js.map +1 -0
  51. package/dist/components/ScrollProgress.d.ts +33 -0
  52. package/dist/components/ScrollProgress.d.ts.map +1 -0
  53. package/dist/components/ScrollProgress.js +115 -0
  54. package/dist/components/ScrollProgress.js.map +1 -0
  55. package/dist/components/Select.d.ts +43 -0
  56. package/dist/components/Select.d.ts.map +1 -0
  57. package/dist/components/Select.js +80 -0
  58. package/dist/components/Select.js.map +1 -0
  59. package/dist/components/Table.d.ts +71 -0
  60. package/dist/components/Table.d.ts.map +1 -0
  61. package/dist/components/Table.js +60 -0
  62. package/dist/components/Table.js.map +1 -0
  63. package/dist/components/Tabs.d.ts +23 -0
  64. package/dist/components/Tabs.d.ts.map +1 -0
  65. package/dist/components/Tabs.js +47 -0
  66. package/dist/components/Tabs.js.map +1 -0
  67. package/dist/components/Toggle.d.ts +25 -0
  68. package/dist/components/Toggle.d.ts.map +1 -0
  69. package/dist/components/Toggle.js +32 -0
  70. package/dist/components/Toggle.js.map +1 -0
  71. package/dist/components/index.d.ts +33 -0
  72. package/dist/components/index.d.ts.map +1 -0
  73. package/dist/components/index.js +17 -0
  74. package/dist/components/index.js.map +1 -0
  75. package/dist/index.d.ts +25 -0
  76. package/dist/index.d.ts.map +1 -0
  77. package/dist/index.js +24 -0
  78. package/dist/index.js.map +1 -0
  79. package/dist/styles/avatar.css +138 -0
  80. package/dist/styles/badge.css +125 -0
  81. package/dist/styles/button.css +331 -0
  82. package/dist/styles/checkbox.css +229 -0
  83. package/dist/styles/divider.css +31 -0
  84. package/dist/styles/header.css +95 -0
  85. package/dist/styles/index.css +44 -0
  86. package/dist/styles/input.css +264 -0
  87. package/dist/styles/logo.css +63 -0
  88. package/dist/styles/menu.css +150 -0
  89. package/dist/styles/nav-item.css +120 -0
  90. package/dist/styles/radio.css +200 -0
  91. package/dist/styles/scroll-progress.css +171 -0
  92. package/dist/styles/select.css +162 -0
  93. package/dist/styles/table.css +192 -0
  94. package/dist/styles/tabs.css +219 -0
  95. package/dist/styles/toggle.css +184 -0
  96. package/dist/styles/tokens/base.css +386 -0
  97. package/dist/styles/tokens/breakpoint-mobile.css +34 -0
  98. package/dist/styles/tokens/breakpoint-tablet.css +25 -0
  99. package/dist/styles/tokens/elevation.css +112 -0
  100. package/dist/styles/tokens/index.css +6 -0
  101. package/dist/styles/tokens/theme-dark.css +106 -0
  102. package/dist/styles/tokens/typography.css +124 -0
  103. package/dist/tokens/index.d.ts +2097 -0
  104. package/dist/tokens/index.d.ts.map +1 -0
  105. package/dist/tokens/index.js +1702 -0
  106. package/dist/tokens/index.js.map +1 -0
  107. package/package.json +70 -0
package/dist/tokens/index.d.ts ADDED
@@ -0,0 +1,2097 @@
1
+ /** Breakpoint tokens — modes: Desktop, Tablet, Mobile. */
2
+ export declare const breakpoint: {
3
+ readonly 'grid/margin': "var(--grid-margin)";
4
+ readonly 'grid/gutter': "var(--grid-gutter)";
5
+ readonly 'grid/columns': "var(--grid-columns)";
6
+ readonly 'container/max-width': "var(--container-max-width)";
7
+ readonly 'section/gap-y': "var(--section-gap-y)";
8
+ readonly 'section/gap-y-sm': "var(--section-gap-y-sm)";
9
+ readonly 'type/display': "var(--type-display)";
10
+ readonly 'type/display/line-height': "var(--type-display-line-height)";
11
+ readonly 'type/h1': "var(--type-h1)";
12
+ readonly 'type/h1/line-height': "var(--type-h1-line-height)";
13
+ readonly 'type/h2': "var(--type-h2)";
14
+ readonly 'type/h2/line-height': "var(--type-h2-line-height)";
15
+ readonly 'type/h3': "var(--type-h3)";
16
+ readonly 'type/h3/line-height': "var(--type-h3-line-height)";
17
+ readonly 'type/h4': "var(--type-h4)";
18
+ readonly 'type/h4/line-height': "var(--type-h4-line-height)";
19
+ readonly 'type/h5': "var(--type-h5)";
20
+ readonly 'type/h5/line-height': "var(--type-h5-line-height)";
21
+ readonly 'type/h6': "var(--type-h6)";
22
+ readonly 'type/h6/line-height': "var(--type-h6-line-height)";
23
+ readonly 'type/body-lg': "var(--type-body-lg)";
24
+ readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
25
+ readonly 'type/body-md': "var(--type-body-md)";
26
+ readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
27
+ readonly 'type/body': "var(--type-body)";
28
+ readonly 'type/body/line-height': "var(--type-body-line-height)";
29
+ readonly 'type/body-sm': "var(--type-body-sm)";
30
+ readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
31
+ readonly 'type/caption': "var(--type-caption)";
32
+ readonly 'type/caption/line-height': "var(--type-caption-line-height)";
33
+ };
34
+ /** Interface tokens — modes: Light, Dark. */
35
+ export declare const ui: {
36
+ readonly 'text/default': "var(--text-default)";
37
+ readonly 'text/secondary': "var(--text-secondary)";
38
+ readonly 'text/tertiary': "var(--text-tertiary)";
39
+ readonly 'text/placeholder': "var(--text-placeholder)";
40
+ readonly 'text/disabled': "var(--text-disabled)";
41
+ readonly 'text/on-color': "var(--text-on-color)";
42
+ readonly 'text/inverse': "var(--text-inverse)";
43
+ readonly 'text/primary': "var(--text-primary)";
44
+ readonly 'text/error': "var(--text-error)";
45
+ readonly 'text/success': "var(--text-success)";
46
+ readonly 'text/warning': "var(--text-warning)";
47
+ readonly 'text/information': "var(--text-information)";
48
+ readonly 'text/link': "var(--text-link)";
49
+ readonly 'text/link/hover': "var(--text-link-hover)";
50
+ readonly 'text/link/visited': "var(--text-link-visited)";
51
+ readonly 'text/interactive': "var(--text-interactive)";
52
+ readonly 'text/interactive/hover': "var(--text-interactive-hover)";
53
+ readonly 'icon/default': "var(--icon-default)";
54
+ readonly 'icon/secondary': "var(--icon-secondary)";
55
+ readonly 'icon/tertiary': "var(--icon-tertiary)";
56
+ readonly 'icon/disabled': "var(--icon-disabled)";
57
+ readonly 'icon/on-color': "var(--icon-on-color)";
58
+ readonly 'icon/inverse': "var(--icon-inverse)";
59
+ readonly 'icon/primary': "var(--icon-primary)";
60
+ readonly 'icon/error': "var(--icon-error)";
61
+ readonly 'icon/success': "var(--icon-success)";
62
+ readonly 'icon/warning': "var(--icon-warning)";
63
+ readonly 'icon/information': "var(--icon-information)";
64
+ readonly 'icon/interactive': "var(--icon-interactive)";
65
+ readonly 'surface/default': "var(--surface-default)";
66
+ readonly 'icon/interactive/hover': "var(--icon-interactive-hover)";
67
+ readonly 'surface/page': "var(--surface-page)";
68
+ readonly 'surface/sunken': "var(--surface-sunken)";
69
+ readonly 'surface/subtle': "var(--surface-subtle)";
70
+ readonly 'surface/muted': "var(--surface-muted)";
71
+ readonly 'surface/raised': "var(--surface-raised)";
72
+ readonly 'surface/overlay': "var(--surface-overlay)";
73
+ readonly 'surface/scrim': "var(--surface-scrim)";
74
+ readonly 'surface/inverse': "var(--surface-inverse)";
75
+ readonly 'surface/inverse-subtle': "var(--surface-inverse-subtle)";
76
+ readonly 'surface/disabled': "var(--surface-disabled)";
77
+ readonly 'surface/placeholder': "var(--surface-placeholder)";
78
+ readonly 'surface/hover': "var(--surface-hover)";
79
+ readonly 'surface/pressed': "var(--surface-pressed)";
80
+ readonly 'surface/selected': "var(--surface-selected)";
81
+ readonly 'surface/selected-hover': "var(--surface-selected-hover)";
82
+ readonly 'surface/primary': "var(--surface-primary)";
83
+ readonly 'surface/primary/hover': "var(--surface-primary-hover)";
84
+ readonly 'surface/primary/pressed': "var(--surface-primary-pressed)";
85
+ readonly 'surface/primary-subtle': "var(--surface-primary-subtle)";
86
+ readonly 'surface/primary-subtle/hover': "var(--surface-primary-subtle-hover)";
87
+ readonly 'surface/primary-tint': "var(--surface-primary-tint)";
88
+ readonly 'surface/error': "var(--surface-error)";
89
+ readonly 'surface/error/hover': "var(--surface-error-hover)";
90
+ readonly 'surface/error/pressed': "var(--surface-error-pressed)";
91
+ readonly 'surface/error-subtle': "var(--surface-error-subtle)";
92
+ readonly 'surface/error-subtle/hover': "var(--surface-error-subtle-hover)";
93
+ readonly 'surface/error-tint': "var(--surface-error-tint)";
94
+ readonly 'surface/success': "var(--surface-success)";
95
+ readonly 'surface/success/hover': "var(--surface-success-hover)";
96
+ readonly 'surface/success/pressed': "var(--surface-success-pressed)";
97
+ readonly 'surface/success-subtle': "var(--surface-success-subtle)";
98
+ readonly 'surface/success-subtle/hover': "var(--surface-success-subtle-hover)";
99
+ readonly 'surface/success-tint': "var(--surface-success-tint)";
100
+ readonly 'surface/warning': "var(--surface-warning)";
101
+ readonly 'surface/warning/hover': "var(--surface-warning-hover)";
102
+ readonly 'surface/warning/pressed': "var(--surface-warning-pressed)";
103
+ readonly 'surface/warning-subtle': "var(--surface-warning-subtle)";
104
+ readonly 'surface/warning-subtle/hover': "var(--surface-warning-subtle-hover)";
105
+ readonly 'surface/warning-tint': "var(--surface-warning-tint)";
106
+ readonly 'surface/information': "var(--surface-information)";
107
+ readonly 'surface/information/hover': "var(--surface-information-hover)";
108
+ readonly 'surface/information/pressed': "var(--surface-information-pressed)";
109
+ readonly 'surface/information-subtle': "var(--surface-information-subtle)";
110
+ readonly 'surface/information-subtle/hover': "var(--surface-information-subtle-hover)";
111
+ readonly 'surface/information-tint': "var(--surface-information-tint)";
112
+ readonly 'border/subtle': "var(--border-subtle)";
113
+ readonly 'border/default': "var(--border-default)";
114
+ readonly 'border/strong': "var(--border-strong)";
115
+ readonly 'border/stronger': "var(--border-stronger)";
116
+ readonly 'border/inverse': "var(--border-inverse)";
117
+ readonly 'border/disabled': "var(--border-disabled)";
118
+ readonly 'border/transparent': "var(--border-transparent)";
119
+ readonly 'border/primary': "var(--border-primary)";
120
+ readonly 'border/primary-strong': "var(--border-primary-strong)";
121
+ readonly 'border/primary-subtle': "var(--border-primary-subtle)";
122
+ readonly 'border/error': "var(--border-error)";
123
+ readonly 'border/error-strong': "var(--border-error-strong)";
124
+ readonly 'border/error-subtle': "var(--border-error-subtle)";
125
+ readonly 'border/success': "var(--border-success)";
126
+ readonly 'border/success-strong': "var(--border-success-strong)";
127
+ readonly 'border/success-subtle': "var(--border-success-subtle)";
128
+ readonly 'border/warning': "var(--border-warning)";
129
+ readonly 'border/warning-strong': "var(--border-warning-strong)";
130
+ readonly 'border/warning-subtle': "var(--border-warning-subtle)";
131
+ readonly 'border/information': "var(--border-information)";
132
+ readonly 'border/information-strong': "var(--border-information-strong)";
133
+ readonly 'border/information-subtle': "var(--border-information-subtle)";
134
+ readonly 'border/focus': "var(--border-focus)";
135
+ readonly 'border/focus-error': "var(--border-focus-error)";
136
+ readonly 'ring/focus': "var(--ring-focus)";
137
+ readonly 'ring/error': "var(--ring-error)";
138
+ readonly 'ring/offset': "var(--ring-offset)";
139
+ };
140
+ /** Primitives tokens — modes: Value. */
141
+ export declare const primitives: {
142
+ readonly 'color/base/white': "var(--color-base-white)";
143
+ readonly 'color/base/black': "var(--color-base-black)";
144
+ readonly 'color/gray/50': "var(--color-gray-50)";
145
+ readonly 'color/gray/100': "var(--color-gray-100)";
146
+ readonly 'color/gray/200': "var(--color-gray-200)";
147
+ readonly 'color/gray/300': "var(--color-gray-300)";
148
+ readonly 'color/gray/400': "var(--color-gray-400)";
149
+ readonly 'color/gray/500': "var(--color-gray-500)";
150
+ readonly 'color/gray/600': "var(--color-gray-600)";
151
+ readonly 'color/gray/700': "var(--color-gray-700)";
152
+ readonly 'color/gray/800': "var(--color-gray-800)";
153
+ readonly 'color/gray/900': "var(--color-gray-900)";
154
+ readonly 'color/purple/50': "var(--color-purple-50)";
155
+ readonly 'color/purple/100': "var(--color-purple-100)";
156
+ readonly 'color/purple/200': "var(--color-purple-200)";
157
+ readonly 'color/purple/300': "var(--color-purple-300)";
158
+ readonly 'color/purple/400': "var(--color-purple-400)";
159
+ readonly 'color/purple/500': "var(--color-purple-500)";
160
+ readonly 'color/purple/600': "var(--color-purple-600)";
161
+ readonly 'color/purple/700': "var(--color-purple-700)";
162
+ readonly 'color/purple/800': "var(--color-purple-800)";
163
+ readonly 'color/purple/900': "var(--color-purple-900)";
164
+ readonly 'color/red/50': "var(--color-red-50)";
165
+ readonly 'color/red/100': "var(--color-red-100)";
166
+ readonly 'color/red/200': "var(--color-red-200)";
167
+ readonly 'color/red/300': "var(--color-red-300)";
168
+ readonly 'color/red/400': "var(--color-red-400)";
169
+ readonly 'color/red/500': "var(--color-red-500)";
170
+ readonly 'color/red/600': "var(--color-red-600)";
171
+ readonly 'color/red/700': "var(--color-red-700)";
172
+ readonly 'color/red/800': "var(--color-red-800)";
173
+ readonly 'color/red/900': "var(--color-red-900)";
174
+ readonly 'color/orange/50': "var(--color-orange-50)";
175
+ readonly 'color/orange/100': "var(--color-orange-100)";
176
+ readonly 'color/orange/200': "var(--color-orange-200)";
177
+ readonly 'color/orange/300': "var(--color-orange-300)";
178
+ readonly 'color/orange/400': "var(--color-orange-400)";
179
+ readonly 'color/orange/500': "var(--color-orange-500)";
180
+ readonly 'color/orange/600': "var(--color-orange-600)";
181
+ readonly 'color/orange/700': "var(--color-orange-700)";
182
+ readonly 'color/orange/800': "var(--color-orange-800)";
183
+ readonly 'color/orange/900': "var(--color-orange-900)";
184
+ readonly 'color/green/50': "var(--color-green-50)";
185
+ readonly 'color/green/100': "var(--color-green-100)";
186
+ readonly 'color/green/200': "var(--color-green-200)";
187
+ readonly 'color/green/300': "var(--color-green-300)";
188
+ readonly 'color/green/400': "var(--color-green-400)";
189
+ readonly 'color/green/500': "var(--color-green-500)";
190
+ readonly 'color/green/600': "var(--color-green-600)";
191
+ readonly 'color/green/700': "var(--color-green-700)";
192
+ readonly 'color/green/800': "var(--color-green-800)";
193
+ readonly 'color/green/900': "var(--color-green-900)";
194
+ readonly 'color/blue/50': "var(--color-blue-50)";
195
+ readonly 'color/blue/100': "var(--color-blue-100)";
196
+ readonly 'color/blue/200': "var(--color-blue-200)";
197
+ readonly 'color/blue/300': "var(--color-blue-300)";
198
+ readonly 'color/blue/400': "var(--color-blue-400)";
199
+ readonly 'color/blue/500': "var(--color-blue-500)";
200
+ readonly 'color/blue/600': "var(--color-blue-600)";
201
+ readonly 'color/blue/700': "var(--color-blue-700)";
202
+ readonly 'color/blue/800': "var(--color-blue-800)";
203
+ readonly 'color/blue/900': "var(--color-blue-900)";
204
+ readonly 'color/yellow/50': "var(--color-yellow-50)";
205
+ readonly 'color/yellow/100': "var(--color-yellow-100)";
206
+ readonly 'color/yellow/200': "var(--color-yellow-200)";
207
+ readonly 'color/yellow/300': "var(--color-yellow-300)";
208
+ readonly 'color/yellow/400': "var(--color-yellow-400)";
209
+ readonly 'color/yellow/500': "var(--color-yellow-500)";
210
+ readonly 'color/yellow/600': "var(--color-yellow-600)";
211
+ readonly 'color/yellow/700': "var(--color-yellow-700)";
212
+ readonly 'color/yellow/800': "var(--color-yellow-800)";
213
+ readonly 'color/yellow/900': "var(--color-yellow-900)";
214
+ readonly 'color/pink/50': "var(--color-pink-50)";
215
+ readonly 'color/pink/100': "var(--color-pink-100)";
216
+ readonly 'color/pink/200': "var(--color-pink-200)";
217
+ readonly 'color/pink/300': "var(--color-pink-300)";
218
+ readonly 'color/pink/400': "var(--color-pink-400)";
219
+ readonly 'color/pink/500': "var(--color-pink-500)";
220
+ readonly 'color/pink/600': "var(--color-pink-600)";
221
+ readonly 'color/pink/700': "var(--color-pink-700)";
222
+ readonly 'color/pink/800': "var(--color-pink-800)";
223
+ readonly 'color/pink/900': "var(--color-pink-900)";
224
+ readonly 'spacing/0': "var(--spacing-0)";
225
+ readonly 'spacing/2': "var(--spacing-2)";
226
+ readonly 'spacing/4': "var(--spacing-4)";
227
+ readonly 'spacing/6': "var(--spacing-6)";
228
+ readonly 'spacing/8': "var(--spacing-8)";
229
+ readonly 'spacing/12': "var(--spacing-12)";
230
+ readonly 'spacing/16': "var(--spacing-16)";
231
+ readonly 'spacing/20': "var(--spacing-20)";
232
+ readonly 'spacing/24': "var(--spacing-24)";
233
+ readonly 'spacing/32': "var(--spacing-32)";
234
+ readonly 'spacing/40': "var(--spacing-40)";
235
+ readonly 'spacing/48': "var(--spacing-48)";
236
+ readonly 'spacing/64': "var(--spacing-64)";
237
+ readonly 'spacing/80': "var(--spacing-80)";
238
+ readonly 'spacing/96': "var(--spacing-96)";
239
+ readonly 'spacing/128': "var(--spacing-128)";
240
+ readonly 'font/size/12': "var(--font-size-12)";
241
+ readonly 'font/size/14': "var(--font-size-14)";
242
+ readonly 'font/size/16': "var(--font-size-16)";
243
+ readonly 'font/size/18': "var(--font-size-18)";
244
+ readonly 'font/size/20': "var(--font-size-20)";
245
+ readonly 'font/size/24': "var(--font-size-24)";
246
+ readonly 'font/size/28': "var(--font-size-28)";
247
+ readonly 'font/size/32': "var(--font-size-32)";
248
+ readonly 'font/size/40': "var(--font-size-40)";
249
+ readonly 'font/size/48': "var(--font-size-48)";
250
+ readonly 'font/size/56': "var(--font-size-56)";
251
+ readonly 'font/size/64': "var(--font-size-64)";
252
+ readonly 'font/size/72': "var(--font-size-72)";
253
+ readonly 'color/alpha/black-05': "var(--color-alpha-black-05)";
254
+ readonly 'color/alpha/black-10': "var(--color-alpha-black-10)";
255
+ readonly 'color/alpha/black-40': "var(--color-alpha-black-40)";
256
+ readonly 'color/alpha/black-60': "var(--color-alpha-black-60)";
257
+ readonly 'color/alpha/white-05': "var(--color-alpha-white-05)";
258
+ readonly 'color/alpha/white-10': "var(--color-alpha-white-10)";
259
+ readonly 'color/alpha/white-20': "var(--color-alpha-white-20)";
260
+ readonly 'font/size/36': "var(--font-size-36)";
261
+ readonly 'scale/0': "var(--scale-0)";
262
+ readonly 'scale/1': "var(--scale-1)";
263
+ readonly 'scale/2': "var(--scale-2)";
264
+ readonly 'scale/4': "var(--scale-4)";
265
+ readonly 'scale/6': "var(--scale-6)";
266
+ readonly 'scale/8': "var(--scale-8)";
267
+ readonly 'scale/10': "var(--scale-10)";
268
+ readonly 'scale/12': "var(--scale-12)";
269
+ readonly 'scale/14': "var(--scale-14)";
270
+ readonly 'scale/16': "var(--scale-16)";
271
+ readonly 'scale/20': "var(--scale-20)";
272
+ readonly 'scale/24': "var(--scale-24)";
273
+ readonly 'scale/32': "var(--scale-32)";
274
+ readonly 'scale/full': "var(--scale-full)";
275
+ readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
276
+ readonly 'font/family/merriweather': "var(--font-family-merriweather)";
277
+ readonly 'font/family/space-mono': "var(--font-family-space-mono)";
278
+ readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
279
+ readonly 'font/weight/400': "var(--font-weight-400)";
280
+ readonly 'font/weight/500': "var(--font-weight-500)";
281
+ readonly 'font/weight/600': "var(--font-weight-600)";
282
+ readonly 'font/weight/700': "var(--font-weight-700)";
283
+ };
284
+ /** Semantics tokens — modes: IonBase. */
285
+ export declare const semantics: {
286
+ readonly 'primary/50': "var(--primary-50)";
287
+ readonly 'primary/100': "var(--primary-100)";
288
+ readonly 'primary/200': "var(--primary-200)";
289
+ readonly 'primary/300': "var(--primary-300)";
290
+ readonly 'primary/400': "var(--primary-400)";
291
+ readonly 'primary/500': "var(--primary-500)";
292
+ readonly 'primary/600': "var(--primary-600)";
293
+ readonly 'primary/700': "var(--primary-700)";
294
+ readonly 'primary/800': "var(--primary-800)";
295
+ readonly 'primary/900': "var(--primary-900)";
296
+ readonly 'neutral/50': "var(--neutral-50)";
297
+ readonly 'neutral/100': "var(--neutral-100)";
298
+ readonly 'neutral/200': "var(--neutral-200)";
299
+ readonly 'neutral/300': "var(--neutral-300)";
300
+ readonly 'neutral/400': "var(--neutral-400)";
301
+ readonly 'neutral/500': "var(--neutral-500)";
302
+ readonly 'neutral/600': "var(--neutral-600)";
303
+ readonly 'neutral/700': "var(--neutral-700)";
304
+ readonly 'neutral/800': "var(--neutral-800)";
305
+ readonly 'neutral/900': "var(--neutral-900)";
306
+ readonly 'success/50': "var(--success-50)";
307
+ readonly 'success/100': "var(--success-100)";
308
+ readonly 'success/200': "var(--success-200)";
309
+ readonly 'success/300': "var(--success-300)";
310
+ readonly 'success/400': "var(--success-400)";
311
+ readonly 'success/500': "var(--success-500)";
312
+ readonly 'success/600': "var(--success-600)";
313
+ readonly 'success/700': "var(--success-700)";
314
+ readonly 'success/800': "var(--success-800)";
315
+ readonly 'success/900': "var(--success-900)";
316
+ readonly 'warning/50': "var(--warning-50)";
317
+ readonly 'warning/100': "var(--warning-100)";
318
+ readonly 'warning/200': "var(--warning-200)";
319
+ readonly 'warning/300': "var(--warning-300)";
320
+ readonly 'warning/400': "var(--warning-400)";
321
+ readonly 'warning/500': "var(--warning-500)";
322
+ readonly 'warning/600': "var(--warning-600)";
323
+ readonly 'warning/700': "var(--warning-700)";
324
+ readonly 'warning/800': "var(--warning-800)";
325
+ readonly 'warning/900': "var(--warning-900)";
326
+ readonly 'error/50': "var(--error-50)";
327
+ readonly 'error/100': "var(--error-100)";
328
+ readonly 'error/200': "var(--error-200)";
329
+ readonly 'error/300': "var(--error-300)";
330
+ readonly 'error/400': "var(--error-400)";
331
+ readonly 'error/500': "var(--error-500)";
332
+ readonly 'error/600': "var(--error-600)";
333
+ readonly 'error/700': "var(--error-700)";
334
+ readonly 'error/800': "var(--error-800)";
335
+ readonly 'error/900': "var(--error-900)";
336
+ readonly 'information/50': "var(--information-50)";
337
+ readonly 'information/100': "var(--information-100)";
338
+ readonly 'information/200': "var(--information-200)";
339
+ readonly 'information/300': "var(--information-300)";
340
+ readonly 'information/400': "var(--information-400)";
341
+ readonly 'information/500': "var(--information-500)";
342
+ readonly 'information/600': "var(--information-600)";
343
+ readonly 'information/700': "var(--information-700)";
344
+ readonly 'information/800': "var(--information-800)";
345
+ readonly 'information/900': "var(--information-900)";
346
+ readonly 'chart/1': "var(--chart-1)";
347
+ readonly 'chart/2': "var(--chart-2)";
348
+ readonly 'chart/3': "var(--chart-3)";
349
+ readonly 'chart/4': "var(--chart-4)";
350
+ readonly 'chart/5': "var(--chart-5)";
351
+ readonly 'chart/6': "var(--chart-6)";
352
+ readonly 'chart/7': "var(--chart-7)";
353
+ readonly 'chart/8': "var(--chart-8)";
354
+ readonly 'base/white': "var(--base-white)";
355
+ readonly 'base/black': "var(--base-black)";
356
+ readonly 'alpha/black-05': "var(--alpha-black-05)";
357
+ readonly 'alpha/black-10': "var(--alpha-black-10)";
358
+ readonly 'alpha/black-40': "var(--alpha-black-40)";
359
+ readonly 'alpha/black-60': "var(--alpha-black-60)";
360
+ readonly 'alpha/white-05': "var(--alpha-white-05)";
361
+ readonly 'alpha/white-10': "var(--alpha-white-10)";
362
+ readonly 'alpha/white-20': "var(--alpha-white-20)";
363
+ readonly 'radius/none': "var(--radius-none)";
364
+ readonly 'radius/2xs': "var(--radius-2xs)";
365
+ readonly 'radius/xs': "var(--radius-xs)";
366
+ readonly 'radius/sm': "var(--radius-sm)";
367
+ readonly 'radius/md': "var(--radius-md)";
368
+ readonly 'radius/lg': "var(--radius-lg)";
369
+ readonly 'radius/xl': "var(--radius-xl)";
370
+ readonly 'radius/2xl': "var(--radius-2xl)";
371
+ readonly 'radius/3xl': "var(--radius-3xl)";
372
+ readonly 'radius/4xl': "var(--radius-4xl)";
373
+ readonly 'radius/5xl': "var(--radius-5xl)";
374
+ readonly 'radius/6xl': "var(--radius-6xl)";
375
+ readonly 'radius/full': "var(--radius-full)";
376
+ readonly 'border-width/default': "var(--border-width-default)";
377
+ readonly 'border-width/thick': "var(--border-width-thick)";
378
+ readonly 'border-width/thicker': "var(--border-width-thicker)";
379
+ readonly 'font/family/sans': "var(--font-family-sans)";
380
+ readonly 'font/family/serif': "var(--font-family-serif)";
381
+ readonly 'font/family/mono': "var(--font-family-mono)";
382
+ readonly 'font/weight/regular': "var(--font-weight-regular)";
383
+ readonly 'font/weight/medium': "var(--font-weight-medium)";
384
+ readonly 'font/weight/semibold': "var(--font-weight-semibold)";
385
+ readonly 'font/weight/bold': "var(--font-weight-bold)";
386
+ readonly 'font/family/serif-display': "var(--font-family-serif-display)";
387
+ readonly 'icon-size/xs': "var(--icon-size-xs)";
388
+ readonly 'icon-size/sm': "var(--icon-size-sm)";
389
+ readonly 'icon-size/md': "var(--icon-size-md)";
390
+ readonly 'icon-size/lg': "var(--icon-size-lg)";
391
+ readonly 'icon-size/xl': "var(--icon-size-xl)";
392
+ };
393
+ export declare const tokens: {
394
+ readonly breakpoint: {
395
+ readonly 'grid/margin': "var(--grid-margin)";
396
+ readonly 'grid/gutter': "var(--grid-gutter)";
397
+ readonly 'grid/columns': "var(--grid-columns)";
398
+ readonly 'container/max-width': "var(--container-max-width)";
399
+ readonly 'section/gap-y': "var(--section-gap-y)";
400
+ readonly 'section/gap-y-sm': "var(--section-gap-y-sm)";
401
+ readonly 'type/display': "var(--type-display)";
402
+ readonly 'type/display/line-height': "var(--type-display-line-height)";
403
+ readonly 'type/h1': "var(--type-h1)";
404
+ readonly 'type/h1/line-height': "var(--type-h1-line-height)";
405
+ readonly 'type/h2': "var(--type-h2)";
406
+ readonly 'type/h2/line-height': "var(--type-h2-line-height)";
407
+ readonly 'type/h3': "var(--type-h3)";
408
+ readonly 'type/h3/line-height': "var(--type-h3-line-height)";
409
+ readonly 'type/h4': "var(--type-h4)";
410
+ readonly 'type/h4/line-height': "var(--type-h4-line-height)";
411
+ readonly 'type/h5': "var(--type-h5)";
412
+ readonly 'type/h5/line-height': "var(--type-h5-line-height)";
413
+ readonly 'type/h6': "var(--type-h6)";
414
+ readonly 'type/h6/line-height': "var(--type-h6-line-height)";
415
+ readonly 'type/body-lg': "var(--type-body-lg)";
416
+ readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
417
+ readonly 'type/body-md': "var(--type-body-md)";
418
+ readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
419
+ readonly 'type/body': "var(--type-body)";
420
+ readonly 'type/body/line-height': "var(--type-body-line-height)";
421
+ readonly 'type/body-sm': "var(--type-body-sm)";
422
+ readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
423
+ readonly 'type/caption': "var(--type-caption)";
424
+ readonly 'type/caption/line-height': "var(--type-caption-line-height)";
425
+ };
426
+ readonly ui: {
427
+ readonly 'text/default': "var(--text-default)";
428
+ readonly 'text/secondary': "var(--text-secondary)";
429
+ readonly 'text/tertiary': "var(--text-tertiary)";
430
+ readonly 'text/placeholder': "var(--text-placeholder)";
431
+ readonly 'text/disabled': "var(--text-disabled)";
432
+ readonly 'text/on-color': "var(--text-on-color)";
433
+ readonly 'text/inverse': "var(--text-inverse)";
434
+ readonly 'text/primary': "var(--text-primary)";
435
+ readonly 'text/error': "var(--text-error)";
436
+ readonly 'text/success': "var(--text-success)";
437
+ readonly 'text/warning': "var(--text-warning)";
438
+ readonly 'text/information': "var(--text-information)";
439
+ readonly 'text/link': "var(--text-link)";
440
+ readonly 'text/link/hover': "var(--text-link-hover)";
441
+ readonly 'text/link/visited': "var(--text-link-visited)";
442
+ readonly 'text/interactive': "var(--text-interactive)";
443
+ readonly 'text/interactive/hover': "var(--text-interactive-hover)";
444
+ readonly 'icon/default': "var(--icon-default)";
445
+ readonly 'icon/secondary': "var(--icon-secondary)";
446
+ readonly 'icon/tertiary': "var(--icon-tertiary)";
447
+ readonly 'icon/disabled': "var(--icon-disabled)";
448
+ readonly 'icon/on-color': "var(--icon-on-color)";
449
+ readonly 'icon/inverse': "var(--icon-inverse)";
450
+ readonly 'icon/primary': "var(--icon-primary)";
451
+ readonly 'icon/error': "var(--icon-error)";
452
+ readonly 'icon/success': "var(--icon-success)";
453
+ readonly 'icon/warning': "var(--icon-warning)";
454
+ readonly 'icon/information': "var(--icon-information)";
455
+ readonly 'icon/interactive': "var(--icon-interactive)";
456
+ readonly 'surface/default': "var(--surface-default)";
457
+ readonly 'icon/interactive/hover': "var(--icon-interactive-hover)";
458
+ readonly 'surface/page': "var(--surface-page)";
459
+ readonly 'surface/sunken': "var(--surface-sunken)";
460
+ readonly 'surface/subtle': "var(--surface-subtle)";
461
+ readonly 'surface/muted': "var(--surface-muted)";
462
+ readonly 'surface/raised': "var(--surface-raised)";
463
+ readonly 'surface/overlay': "var(--surface-overlay)";
464
+ readonly 'surface/scrim': "var(--surface-scrim)";
465
+ readonly 'surface/inverse': "var(--surface-inverse)";
466
+ readonly 'surface/inverse-subtle': "var(--surface-inverse-subtle)";
467
+ readonly 'surface/disabled': "var(--surface-disabled)";
468
+ readonly 'surface/placeholder': "var(--surface-placeholder)";
469
+ readonly 'surface/hover': "var(--surface-hover)";
470
+ readonly 'surface/pressed': "var(--surface-pressed)";
471
+ readonly 'surface/selected': "var(--surface-selected)";
472
+ readonly 'surface/selected-hover': "var(--surface-selected-hover)";
473
+ readonly 'surface/primary': "var(--surface-primary)";
474
+ readonly 'surface/primary/hover': "var(--surface-primary-hover)";
475
+ readonly 'surface/primary/pressed': "var(--surface-primary-pressed)";
476
+ readonly 'surface/primary-subtle': "var(--surface-primary-subtle)";
477
+ readonly 'surface/primary-subtle/hover': "var(--surface-primary-subtle-hover)";
478
+ readonly 'surface/primary-tint': "var(--surface-primary-tint)";
479
+ readonly 'surface/error': "var(--surface-error)";
480
+ readonly 'surface/error/hover': "var(--surface-error-hover)";
481
+ readonly 'surface/error/pressed': "var(--surface-error-pressed)";
482
+ readonly 'surface/error-subtle': "var(--surface-error-subtle)";
483
+ readonly 'surface/error-subtle/hover': "var(--surface-error-subtle-hover)";
484
+ readonly 'surface/error-tint': "var(--surface-error-tint)";
485
+ readonly 'surface/success': "var(--surface-success)";
486
+ readonly 'surface/success/hover': "var(--surface-success-hover)";
487
+ readonly 'surface/success/pressed': "var(--surface-success-pressed)";
488
+ readonly 'surface/success-subtle': "var(--surface-success-subtle)";
489
+ readonly 'surface/success-subtle/hover': "var(--surface-success-subtle-hover)";
490
+ readonly 'surface/success-tint': "var(--surface-success-tint)";
491
+ readonly 'surface/warning': "var(--surface-warning)";
492
+ readonly 'surface/warning/hover': "var(--surface-warning-hover)";
493
+ readonly 'surface/warning/pressed': "var(--surface-warning-pressed)";
494
+ readonly 'surface/warning-subtle': "var(--surface-warning-subtle)";
495
+ readonly 'surface/warning-subtle/hover': "var(--surface-warning-subtle-hover)";
496
+ readonly 'surface/warning-tint': "var(--surface-warning-tint)";
497
+ readonly 'surface/information': "var(--surface-information)";
498
+ readonly 'surface/information/hover': "var(--surface-information-hover)";
499
+ readonly 'surface/information/pressed': "var(--surface-information-pressed)";
500
+ readonly 'surface/information-subtle': "var(--surface-information-subtle)";
501
+ readonly 'surface/information-subtle/hover': "var(--surface-information-subtle-hover)";
502
+ readonly 'surface/information-tint': "var(--surface-information-tint)";
503
+ readonly 'border/subtle': "var(--border-subtle)";
504
+ readonly 'border/default': "var(--border-default)";
505
+ readonly 'border/strong': "var(--border-strong)";
506
+ readonly 'border/stronger': "var(--border-stronger)";
507
+ readonly 'border/inverse': "var(--border-inverse)";
508
+ readonly 'border/disabled': "var(--border-disabled)";
509
+ readonly 'border/transparent': "var(--border-transparent)";
510
+ readonly 'border/primary': "var(--border-primary)";
511
+ readonly 'border/primary-strong': "var(--border-primary-strong)";
512
+ readonly 'border/primary-subtle': "var(--border-primary-subtle)";
513
+ readonly 'border/error': "var(--border-error)";
514
+ readonly 'border/error-strong': "var(--border-error-strong)";
515
+ readonly 'border/error-subtle': "var(--border-error-subtle)";
516
+ readonly 'border/success': "var(--border-success)";
517
+ readonly 'border/success-strong': "var(--border-success-strong)";
518
+ readonly 'border/success-subtle': "var(--border-success-subtle)";
519
+ readonly 'border/warning': "var(--border-warning)";
520
+ readonly 'border/warning-strong': "var(--border-warning-strong)";
521
+ readonly 'border/warning-subtle': "var(--border-warning-subtle)";
522
+ readonly 'border/information': "var(--border-information)";
523
+ readonly 'border/information-strong': "var(--border-information-strong)";
524
+ readonly 'border/information-subtle': "var(--border-information-subtle)";
525
+ readonly 'border/focus': "var(--border-focus)";
526
+ readonly 'border/focus-error': "var(--border-focus-error)";
527
+ readonly 'ring/focus': "var(--ring-focus)";
528
+ readonly 'ring/error': "var(--ring-error)";
529
+ readonly 'ring/offset': "var(--ring-offset)";
530
+ };
531
+ readonly primitives: {
532
+ readonly 'color/base/white': "var(--color-base-white)";
533
+ readonly 'color/base/black': "var(--color-base-black)";
534
+ readonly 'color/gray/50': "var(--color-gray-50)";
535
+ readonly 'color/gray/100': "var(--color-gray-100)";
536
+ readonly 'color/gray/200': "var(--color-gray-200)";
537
+ readonly 'color/gray/300': "var(--color-gray-300)";
538
+ readonly 'color/gray/400': "var(--color-gray-400)";
539
+ readonly 'color/gray/500': "var(--color-gray-500)";
540
+ readonly 'color/gray/600': "var(--color-gray-600)";
541
+ readonly 'color/gray/700': "var(--color-gray-700)";
542
+ readonly 'color/gray/800': "var(--color-gray-800)";
543
+ readonly 'color/gray/900': "var(--color-gray-900)";
544
+ readonly 'color/purple/50': "var(--color-purple-50)";
545
+ readonly 'color/purple/100': "var(--color-purple-100)";
546
+ readonly 'color/purple/200': "var(--color-purple-200)";
547
+ readonly 'color/purple/300': "var(--color-purple-300)";
548
+ readonly 'color/purple/400': "var(--color-purple-400)";
549
+ readonly 'color/purple/500': "var(--color-purple-500)";
550
+ readonly 'color/purple/600': "var(--color-purple-600)";
551
+ readonly 'color/purple/700': "var(--color-purple-700)";
552
+ readonly 'color/purple/800': "var(--color-purple-800)";
553
+ readonly 'color/purple/900': "var(--color-purple-900)";
554
+ readonly 'color/red/50': "var(--color-red-50)";
555
+ readonly 'color/red/100': "var(--color-red-100)";
556
+ readonly 'color/red/200': "var(--color-red-200)";
557
+ readonly 'color/red/300': "var(--color-red-300)";
558
+ readonly 'color/red/400': "var(--color-red-400)";
559
+ readonly 'color/red/500': "var(--color-red-500)";
560
+ readonly 'color/red/600': "var(--color-red-600)";
561
+ readonly 'color/red/700': "var(--color-red-700)";
562
+ readonly 'color/red/800': "var(--color-red-800)";
563
+ readonly 'color/red/900': "var(--color-red-900)";
564
+ readonly 'color/orange/50': "var(--color-orange-50)";
565
+ readonly 'color/orange/100': "var(--color-orange-100)";
566
+ readonly 'color/orange/200': "var(--color-orange-200)";
567
+ readonly 'color/orange/300': "var(--color-orange-300)";
568
+ readonly 'color/orange/400': "var(--color-orange-400)";
569
+ readonly 'color/orange/500': "var(--color-orange-500)";
570
+ readonly 'color/orange/600': "var(--color-orange-600)";
571
+ readonly 'color/orange/700': "var(--color-orange-700)";
572
+ readonly 'color/orange/800': "var(--color-orange-800)";
573
+ readonly 'color/orange/900': "var(--color-orange-900)";
574
+ readonly 'color/green/50': "var(--color-green-50)";
575
+ readonly 'color/green/100': "var(--color-green-100)";
576
+ readonly 'color/green/200': "var(--color-green-200)";
577
+ readonly 'color/green/300': "var(--color-green-300)";
578
+ readonly 'color/green/400': "var(--color-green-400)";
579
+ readonly 'color/green/500': "var(--color-green-500)";
580
+ readonly 'color/green/600': "var(--color-green-600)";
581
+ readonly 'color/green/700': "var(--color-green-700)";
582
+ readonly 'color/green/800': "var(--color-green-800)";
583
+ readonly 'color/green/900': "var(--color-green-900)";
584
+ readonly 'color/blue/50': "var(--color-blue-50)";
585
+ readonly 'color/blue/100': "var(--color-blue-100)";
586
+ readonly 'color/blue/200': "var(--color-blue-200)";
587
+ readonly 'color/blue/300': "var(--color-blue-300)";
588
+ readonly 'color/blue/400': "var(--color-blue-400)";
589
+ readonly 'color/blue/500': "var(--color-blue-500)";
590
+ readonly 'color/blue/600': "var(--color-blue-600)";
591
+ readonly 'color/blue/700': "var(--color-blue-700)";
592
+ readonly 'color/blue/800': "var(--color-blue-800)";
593
+ readonly 'color/blue/900': "var(--color-blue-900)";
594
+ readonly 'color/yellow/50': "var(--color-yellow-50)";
595
+ readonly 'color/yellow/100': "var(--color-yellow-100)";
596
+ readonly 'color/yellow/200': "var(--color-yellow-200)";
597
+ readonly 'color/yellow/300': "var(--color-yellow-300)";
598
+ readonly 'color/yellow/400': "var(--color-yellow-400)";
599
+ readonly 'color/yellow/500': "var(--color-yellow-500)";
600
+ readonly 'color/yellow/600': "var(--color-yellow-600)";
601
+ readonly 'color/yellow/700': "var(--color-yellow-700)";
602
+ readonly 'color/yellow/800': "var(--color-yellow-800)";
603
+ readonly 'color/yellow/900': "var(--color-yellow-900)";
604
+ readonly 'color/pink/50': "var(--color-pink-50)";
605
+ readonly 'color/pink/100': "var(--color-pink-100)";
606
+ readonly 'color/pink/200': "var(--color-pink-200)";
607
+ readonly 'color/pink/300': "var(--color-pink-300)";
608
+ readonly 'color/pink/400': "var(--color-pink-400)";
609
+ readonly 'color/pink/500': "var(--color-pink-500)";
610
+ readonly 'color/pink/600': "var(--color-pink-600)";
611
+ readonly 'color/pink/700': "var(--color-pink-700)";
612
+ readonly 'color/pink/800': "var(--color-pink-800)";
613
+ readonly 'color/pink/900': "var(--color-pink-900)";
614
+ readonly 'spacing/0': "var(--spacing-0)";
615
+ readonly 'spacing/2': "var(--spacing-2)";
616
+ readonly 'spacing/4': "var(--spacing-4)";
617
+ readonly 'spacing/6': "var(--spacing-6)";
618
+ readonly 'spacing/8': "var(--spacing-8)";
619
+ readonly 'spacing/12': "var(--spacing-12)";
620
+ readonly 'spacing/16': "var(--spacing-16)";
621
+ readonly 'spacing/20': "var(--spacing-20)";
622
+ readonly 'spacing/24': "var(--spacing-24)";
623
+ readonly 'spacing/32': "var(--spacing-32)";
624
+ readonly 'spacing/40': "var(--spacing-40)";
625
+ readonly 'spacing/48': "var(--spacing-48)";
626
+ readonly 'spacing/64': "var(--spacing-64)";
627
+ readonly 'spacing/80': "var(--spacing-80)";
628
+ readonly 'spacing/96': "var(--spacing-96)";
629
+ readonly 'spacing/128': "var(--spacing-128)";
630
+ readonly 'font/size/12': "var(--font-size-12)";
631
+ readonly 'font/size/14': "var(--font-size-14)";
632
+ readonly 'font/size/16': "var(--font-size-16)";
633
+ readonly 'font/size/18': "var(--font-size-18)";
634
+ readonly 'font/size/20': "var(--font-size-20)";
635
+ readonly 'font/size/24': "var(--font-size-24)";
636
+ readonly 'font/size/28': "var(--font-size-28)";
637
+ readonly 'font/size/32': "var(--font-size-32)";
638
+ readonly 'font/size/40': "var(--font-size-40)";
639
+ readonly 'font/size/48': "var(--font-size-48)";
640
+ readonly 'font/size/56': "var(--font-size-56)";
641
+ readonly 'font/size/64': "var(--font-size-64)";
642
+ readonly 'font/size/72': "var(--font-size-72)";
643
+ readonly 'color/alpha/black-05': "var(--color-alpha-black-05)";
644
+ readonly 'color/alpha/black-10': "var(--color-alpha-black-10)";
645
+ readonly 'color/alpha/black-40': "var(--color-alpha-black-40)";
646
+ readonly 'color/alpha/black-60': "var(--color-alpha-black-60)";
647
+ readonly 'color/alpha/white-05': "var(--color-alpha-white-05)";
648
+ readonly 'color/alpha/white-10': "var(--color-alpha-white-10)";
649
+ readonly 'color/alpha/white-20': "var(--color-alpha-white-20)";
650
+ readonly 'font/size/36': "var(--font-size-36)";
651
+ readonly 'scale/0': "var(--scale-0)";
652
+ readonly 'scale/1': "var(--scale-1)";
653
+ readonly 'scale/2': "var(--scale-2)";
654
+ readonly 'scale/4': "var(--scale-4)";
655
+ readonly 'scale/6': "var(--scale-6)";
656
+ readonly 'scale/8': "var(--scale-8)";
657
+ readonly 'scale/10': "var(--scale-10)";
658
+ readonly 'scale/12': "var(--scale-12)";
659
+ readonly 'scale/14': "var(--scale-14)";
660
+ readonly 'scale/16': "var(--scale-16)";
661
+ readonly 'scale/20': "var(--scale-20)";
662
+ readonly 'scale/24': "var(--scale-24)";
663
+ readonly 'scale/32': "var(--scale-32)";
664
+ readonly 'scale/full': "var(--scale-full)";
665
+ readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
666
+ readonly 'font/family/merriweather': "var(--font-family-merriweather)";
667
+ readonly 'font/family/space-mono': "var(--font-family-space-mono)";
668
+ readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
669
+ readonly 'font/weight/400': "var(--font-weight-400)";
670
+ readonly 'font/weight/500': "var(--font-weight-500)";
671
+ readonly 'font/weight/600': "var(--font-weight-600)";
672
+ readonly 'font/weight/700': "var(--font-weight-700)";
673
+ };
674
+ readonly semantics: {
675
+ readonly 'primary/50': "var(--primary-50)";
676
+ readonly 'primary/100': "var(--primary-100)";
677
+ readonly 'primary/200': "var(--primary-200)";
678
+ readonly 'primary/300': "var(--primary-300)";
679
+ readonly 'primary/400': "var(--primary-400)";
680
+ readonly 'primary/500': "var(--primary-500)";
681
+ readonly 'primary/600': "var(--primary-600)";
682
+ readonly 'primary/700': "var(--primary-700)";
683
+ readonly 'primary/800': "var(--primary-800)";
684
+ readonly 'primary/900': "var(--primary-900)";
685
+ readonly 'neutral/50': "var(--neutral-50)";
686
+ readonly 'neutral/100': "var(--neutral-100)";
687
+ readonly 'neutral/200': "var(--neutral-200)";
688
+ readonly 'neutral/300': "var(--neutral-300)";
689
+ readonly 'neutral/400': "var(--neutral-400)";
690
+ readonly 'neutral/500': "var(--neutral-500)";
691
+ readonly 'neutral/600': "var(--neutral-600)";
692
+ readonly 'neutral/700': "var(--neutral-700)";
693
+ readonly 'neutral/800': "var(--neutral-800)";
694
+ readonly 'neutral/900': "var(--neutral-900)";
695
+ readonly 'success/50': "var(--success-50)";
696
+ readonly 'success/100': "var(--success-100)";
697
+ readonly 'success/200': "var(--success-200)";
698
+ readonly 'success/300': "var(--success-300)";
699
+ readonly 'success/400': "var(--success-400)";
700
+ readonly 'success/500': "var(--success-500)";
701
+ readonly 'success/600': "var(--success-600)";
702
+ readonly 'success/700': "var(--success-700)";
703
+ readonly 'success/800': "var(--success-800)";
704
+ readonly 'success/900': "var(--success-900)";
705
+ readonly 'warning/50': "var(--warning-50)";
706
+ readonly 'warning/100': "var(--warning-100)";
707
+ readonly 'warning/200': "var(--warning-200)";
708
+ readonly 'warning/300': "var(--warning-300)";
709
+ readonly 'warning/400': "var(--warning-400)";
710
+ readonly 'warning/500': "var(--warning-500)";
711
+ readonly 'warning/600': "var(--warning-600)";
712
+ readonly 'warning/700': "var(--warning-700)";
713
+ readonly 'warning/800': "var(--warning-800)";
714
+ readonly 'warning/900': "var(--warning-900)";
715
+ readonly 'error/50': "var(--error-50)";
716
+ readonly 'error/100': "var(--error-100)";
717
+ readonly 'error/200': "var(--error-200)";
718
+ readonly 'error/300': "var(--error-300)";
719
+ readonly 'error/400': "var(--error-400)";
720
+ readonly 'error/500': "var(--error-500)";
721
+ readonly 'error/600': "var(--error-600)";
722
+ readonly 'error/700': "var(--error-700)";
723
+ readonly 'error/800': "var(--error-800)";
724
+ readonly 'error/900': "var(--error-900)";
725
+ readonly 'information/50': "var(--information-50)";
726
+ readonly 'information/100': "var(--information-100)";
727
+ readonly 'information/200': "var(--information-200)";
728
+ readonly 'information/300': "var(--information-300)";
729
+ readonly 'information/400': "var(--information-400)";
730
+ readonly 'information/500': "var(--information-500)";
731
+ readonly 'information/600': "var(--information-600)";
732
+ readonly 'information/700': "var(--information-700)";
733
+ readonly 'information/800': "var(--information-800)";
734
+ readonly 'information/900': "var(--information-900)";
735
+ readonly 'chart/1': "var(--chart-1)";
736
+ readonly 'chart/2': "var(--chart-2)";
737
+ readonly 'chart/3': "var(--chart-3)";
738
+ readonly 'chart/4': "var(--chart-4)";
739
+ readonly 'chart/5': "var(--chart-5)";
740
+ readonly 'chart/6': "var(--chart-6)";
741
+ readonly 'chart/7': "var(--chart-7)";
742
+ readonly 'chart/8': "var(--chart-8)";
743
+ readonly 'base/white': "var(--base-white)";
744
+ readonly 'base/black': "var(--base-black)";
745
+ readonly 'alpha/black-05': "var(--alpha-black-05)";
746
+ readonly 'alpha/black-10': "var(--alpha-black-10)";
747
+ readonly 'alpha/black-40': "var(--alpha-black-40)";
748
+ readonly 'alpha/black-60': "var(--alpha-black-60)";
749
+ readonly 'alpha/white-05': "var(--alpha-white-05)";
750
+ readonly 'alpha/white-10': "var(--alpha-white-10)";
751
+ readonly 'alpha/white-20': "var(--alpha-white-20)";
752
+ readonly 'radius/none': "var(--radius-none)";
753
+ readonly 'radius/2xs': "var(--radius-2xs)";
754
+ readonly 'radius/xs': "var(--radius-xs)";
755
+ readonly 'radius/sm': "var(--radius-sm)";
756
+ readonly 'radius/md': "var(--radius-md)";
757
+ readonly 'radius/lg': "var(--radius-lg)";
758
+ readonly 'radius/xl': "var(--radius-xl)";
759
+ readonly 'radius/2xl': "var(--radius-2xl)";
760
+ readonly 'radius/3xl': "var(--radius-3xl)";
761
+ readonly 'radius/4xl': "var(--radius-4xl)";
762
+ readonly 'radius/5xl': "var(--radius-5xl)";
763
+ readonly 'radius/6xl': "var(--radius-6xl)";
764
+ readonly 'radius/full': "var(--radius-full)";
765
+ readonly 'border-width/default': "var(--border-width-default)";
766
+ readonly 'border-width/thick': "var(--border-width-thick)";
767
+ readonly 'border-width/thicker': "var(--border-width-thicker)";
768
+ readonly 'font/family/sans': "var(--font-family-sans)";
769
+ readonly 'font/family/serif': "var(--font-family-serif)";
770
+ readonly 'font/family/mono': "var(--font-family-mono)";
771
+ readonly 'font/weight/regular': "var(--font-weight-regular)";
772
+ readonly 'font/weight/medium': "var(--font-weight-medium)";
773
+ readonly 'font/weight/semibold': "var(--font-weight-semibold)";
774
+ readonly 'font/weight/bold': "var(--font-weight-bold)";
775
+ readonly 'font/family/serif-display': "var(--font-family-serif-display)";
776
+ readonly 'icon-size/xs': "var(--icon-size-xs)";
777
+ readonly 'icon-size/sm': "var(--icon-size-sm)";
778
+ readonly 'icon-size/md': "var(--icon-size-md)";
779
+ readonly 'icon-size/lg': "var(--icon-size-lg)";
780
+ readonly 'icon-size/xl': "var(--icon-size-xl)";
781
+ };
782
+ };
783
+ export type TokenTier = keyof typeof tokens;
784
+ export type BreakpointToken = keyof typeof breakpoint;
785
+ export type InterfaceToken = keyof typeof ui;
786
+ export type PrimitivesToken = keyof typeof primitives;
787
+ export type SemanticsToken = keyof typeof semantics;
788
+ export type Theme = 'light' | 'dark';
789
+ export type Brand = 'ionbase';
790
+ export type Breakpoint = 'desktop' | 'tablet' | 'mobile';
791
+ /** Raw per-mode values. Prefer the `var()` references above in components. */
792
+ export declare const tokenValues: {
793
+ readonly "grid/margin": {
794
+ readonly Desktop: 80;
795
+ readonly Tablet: 40;
796
+ readonly Mobile: 20;
797
+ };
798
+ readonly "grid/gutter": {
799
+ readonly Desktop: 24;
800
+ readonly Tablet: 20;
801
+ readonly Mobile: 16;
802
+ };
803
+ readonly "grid/columns": {
804
+ readonly Desktop: 12;
805
+ readonly Tablet: 8;
806
+ readonly Mobile: 4;
807
+ };
808
+ readonly "container/max-width": {
809
+ readonly Desktop: 1216;
810
+ readonly Tablet: 896;
811
+ readonly Mobile: 9999;
812
+ };
813
+ readonly "section/gap-y": {
814
+ readonly Desktop: 96;
815
+ readonly Tablet: 64;
816
+ readonly Mobile: 48;
817
+ };
818
+ readonly "section/gap-y-sm": {
819
+ readonly Desktop: 64;
820
+ readonly Tablet: 48;
821
+ readonly Mobile: 32;
822
+ };
823
+ readonly "type/display": {
824
+ readonly Desktop: "{font.size.64}";
825
+ readonly Tablet: "{font.size.48}";
826
+ readonly Mobile: "{font.size.36}";
827
+ };
828
+ readonly "type/display/line-height": {
829
+ readonly Desktop: 72;
830
+ readonly Tablet: 56;
831
+ readonly Mobile: 44;
832
+ };
833
+ readonly "type/h1": {
834
+ readonly Desktop: "{font.size.48}";
835
+ readonly Tablet: "{font.size.40}";
836
+ readonly Mobile: "{font.size.32}";
837
+ };
838
+ readonly "type/h1/line-height": {
839
+ readonly Desktop: 56;
840
+ readonly Tablet: 48;
841
+ readonly Mobile: 40;
842
+ };
843
+ readonly "type/h2": {
844
+ readonly Desktop: "{font.size.40}";
845
+ readonly Tablet: "{font.size.32}";
846
+ readonly Mobile: "{font.size.28}";
847
+ };
848
+ readonly "type/h2/line-height": {
849
+ readonly Desktop: 48;
850
+ readonly Tablet: 40;
851
+ readonly Mobile: 36;
852
+ };
853
+ readonly "type/h3": {
854
+ readonly Desktop: "{font.size.32}";
855
+ readonly Tablet: "{font.size.28}";
856
+ readonly Mobile: "{font.size.24}";
857
+ };
858
+ readonly "type/h3/line-height": {
859
+ readonly Desktop: 40;
860
+ readonly Tablet: 36;
861
+ readonly Mobile: 32;
862
+ };
863
+ readonly "type/h4": {
864
+ readonly Desktop: "{font.size.24}";
865
+ readonly Tablet: "{font.size.24}";
866
+ readonly Mobile: "{font.size.20}";
867
+ };
868
+ readonly "type/h4/line-height": {
869
+ readonly Desktop: 32;
870
+ readonly Tablet: 32;
871
+ readonly Mobile: 28;
872
+ };
873
+ readonly "type/h5": {
874
+ readonly Desktop: "{font.size.20}";
875
+ readonly Tablet: "{font.size.20}";
876
+ readonly Mobile: "{font.size.18}";
877
+ };
878
+ readonly "type/h5/line-height": {
879
+ readonly Desktop: 28;
880
+ readonly Tablet: 28;
881
+ readonly Mobile: 26;
882
+ };
883
+ readonly "type/h6": {
884
+ readonly Desktop: "{font.size.18}";
885
+ readonly Tablet: "{font.size.16}";
886
+ readonly Mobile: "{font.size.16}";
887
+ };
888
+ readonly "type/h6/line-height": {
889
+ readonly Desktop: 26;
890
+ readonly Tablet: 24;
891
+ readonly Mobile: 24;
892
+ };
893
+ readonly "type/body-lg": {
894
+ readonly Desktop: "{font.size.20}";
895
+ readonly Tablet: "{font.size.20}";
896
+ readonly Mobile: "{font.size.18}";
897
+ };
898
+ readonly "type/body-lg/line-height": {
899
+ readonly Desktop: 32;
900
+ readonly Tablet: 32;
901
+ readonly Mobile: 30;
902
+ };
903
+ readonly "type/body-md": {
904
+ readonly Desktop: "{font.size.18}";
905
+ readonly Tablet: "{font.size.18}";
906
+ readonly Mobile: "{font.size.16}";
907
+ };
908
+ readonly "type/body-md/line-height": {
909
+ readonly Desktop: 28;
910
+ readonly Tablet: 28;
911
+ readonly Mobile: 26;
912
+ };
913
+ readonly "type/body": {
914
+ readonly Desktop: "{font.size.16}";
915
+ readonly Tablet: "{font.size.16}";
916
+ readonly Mobile: "{font.size.16}";
917
+ };
918
+ readonly "type/body/line-height": {
919
+ readonly Desktop: 24;
920
+ readonly Tablet: 24;
921
+ readonly Mobile: 24;
922
+ };
923
+ readonly "type/body-sm": {
924
+ readonly Desktop: "{font.size.14}";
925
+ readonly Tablet: "{font.size.14}";
926
+ readonly Mobile: "{font.size.14}";
927
+ };
928
+ readonly "type/body-sm/line-height": {
929
+ readonly Desktop: 20;
930
+ readonly Tablet: 20;
931
+ readonly Mobile: 20;
932
+ };
933
+ readonly "type/caption": {
934
+ readonly Desktop: "{font.size.12}";
935
+ readonly Tablet: "{font.size.12}";
936
+ readonly Mobile: "{font.size.12}";
937
+ };
938
+ readonly "type/caption/line-height": {
939
+ readonly Desktop: 18;
940
+ readonly Tablet: 18;
941
+ readonly Mobile: 16;
942
+ };
943
+ readonly "text/default": {
944
+ readonly Light: "{neutral.900}";
945
+ readonly Dark: "{neutral.50}";
946
+ };
947
+ readonly "text/secondary": {
948
+ readonly Light: "{neutral.700}";
949
+ readonly Dark: "{neutral.300}";
950
+ };
951
+ readonly "text/tertiary": {
952
+ readonly Light: "{neutral.600}";
953
+ readonly Dark: "{neutral.400}";
954
+ };
955
+ readonly "text/placeholder": {
956
+ readonly Light: "{neutral.400}";
957
+ readonly Dark: "{neutral.500}";
958
+ };
959
+ readonly "text/disabled": {
960
+ readonly Light: "{neutral.500}";
961
+ readonly Dark: "{neutral.500}";
962
+ };
963
+ readonly "text/on-color": {
964
+ readonly Light: "{base.white}";
965
+ readonly Dark: "{base.black}";
966
+ };
967
+ readonly "text/inverse": {
968
+ readonly Light: "{neutral.50}";
969
+ readonly Dark: "{neutral.900}";
970
+ };
971
+ readonly "text/primary": {
972
+ readonly Light: "{primary.600}";
973
+ readonly Dark: "{primary.400}";
974
+ };
975
+ readonly "text/error": {
976
+ readonly Light: "{error.700}";
977
+ readonly Dark: "{error.400}";
978
+ };
979
+ readonly "text/success": {
980
+ readonly Light: "{success.700}";
981
+ readonly Dark: "{success.400}";
982
+ };
983
+ readonly "text/warning": {
984
+ readonly Light: "{warning.700}";
985
+ readonly Dark: "{warning.400}";
986
+ };
987
+ readonly "text/information": {
988
+ readonly Light: "{information.700}";
989
+ readonly Dark: "{information.400}";
990
+ };
991
+ readonly "text/link": {
992
+ readonly Light: "{primary.700}";
993
+ readonly Dark: "{primary.400}";
994
+ };
995
+ readonly "text/link/hover": {
996
+ readonly Light: "{primary.800}";
997
+ readonly Dark: "{primary.300}";
998
+ };
999
+ readonly "text/link/visited": {
1000
+ readonly Light: "{information.700}";
1001
+ readonly Dark: "{information.400}";
1002
+ };
1003
+ readonly "text/interactive": {
1004
+ readonly Light: "{neutral.700}";
1005
+ readonly Dark: "{neutral.300}";
1006
+ };
1007
+ readonly "text/interactive/hover": {
1008
+ readonly Light: "{neutral.900}";
1009
+ readonly Dark: "{neutral.50}";
1010
+ };
1011
+ readonly "icon/default": {
1012
+ readonly Light: "{neutral.800}";
1013
+ readonly Dark: "{neutral.100}";
1014
+ };
1015
+ readonly "icon/secondary": {
1016
+ readonly Light: "{neutral.700}";
1017
+ readonly Dark: "{neutral.300}";
1018
+ };
1019
+ readonly "icon/tertiary": {
1020
+ readonly Light: "{neutral.600}";
1021
+ readonly Dark: "{neutral.400}";
1022
+ };
1023
+ readonly "icon/disabled": {
1024
+ readonly Light: "{neutral.500}";
1025
+ readonly Dark: "{neutral.500}";
1026
+ };
1027
+ readonly "icon/on-color": {
1028
+ readonly Light: "{base.white}";
1029
+ readonly Dark: "{base.white}";
1030
+ };
1031
+ readonly "icon/inverse": {
1032
+ readonly Light: "{neutral.50}";
1033
+ readonly Dark: "{neutral.900}";
1034
+ };
1035
+ readonly "icon/primary": {
1036
+ readonly Light: "{primary.600}";
1037
+ readonly Dark: "{primary.400}";
1038
+ };
1039
+ readonly "icon/error": {
1040
+ readonly Light: "{error.600}";
1041
+ readonly Dark: "{error.400}";
1042
+ };
1043
+ readonly "icon/success": {
1044
+ readonly Light: "{success.600}";
1045
+ readonly Dark: "{success.400}";
1046
+ };
1047
+ readonly "icon/warning": {
1048
+ readonly Light: "{warning.600}";
1049
+ readonly Dark: "{warning.400}";
1050
+ };
1051
+ readonly "icon/information": {
1052
+ readonly Light: "{information.600}";
1053
+ readonly Dark: "{information.400}";
1054
+ };
1055
+ readonly "icon/interactive": {
1056
+ readonly Light: "{neutral.700}";
1057
+ readonly Dark: "{neutral.300}";
1058
+ };
1059
+ readonly "surface/default": {
1060
+ readonly Light: "{base.white}";
1061
+ readonly Dark: "{base.black}";
1062
+ };
1063
+ readonly "icon/interactive/hover": {
1064
+ readonly Light: "{neutral.900}";
1065
+ readonly Dark: "{neutral.50}";
1066
+ };
1067
+ readonly "surface/page": {
1068
+ readonly Light: "{neutral.50}";
1069
+ readonly Dark: "{neutral.900}";
1070
+ };
1071
+ readonly "surface/sunken": {
1072
+ readonly Light: "{neutral.100}";
1073
+ readonly Dark: "{neutral.900}";
1074
+ };
1075
+ readonly "surface/subtle": {
1076
+ readonly Light: "{neutral.200}";
1077
+ readonly Dark: "{neutral.800}";
1078
+ };
1079
+ readonly "surface/muted": {
1080
+ readonly Light: "{neutral.100}";
1081
+ readonly Dark: "{neutral.800}";
1082
+ };
1083
+ readonly "surface/raised": {
1084
+ readonly Light: "{base.white}";
1085
+ readonly Dark: "{neutral.800}";
1086
+ };
1087
+ readonly "surface/overlay": {
1088
+ readonly Light: "{base.white}";
1089
+ readonly Dark: "{base.black}";
1090
+ };
1091
+ readonly "surface/scrim": {
1092
+ readonly Light: "{alpha.black-40}";
1093
+ readonly Dark: "{alpha.black-60}";
1094
+ };
1095
+ readonly "surface/inverse": {
1096
+ readonly Light: "{neutral.900}";
1097
+ readonly Dark: "{base.white}";
1098
+ };
1099
+ readonly "surface/inverse-subtle": {
1100
+ readonly Light: "{neutral.700}";
1101
+ readonly Dark: "{neutral.200}";
1102
+ };
1103
+ readonly "surface/disabled": {
1104
+ readonly Light: "{neutral.100}";
1105
+ readonly Dark: "{neutral.800}";
1106
+ };
1107
+ readonly "surface/placeholder": {
1108
+ readonly Light: "{neutral.300}";
1109
+ readonly Dark: "{neutral.600}";
1110
+ };
1111
+ readonly "surface/hover": {
1112
+ readonly Light: "{alpha.black-05}";
1113
+ readonly Dark: "{alpha.white-05}";
1114
+ };
1115
+ readonly "surface/pressed": {
1116
+ readonly Light: "{alpha.black-10}";
1117
+ readonly Dark: "{alpha.white-10}";
1118
+ };
1119
+ readonly "surface/selected": {
1120
+ readonly Light: "{primary.50}";
1121
+ readonly Dark: "{primary.900}";
1122
+ };
1123
+ readonly "surface/selected-hover": {
1124
+ readonly Light: "{primary.100}";
1125
+ readonly Dark: "{primary.800}";
1126
+ };
1127
+ readonly "surface/primary": {
1128
+ readonly Light: "{primary.600}";
1129
+ readonly Dark: "{primary.500}";
1130
+ };
1131
+ readonly "surface/primary/hover": {
1132
+ readonly Light: "{primary.700}";
1133
+ readonly Dark: "{primary.400}";
1134
+ };
1135
+ readonly "surface/primary/pressed": {
1136
+ readonly Light: "{primary.800}";
1137
+ readonly Dark: "{primary.300}";
1138
+ };
1139
+ readonly "surface/primary-subtle": {
1140
+ readonly Light: "{primary.50}";
1141
+ readonly Dark: "{primary.900}";
1142
+ };
1143
+ readonly "surface/primary-subtle/hover": {
1144
+ readonly Light: "{primary.100}";
1145
+ readonly Dark: "{primary.800}";
1146
+ };
1147
+ readonly "surface/primary-tint": {
1148
+ readonly Light: "{primary.100}";
1149
+ readonly Dark: "{primary.800}";
1150
+ };
1151
+ readonly "surface/error": {
1152
+ readonly Light: "{error.600}";
1153
+ readonly Dark: "{error.500}";
1154
+ };
1155
+ readonly "surface/error/hover": {
1156
+ readonly Light: "{error.700}";
1157
+ readonly Dark: "{error.400}";
1158
+ };
1159
+ readonly "surface/error/pressed": {
1160
+ readonly Light: "{error.800}";
1161
+ readonly Dark: "{error.300}";
1162
+ };
1163
+ readonly "surface/error-subtle": {
1164
+ readonly Light: "{error.50}";
1165
+ readonly Dark: "{error.900}";
1166
+ };
1167
+ readonly "surface/error-subtle/hover": {
1168
+ readonly Light: "{error.100}";
1169
+ readonly Dark: "{error.800}";
1170
+ };
1171
+ readonly "surface/error-tint": {
1172
+ readonly Light: "{error.100}";
1173
+ readonly Dark: "{error.800}";
1174
+ };
1175
+ readonly "surface/success": {
1176
+ readonly Light: "{success.600}";
1177
+ readonly Dark: "{success.500}";
1178
+ };
1179
+ readonly "surface/success/hover": {
1180
+ readonly Light: "{success.700}";
1181
+ readonly Dark: "{success.400}";
1182
+ };
1183
+ readonly "surface/success/pressed": {
1184
+ readonly Light: "{success.800}";
1185
+ readonly Dark: "{success.300}";
1186
+ };
1187
+ readonly "surface/success-subtle": {
1188
+ readonly Light: "{success.50}";
1189
+ readonly Dark: "{success.900}";
1190
+ };
1191
+ readonly "surface/success-subtle/hover": {
1192
+ readonly Light: "{success.100}";
1193
+ readonly Dark: "{success.800}";
1194
+ };
1195
+ readonly "surface/success-tint": {
1196
+ readonly Light: "{success.100}";
1197
+ readonly Dark: "{success.800}";
1198
+ };
1199
+ readonly "surface/warning": {
1200
+ readonly Light: "{warning.600}";
1201
+ readonly Dark: "{warning.500}";
1202
+ };
1203
+ readonly "surface/warning/hover": {
1204
+ readonly Light: "{warning.700}";
1205
+ readonly Dark: "{warning.400}";
1206
+ };
1207
+ readonly "surface/warning/pressed": {
1208
+ readonly Light: "{warning.800}";
1209
+ readonly Dark: "{warning.300}";
1210
+ };
1211
+ readonly "surface/warning-subtle": {
1212
+ readonly Light: "{warning.50}";
1213
+ readonly Dark: "{warning.900}";
1214
+ };
1215
+ readonly "surface/warning-subtle/hover": {
1216
+ readonly Light: "{warning.100}";
1217
+ readonly Dark: "{warning.800}";
1218
+ };
1219
+ readonly "surface/warning-tint": {
1220
+ readonly Light: "{warning.100}";
1221
+ readonly Dark: "{warning.800}";
1222
+ };
1223
+ readonly "surface/information": {
1224
+ readonly Light: "{information.600}";
1225
+ readonly Dark: "{information.500}";
1226
+ };
1227
+ readonly "surface/information/hover": {
1228
+ readonly Light: "{information.700}";
1229
+ readonly Dark: "{information.400}";
1230
+ };
1231
+ readonly "surface/information/pressed": {
1232
+ readonly Light: "{information.800}";
1233
+ readonly Dark: "{information.300}";
1234
+ };
1235
+ readonly "surface/information-subtle": {
1236
+ readonly Light: "{information.50}";
1237
+ readonly Dark: "{information.900}";
1238
+ };
1239
+ readonly "surface/information-subtle/hover": {
1240
+ readonly Light: "{information.100}";
1241
+ readonly Dark: "{information.800}";
1242
+ };
1243
+ readonly "surface/information-tint": {
1244
+ readonly Light: "{information.100}";
1245
+ readonly Dark: "{information.800}";
1246
+ };
1247
+ readonly "border/subtle": {
1248
+ readonly Light: "{neutral.100}";
1249
+ readonly Dark: "{neutral.800}";
1250
+ };
1251
+ readonly "border/default": {
1252
+ readonly Light: "{neutral.200}";
1253
+ readonly Dark: "{neutral.700}";
1254
+ };
1255
+ readonly "border/strong": {
1256
+ readonly Light: "{neutral.300}";
1257
+ readonly Dark: "{neutral.600}";
1258
+ };
1259
+ readonly "border/stronger": {
1260
+ readonly Light: "{neutral.400}";
1261
+ readonly Dark: "{neutral.500}";
1262
+ };
1263
+ readonly "border/inverse": {
1264
+ readonly Light: "{neutral.900}";
1265
+ readonly Dark: "{neutral.50}";
1266
+ };
1267
+ readonly "border/disabled": {
1268
+ readonly Light: "{neutral.200}";
1269
+ readonly Dark: "{neutral.700}";
1270
+ };
1271
+ readonly "border/transparent": {
1272
+ readonly Light: "{alpha.black-05}";
1273
+ readonly Dark: "{alpha.white-05}";
1274
+ };
1275
+ readonly "border/primary": {
1276
+ readonly Light: "{primary.500}";
1277
+ readonly Dark: "{primary.400}";
1278
+ };
1279
+ readonly "border/primary-strong": {
1280
+ readonly Light: "{primary.700}";
1281
+ readonly Dark: "{primary.600}";
1282
+ };
1283
+ readonly "border/primary-subtle": {
1284
+ readonly Light: "{primary.200}";
1285
+ readonly Dark: "{primary.800}";
1286
+ };
1287
+ readonly "border/error": {
1288
+ readonly Light: "{error.500}";
1289
+ readonly Dark: "{error.400}";
1290
+ };
1291
+ readonly "border/error-strong": {
1292
+ readonly Light: "{error.700}";
1293
+ readonly Dark: "{error.600}";
1294
+ };
1295
+ readonly "border/error-subtle": {
1296
+ readonly Light: "{error.200}";
1297
+ readonly Dark: "{error.800}";
1298
+ };
1299
+ readonly "border/success": {
1300
+ readonly Light: "{success.500}";
1301
+ readonly Dark: "{success.400}";
1302
+ };
1303
+ readonly "border/success-strong": {
1304
+ readonly Light: "{success.700}";
1305
+ readonly Dark: "{success.600}";
1306
+ };
1307
+ readonly "border/success-subtle": {
1308
+ readonly Light: "{success.200}";
1309
+ readonly Dark: "{success.800}";
1310
+ };
1311
+ readonly "border/warning": {
1312
+ readonly Light: "{warning.500}";
1313
+ readonly Dark: "{warning.400}";
1314
+ };
1315
+ readonly "border/warning-strong": {
1316
+ readonly Light: "{warning.700}";
1317
+ readonly Dark: "{warning.600}";
1318
+ };
1319
+ readonly "border/warning-subtle": {
1320
+ readonly Light: "{warning.200}";
1321
+ readonly Dark: "{warning.800}";
1322
+ };
1323
+ readonly "border/information": {
1324
+ readonly Light: "{information.500}";
1325
+ readonly Dark: "{information.400}";
1326
+ };
1327
+ readonly "border/information-strong": {
1328
+ readonly Light: "{information.700}";
1329
+ readonly Dark: "{information.600}";
1330
+ };
1331
+ readonly "border/information-subtle": {
1332
+ readonly Light: "{information.200}";
1333
+ readonly Dark: "{information.800}";
1334
+ };
1335
+ readonly "border/focus": {
1336
+ readonly Light: "{primary.500}";
1337
+ readonly Dark: "{primary.400}";
1338
+ };
1339
+ readonly "border/focus-error": {
1340
+ readonly Light: "{error.500}";
1341
+ readonly Dark: "{error.400}";
1342
+ };
1343
+ readonly "ring/focus": {
1344
+ readonly Light: "{primary.500}";
1345
+ readonly Dark: "{primary.400}";
1346
+ };
1347
+ readonly "ring/error": {
1348
+ readonly Light: "{error.500}";
1349
+ readonly Dark: "{error.400}";
1350
+ };
1351
+ readonly "ring/offset": {
1352
+ readonly Light: "{base.white}";
1353
+ readonly Dark: "{neutral.900}";
1354
+ };
1355
+ readonly "color/base/white": {
1356
+ readonly Value: "#ffffff";
1357
+ };
1358
+ readonly "color/base/black": {
1359
+ readonly Value: "#000000";
1360
+ };
1361
+ readonly "color/gray/50": {
1362
+ readonly Value: "#f6f8f9";
1363
+ };
1364
+ readonly "color/gray/100": {
1365
+ readonly Value: "#f0f2f4";
1366
+ };
1367
+ readonly "color/gray/200": {
1368
+ readonly Value: "#e5e7eb";
1369
+ };
1370
+ readonly "color/gray/300": {
1371
+ readonly Value: "#dde0e4";
1372
+ };
1373
+ readonly "color/gray/400": {
1374
+ readonly Value: "#9ca3b0";
1375
+ };
1376
+ readonly "color/gray/500": {
1377
+ readonly Value: "#6b7280";
1378
+ };
1379
+ readonly "color/gray/600": {
1380
+ readonly Value: "#4b5563";
1381
+ };
1382
+ readonly "color/gray/700": {
1383
+ readonly Value: "#384252";
1384
+ };
1385
+ readonly "color/gray/800": {
1386
+ readonly Value: "#1d2735";
1387
+ };
1388
+ readonly "color/gray/900": {
1389
+ readonly Value: "#131923";
1390
+ };
1391
+ readonly "color/purple/50": {
1392
+ readonly Value: "#f6f1f8";
1393
+ };
1394
+ readonly "color/purple/100": {
1395
+ readonly Value: "#f1e8fd";
1396
+ };
1397
+ readonly "color/purple/200": {
1398
+ readonly Value: "#dfd4fc";
1399
+ };
1400
+ readonly "color/purple/300": {
1401
+ readonly Value: "#adadf5";
1402
+ };
1403
+ readonly "color/purple/400": {
1404
+ readonly Value: "#7e6ff1";
1405
+ };
1406
+ readonly "color/purple/500": {
1407
+ readonly Value: "#5a4cd6";
1408
+ };
1409
+ readonly "color/purple/600": {
1410
+ readonly Value: "#4f3cc8";
1411
+ };
1412
+ readonly "color/purple/700": {
1413
+ readonly Value: "#4715b2";
1414
+ };
1415
+ readonly "color/purple/800": {
1416
+ readonly Value: "#350e8b";
1417
+ };
1418
+ readonly "color/purple/900": {
1419
+ readonly Value: "#260769";
1420
+ };
1421
+ readonly "color/red/50": {
1422
+ readonly Value: "#fef1f1";
1423
+ };
1424
+ readonly "color/red/100": {
1425
+ readonly Value: "#fee7e7";
1426
+ };
1427
+ readonly "color/red/200": {
1428
+ readonly Value: "#fed2d2";
1429
+ };
1430
+ readonly "color/red/300": {
1431
+ readonly Value: "#ffadad";
1432
+ };
1433
+ readonly "color/red/400": {
1434
+ readonly Value: "#f56b6b";
1435
+ };
1436
+ readonly "color/red/500": {
1437
+ readonly Value: "#ef4343";
1438
+ };
1439
+ readonly "color/red/600": {
1440
+ readonly Value: "#dc2828";
1441
+ };
1442
+ readonly "color/red/700": {
1443
+ readonly Value: "#ba1c1c";
1444
+ };
1445
+ readonly "color/red/800": {
1446
+ readonly Value: "#981b1b";
1447
+ };
1448
+ readonly "color/red/900": {
1449
+ readonly Value: "#811d1d";
1450
+ };
1451
+ readonly "color/orange/50": {
1452
+ readonly Value: "#fff4e5";
1453
+ };
1454
+ readonly "color/orange/100": {
1455
+ readonly Value: "#ffeed6";
1456
+ };
1457
+ readonly "color/orange/200": {
1458
+ readonly Value: "#fedbb4";
1459
+ };
1460
+ readonly "color/orange/300": {
1461
+ readonly Value: "#fdc17c";
1462
+ };
1463
+ readonly "color/orange/400": {
1464
+ readonly Value: "#ef8539";
1465
+ };
1466
+ readonly "color/orange/500": {
1467
+ readonly Value: "#ea5600";
1468
+ };
1469
+ readonly "color/orange/600": {
1470
+ readonly Value: "#af3e0e";
1471
+ };
1472
+ readonly "color/orange/700": {
1473
+ readonly Value: "#8e2f07";
1474
+ };
1475
+ readonly "color/orange/800": {
1476
+ readonly Value: "#671f07";
1477
+ };
1478
+ readonly "color/orange/900": {
1479
+ readonly Value: "#401604";
1480
+ };
1481
+ readonly "color/green/50": {
1482
+ readonly Value: "#effbf6";
1483
+ };
1484
+ readonly "color/green/100": {
1485
+ readonly Value: "#e4f7f3";
1486
+ };
1487
+ readonly "color/green/200": {
1488
+ readonly Value: "#c6ebdc";
1489
+ };
1490
+ readonly "color/green/300": {
1491
+ readonly Value: "#8fdbbb";
1492
+ };
1493
+ readonly "color/green/400": {
1494
+ readonly Value: "#50c38c";
1495
+ };
1496
+ readonly "color/green/500": {
1497
+ readonly Value: "#12a154";
1498
+ };
1499
+ readonly "color/green/600": {
1500
+ readonly Value: "#14994e";
1501
+ };
1502
+ readonly "color/green/700": {
1503
+ readonly Value: "#0d7d38";
1504
+ };
1505
+ readonly "color/green/800": {
1506
+ readonly Value: "#076426";
1507
+ };
1508
+ readonly "color/green/900": {
1509
+ readonly Value: "#054d1a";
1510
+ };
1511
+ readonly "color/blue/50": {
1512
+ readonly Value: "#ebf7ff";
1513
+ };
1514
+ readonly "color/blue/100": {
1515
+ readonly Value: "#e2f1fd";
1516
+ };
1517
+ readonly "color/blue/200": {
1518
+ readonly Value: "#c7e4fa";
1519
+ };
1520
+ readonly "color/blue/300": {
1521
+ readonly Value: "#9fd5f9";
1522
+ };
1523
+ readonly "color/blue/400": {
1524
+ readonly Value: "#609cf0";
1525
+ };
1526
+ readonly "color/blue/500": {
1527
+ readonly Value: "#286ef0";
1528
+ };
1529
+ readonly "color/blue/600": {
1530
+ readonly Value: "#1c62e3";
1531
+ };
1532
+ readonly "color/blue/700": {
1533
+ readonly Value: "#1541b2";
1534
+ };
1535
+ readonly "color/blue/800": {
1536
+ readonly Value: "#0e2d8b";
1537
+ };
1538
+ readonly "color/blue/900": {
1539
+ readonly Value: "#071e69";
1540
+ };
1541
+ readonly "color/yellow/50": {
1542
+ readonly Value: "#fefce7";
1543
+ };
1544
+ readonly "color/yellow/100": {
1545
+ readonly Value: "#fdf9d8";
1546
+ };
1547
+ readonly "color/yellow/200": {
1548
+ readonly Value: "#faef9e";
1549
+ };
1550
+ readonly "color/yellow/300": {
1551
+ readonly Value: "#f0dc7a";
1552
+ };
1553
+ readonly "color/yellow/400": {
1554
+ readonly Value: "#eac534";
1555
+ };
1556
+ readonly "color/yellow/500": {
1557
+ readonly Value: "#c89809";
1558
+ };
1559
+ readonly "color/yellow/600": {
1560
+ readonly Value: "#a97a14";
1561
+ };
1562
+ readonly "color/yellow/700": {
1563
+ readonly Value: "#91700d";
1564
+ };
1565
+ readonly "color/yellow/800": {
1566
+ readonly Value: "#795a0c";
1567
+ };
1568
+ readonly "color/yellow/900": {
1569
+ readonly Value: "#6f4815";
1570
+ };
1571
+ readonly "color/pink/50": {
1572
+ readonly Value: "#fdf2f8";
1573
+ };
1574
+ readonly "color/pink/100": {
1575
+ readonly Value: "#fce8f4";
1576
+ };
1577
+ readonly "color/pink/200": {
1578
+ readonly Value: "#fbd0e8";
1579
+ };
1580
+ readonly "color/pink/300": {
1581
+ readonly Value: "#f9a9d5";
1582
+ };
1583
+ readonly "color/pink/400": {
1584
+ readonly Value: "#f773b7";
1585
+ };
1586
+ readonly "color/pink/500": {
1587
+ readonly Value: "#f04299";
1588
+ };
1589
+ readonly "color/pink/600": {
1590
+ readonly Value: "#df2679";
1591
+ };
1592
+ readonly "color/pink/700": {
1593
+ readonly Value: "#c3135c";
1594
+ };
1595
+ readonly "color/pink/800": {
1596
+ readonly Value: "#a0134b";
1597
+ };
1598
+ readonly "color/pink/900": {
1599
+ readonly Value: "#881141";
1600
+ };
1601
+ readonly "spacing/0": {
1602
+ readonly Value: 0;
1603
+ };
1604
+ readonly "spacing/2": {
1605
+ readonly Value: 2;
1606
+ };
1607
+ readonly "spacing/4": {
1608
+ readonly Value: 4;
1609
+ };
1610
+ readonly "spacing/6": {
1611
+ readonly Value: 6;
1612
+ };
1613
+ readonly "spacing/8": {
1614
+ readonly Value: 8;
1615
+ };
1616
+ readonly "spacing/12": {
1617
+ readonly Value: 12;
1618
+ };
1619
+ readonly "spacing/16": {
1620
+ readonly Value: 16;
1621
+ };
1622
+ readonly "spacing/20": {
1623
+ readonly Value: 20;
1624
+ };
1625
+ readonly "spacing/24": {
1626
+ readonly Value: 24;
1627
+ };
1628
+ readonly "spacing/32": {
1629
+ readonly Value: 32;
1630
+ };
1631
+ readonly "spacing/40": {
1632
+ readonly Value: 40;
1633
+ };
1634
+ readonly "spacing/48": {
1635
+ readonly Value: 48;
1636
+ };
1637
+ readonly "spacing/64": {
1638
+ readonly Value: 64;
1639
+ };
1640
+ readonly "spacing/80": {
1641
+ readonly Value: 80;
1642
+ };
1643
+ readonly "spacing/96": {
1644
+ readonly Value: 96;
1645
+ };
1646
+ readonly "spacing/128": {
1647
+ readonly Value: 128;
1648
+ };
1649
+ readonly "font/size/12": {
1650
+ readonly Value: 12;
1651
+ };
1652
+ readonly "font/size/14": {
1653
+ readonly Value: 14;
1654
+ };
1655
+ readonly "font/size/16": {
1656
+ readonly Value: 16;
1657
+ };
1658
+ readonly "font/size/18": {
1659
+ readonly Value: 18;
1660
+ };
1661
+ readonly "font/size/20": {
1662
+ readonly Value: 20;
1663
+ };
1664
+ readonly "font/size/24": {
1665
+ readonly Value: 24;
1666
+ };
1667
+ readonly "font/size/28": {
1668
+ readonly Value: 28;
1669
+ };
1670
+ readonly "font/size/32": {
1671
+ readonly Value: 32;
1672
+ };
1673
+ readonly "font/size/40": {
1674
+ readonly Value: 40;
1675
+ };
1676
+ readonly "font/size/48": {
1677
+ readonly Value: 48;
1678
+ };
1679
+ readonly "font/size/56": {
1680
+ readonly Value: 56;
1681
+ };
1682
+ readonly "font/size/64": {
1683
+ readonly Value: 64;
1684
+ };
1685
+ readonly "font/size/72": {
1686
+ readonly Value: 72;
1687
+ };
1688
+ readonly "color/alpha/black-05": {
1689
+ readonly Value: "#0000000d";
1690
+ };
1691
+ readonly "color/alpha/black-10": {
1692
+ readonly Value: "#0000001a";
1693
+ };
1694
+ readonly "color/alpha/black-40": {
1695
+ readonly Value: "#00000066";
1696
+ };
1697
+ readonly "color/alpha/black-60": {
1698
+ readonly Value: "#00000099";
1699
+ };
1700
+ readonly "color/alpha/white-05": {
1701
+ readonly Value: "#ffffff0d";
1702
+ };
1703
+ readonly "color/alpha/white-10": {
1704
+ readonly Value: "#ffffff1a";
1705
+ };
1706
+ readonly "color/alpha/white-20": {
1707
+ readonly Value: "#ffffff33";
1708
+ };
1709
+ readonly "font/size/36": {
1710
+ readonly Value: 36;
1711
+ };
1712
+ readonly "scale/0": {
1713
+ readonly Value: 0;
1714
+ };
1715
+ readonly "scale/1": {
1716
+ readonly Value: 1;
1717
+ };
1718
+ readonly "scale/2": {
1719
+ readonly Value: 2;
1720
+ };
1721
+ readonly "scale/4": {
1722
+ readonly Value: 4;
1723
+ };
1724
+ readonly "scale/6": {
1725
+ readonly Value: 6;
1726
+ };
1727
+ readonly "scale/8": {
1728
+ readonly Value: 8;
1729
+ };
1730
+ readonly "scale/10": {
1731
+ readonly Value: 10;
1732
+ };
1733
+ readonly "scale/12": {
1734
+ readonly Value: 12;
1735
+ };
1736
+ readonly "scale/14": {
1737
+ readonly Value: 14;
1738
+ };
1739
+ readonly "scale/16": {
1740
+ readonly Value: 16;
1741
+ };
1742
+ readonly "scale/20": {
1743
+ readonly Value: 20;
1744
+ };
1745
+ readonly "scale/24": {
1746
+ readonly Value: 24;
1747
+ };
1748
+ readonly "scale/32": {
1749
+ readonly Value: 32;
1750
+ };
1751
+ readonly "scale/full": {
1752
+ readonly Value: 9999;
1753
+ };
1754
+ readonly "font/family/host-grotesk": {
1755
+ readonly Value: "Host Grotesk";
1756
+ };
1757
+ readonly "font/family/merriweather": {
1758
+ readonly Value: "Merriweather";
1759
+ };
1760
+ readonly "font/family/space-mono": {
1761
+ readonly Value: "Space Mono";
1762
+ };
1763
+ readonly "font/family/stix-two-text": {
1764
+ readonly Value: "STIX Two Text";
1765
+ };
1766
+ readonly "font/weight/400": {
1767
+ readonly Value: "Regular";
1768
+ };
1769
+ readonly "font/weight/500": {
1770
+ readonly Value: "Medium";
1771
+ };
1772
+ readonly "font/weight/600": {
1773
+ readonly Value: "SemiBold";
1774
+ };
1775
+ readonly "font/weight/700": {
1776
+ readonly Value: "Bold";
1777
+ };
1778
+ readonly "primary/50": {
1779
+ readonly IonBase: "{color.blue.50}";
1780
+ };
1781
+ readonly "primary/100": {
1782
+ readonly IonBase: "{color.blue.100}";
1783
+ };
1784
+ readonly "primary/200": {
1785
+ readonly IonBase: "{color.blue.200}";
1786
+ };
1787
+ readonly "primary/300": {
1788
+ readonly IonBase: "{color.blue.300}";
1789
+ };
1790
+ readonly "primary/400": {
1791
+ readonly IonBase: "{color.blue.400}";
1792
+ };
1793
+ readonly "primary/500": {
1794
+ readonly IonBase: "{color.blue.500}";
1795
+ };
1796
+ readonly "primary/600": {
1797
+ readonly IonBase: "{color.blue.600}";
1798
+ };
1799
+ readonly "primary/700": {
1800
+ readonly IonBase: "{color.blue.700}";
1801
+ };
1802
+ readonly "primary/800": {
1803
+ readonly IonBase: "{color.blue.800}";
1804
+ };
1805
+ readonly "primary/900": {
1806
+ readonly IonBase: "{color.blue.900}";
1807
+ };
1808
+ readonly "neutral/50": {
1809
+ readonly IonBase: "{color.gray.50}";
1810
+ };
1811
+ readonly "neutral/100": {
1812
+ readonly IonBase: "{color.gray.100}";
1813
+ };
1814
+ readonly "neutral/200": {
1815
+ readonly IonBase: "{color.gray.200}";
1816
+ };
1817
+ readonly "neutral/300": {
1818
+ readonly IonBase: "{color.gray.300}";
1819
+ };
1820
+ readonly "neutral/400": {
1821
+ readonly IonBase: "{color.gray.400}";
1822
+ };
1823
+ readonly "neutral/500": {
1824
+ readonly IonBase: "{color.gray.500}";
1825
+ };
1826
+ readonly "neutral/600": {
1827
+ readonly IonBase: "{color.gray.600}";
1828
+ };
1829
+ readonly "neutral/700": {
1830
+ readonly IonBase: "{color.gray.700}";
1831
+ };
1832
+ readonly "neutral/800": {
1833
+ readonly IonBase: "{color.gray.800}";
1834
+ };
1835
+ readonly "neutral/900": {
1836
+ readonly IonBase: "{color.gray.900}";
1837
+ };
1838
+ readonly "success/50": {
1839
+ readonly IonBase: "{color.green.50}";
1840
+ };
1841
+ readonly "success/100": {
1842
+ readonly IonBase: "{color.green.100}";
1843
+ };
1844
+ readonly "success/200": {
1845
+ readonly IonBase: "{color.green.200}";
1846
+ };
1847
+ readonly "success/300": {
1848
+ readonly IonBase: "{color.green.300}";
1849
+ };
1850
+ readonly "success/400": {
1851
+ readonly IonBase: "{color.green.400}";
1852
+ };
1853
+ readonly "success/500": {
1854
+ readonly IonBase: "{color.green.500}";
1855
+ };
1856
+ readonly "success/600": {
1857
+ readonly IonBase: "{color.green.600}";
1858
+ };
1859
+ readonly "success/700": {
1860
+ readonly IonBase: "{color.green.700}";
1861
+ };
1862
+ readonly "success/800": {
1863
+ readonly IonBase: "{color.green.800}";
1864
+ };
1865
+ readonly "success/900": {
1866
+ readonly IonBase: "{color.green.900}";
1867
+ };
1868
+ readonly "warning/50": {
1869
+ readonly IonBase: "{color.orange.50}";
1870
+ };
1871
+ readonly "warning/100": {
1872
+ readonly IonBase: "{color.orange.100}";
1873
+ };
1874
+ readonly "warning/200": {
1875
+ readonly IonBase: "{color.orange.200}";
1876
+ };
1877
+ readonly "warning/300": {
1878
+ readonly IonBase: "{color.orange.300}";
1879
+ };
1880
+ readonly "warning/400": {
1881
+ readonly IonBase: "{color.orange.400}";
1882
+ };
1883
+ readonly "warning/500": {
1884
+ readonly IonBase: "{color.orange.500}";
1885
+ };
1886
+ readonly "warning/600": {
1887
+ readonly IonBase: "{color.orange.600}";
1888
+ };
1889
+ readonly "warning/700": {
1890
+ readonly IonBase: "{color.orange.700}";
1891
+ };
1892
+ readonly "warning/800": {
1893
+ readonly IonBase: "{color.orange.800}";
1894
+ };
1895
+ readonly "warning/900": {
1896
+ readonly IonBase: "{color.orange.900}";
1897
+ };
1898
+ readonly "error/50": {
1899
+ readonly IonBase: "{color.red.50}";
1900
+ };
1901
+ readonly "error/100": {
1902
+ readonly IonBase: "{color.red.100}";
1903
+ };
1904
+ readonly "error/200": {
1905
+ readonly IonBase: "{color.red.200}";
1906
+ };
1907
+ readonly "error/300": {
1908
+ readonly IonBase: "{color.red.300}";
1909
+ };
1910
+ readonly "error/400": {
1911
+ readonly IonBase: "{color.red.400}";
1912
+ };
1913
+ readonly "error/500": {
1914
+ readonly IonBase: "{color.red.500}";
1915
+ };
1916
+ readonly "error/600": {
1917
+ readonly IonBase: "{color.red.600}";
1918
+ };
1919
+ readonly "error/700": {
1920
+ readonly IonBase: "{color.red.700}";
1921
+ };
1922
+ readonly "error/800": {
1923
+ readonly IonBase: "{color.red.800}";
1924
+ };
1925
+ readonly "error/900": {
1926
+ readonly IonBase: "{color.red.900}";
1927
+ };
1928
+ readonly "information/50": {
1929
+ readonly IonBase: "{color.purple.50}";
1930
+ };
1931
+ readonly "information/100": {
1932
+ readonly IonBase: "{color.purple.100}";
1933
+ };
1934
+ readonly "information/200": {
1935
+ readonly IonBase: "{color.purple.200}";
1936
+ };
1937
+ readonly "information/300": {
1938
+ readonly IonBase: "{color.purple.300}";
1939
+ };
1940
+ readonly "information/400": {
1941
+ readonly IonBase: "{color.purple.400}";
1942
+ };
1943
+ readonly "information/500": {
1944
+ readonly IonBase: "{color.purple.500}";
1945
+ };
1946
+ readonly "information/600": {
1947
+ readonly IonBase: "{color.purple.600}";
1948
+ };
1949
+ readonly "information/700": {
1950
+ readonly IonBase: "{color.purple.700}";
1951
+ };
1952
+ readonly "information/800": {
1953
+ readonly IonBase: "{color.purple.800}";
1954
+ };
1955
+ readonly "information/900": {
1956
+ readonly IonBase: "{color.purple.900}";
1957
+ };
1958
+ readonly "chart/1": {
1959
+ readonly IonBase: "{color.blue.500}";
1960
+ };
1961
+ readonly "chart/2": {
1962
+ readonly IonBase: "{color.green.500}";
1963
+ };
1964
+ readonly "chart/3": {
1965
+ readonly IonBase: "{color.purple.500}";
1966
+ };
1967
+ readonly "chart/4": {
1968
+ readonly IonBase: "{color.orange.500}";
1969
+ };
1970
+ readonly "chart/5": {
1971
+ readonly IonBase: "{color.pink.500}";
1972
+ };
1973
+ readonly "chart/6": {
1974
+ readonly IonBase: "{color.yellow.600}";
1975
+ };
1976
+ readonly "chart/7": {
1977
+ readonly IonBase: "{color.red.500}";
1978
+ };
1979
+ readonly "chart/8": {
1980
+ readonly IonBase: "{color.gray.500}";
1981
+ };
1982
+ readonly "base/white": {
1983
+ readonly IonBase: "{color.base.white}";
1984
+ };
1985
+ readonly "base/black": {
1986
+ readonly IonBase: "{color.base.black}";
1987
+ };
1988
+ readonly "alpha/black-05": {
1989
+ readonly IonBase: "{color.alpha.black-05}";
1990
+ };
1991
+ readonly "alpha/black-10": {
1992
+ readonly IonBase: "{color.alpha.black-10}";
1993
+ };
1994
+ readonly "alpha/black-40": {
1995
+ readonly IonBase: "{color.alpha.black-40}";
1996
+ };
1997
+ readonly "alpha/black-60": {
1998
+ readonly IonBase: "{color.alpha.black-60}";
1999
+ };
2000
+ readonly "alpha/white-05": {
2001
+ readonly IonBase: "{color.alpha.white-05}";
2002
+ };
2003
+ readonly "alpha/white-10": {
2004
+ readonly IonBase: "{color.alpha.white-10}";
2005
+ };
2006
+ readonly "alpha/white-20": {
2007
+ readonly IonBase: "{color.alpha.white-20}";
2008
+ };
2009
+ readonly "radius/none": {
2010
+ readonly IonBase: "{scale.0}";
2011
+ };
2012
+ readonly "radius/2xs": {
2013
+ readonly IonBase: "{scale.2}";
2014
+ };
2015
+ readonly "radius/xs": {
2016
+ readonly IonBase: "{scale.4}";
2017
+ };
2018
+ readonly "radius/sm": {
2019
+ readonly IonBase: "{scale.6}";
2020
+ };
2021
+ readonly "radius/md": {
2022
+ readonly IonBase: "{scale.8}";
2023
+ };
2024
+ readonly "radius/lg": {
2025
+ readonly IonBase: "{scale.10}";
2026
+ };
2027
+ readonly "radius/xl": {
2028
+ readonly IonBase: "{scale.12}";
2029
+ };
2030
+ readonly "radius/2xl": {
2031
+ readonly IonBase: "{scale.14}";
2032
+ };
2033
+ readonly "radius/3xl": {
2034
+ readonly IonBase: "{scale.16}";
2035
+ };
2036
+ readonly "radius/4xl": {
2037
+ readonly IonBase: "{scale.20}";
2038
+ };
2039
+ readonly "radius/5xl": {
2040
+ readonly IonBase: "{scale.24}";
2041
+ };
2042
+ readonly "radius/6xl": {
2043
+ readonly IonBase: "{scale.32}";
2044
+ };
2045
+ readonly "radius/full": {
2046
+ readonly IonBase: "{scale.full}";
2047
+ };
2048
+ readonly "border-width/default": {
2049
+ readonly IonBase: "{scale.1}";
2050
+ };
2051
+ readonly "border-width/thick": {
2052
+ readonly IonBase: "{scale.2}";
2053
+ };
2054
+ readonly "border-width/thicker": {
2055
+ readonly IonBase: "{scale.4}";
2056
+ };
2057
+ readonly "font/family/sans": {
2058
+ readonly IonBase: "{font.family.host-grotesk}";
2059
+ };
2060
+ readonly "font/family/serif": {
2061
+ readonly IonBase: "{font.family.merriweather}";
2062
+ };
2063
+ readonly "font/family/mono": {
2064
+ readonly IonBase: "{font.family.space-mono}";
2065
+ };
2066
+ readonly "font/weight/regular": {
2067
+ readonly IonBase: "{font.weight.400}";
2068
+ };
2069
+ readonly "font/weight/medium": {
2070
+ readonly IonBase: "{font.weight.500}";
2071
+ };
2072
+ readonly "font/weight/semibold": {
2073
+ readonly IonBase: "{font.weight.600}";
2074
+ };
2075
+ readonly "font/weight/bold": {
2076
+ readonly IonBase: "{font.weight.700}";
2077
+ };
2078
+ readonly "font/family/serif-display": {
2079
+ readonly IonBase: "{font.family.stix-two-text}";
2080
+ };
2081
+ readonly "icon-size/xs": {
2082
+ readonly IonBase: "{spacing.12}";
2083
+ };
2084
+ readonly "icon-size/sm": {
2085
+ readonly IonBase: "{spacing.16}";
2086
+ };
2087
+ readonly "icon-size/md": {
2088
+ readonly IonBase: "{spacing.20}";
2089
+ };
2090
+ readonly "icon-size/lg": {
2091
+ readonly IonBase: "{spacing.24}";
2092
+ };
2093
+ readonly "icon-size/xl": {
2094
+ readonly IonBase: "{spacing.32}";
2095
+ };
2096
+ };
2097
+ //# sourceMappingURL=index.d.ts.map