@vsn-ux/gaia-styles 0.5.19 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/all-10pt.css +514 -226
  2. package/dist/all-no-reset-10pt.css +507 -225
  3. package/dist/all-no-reset.css +507 -225
  4. package/dist/all.css +514 -226
  5. package/dist/base.css +1 -1
  6. package/dist/components/avatar.css +11 -2
  7. package/dist/components/badge.css +45 -12
  8. package/dist/components/button.css +19 -3
  9. package/dist/components/calendar.css +52 -20
  10. package/dist/components/card.css +112 -9
  11. package/dist/components/checkbox.css +17 -2
  12. package/dist/components/container.css +1 -1
  13. package/dist/components/datepicker.css +90 -1
  14. package/dist/components/dropdown.css +108 -4
  15. package/dist/components/form-field.css +19 -3
  16. package/dist/components/input.css +17 -2
  17. package/dist/components/link.css +22 -3
  18. package/dist/components/menu.css +102 -5
  19. package/dist/components/modal.css +12 -3
  20. package/dist/components/notification.css +14 -5
  21. package/dist/components/progress-bar.css +5 -5
  22. package/dist/components/progress-indicator.css +19 -4
  23. package/dist/components/quick-filter-button.css +18 -2
  24. package/dist/components/radio.css +25 -7
  25. package/dist/components/segmented-control.css +20 -5
  26. package/dist/components/select.css +49 -7
  27. package/dist/components/switch.css +22 -9
  28. package/dist/components/tabs.css +19 -3
  29. package/dist/components/tag.css +31 -16
  30. package/dist/components/text-area.css +17 -2
  31. package/dist/components/text-size.css +14 -14
  32. package/dist/components/tooltip.css +19 -7
  33. package/dist/components.css +293 -132
  34. package/dist/design-tokens.css +214 -93
  35. package/dist/design-tokens.d.ts +294 -197
  36. package/dist/design-tokens.js +552 -2153
  37. package/dist/docs/Avatar.md +52 -0
  38. package/dist/docs/Badge.md +60 -0
  39. package/dist/docs/Button.md +60 -0
  40. package/dist/docs/Calendar.md +468 -0
  41. package/dist/docs/Card.md +57 -0
  42. package/dist/docs/Checkbox.md +112 -0
  43. package/dist/docs/Container.md +62 -0
  44. package/dist/docs/Datepicker.md +107 -0
  45. package/dist/docs/Dropdown.md +152 -0
  46. package/dist/docs/FormField.md +101 -0
  47. package/dist/docs/Input.md +84 -0
  48. package/dist/docs/Link.md +109 -0
  49. package/dist/docs/Menu.md +316 -0
  50. package/dist/docs/Modal.md +337 -0
  51. package/dist/docs/Notification.md +341 -0
  52. package/dist/docs/ProgressBar.md +87 -0
  53. package/dist/docs/ProgressIndicator.md +217 -0
  54. package/dist/docs/QuickFilterButton.md +74 -0
  55. package/dist/docs/Radio.md +106 -0
  56. package/dist/docs/SegmentedControl.md +69 -0
  57. package/dist/docs/Select.md +411 -0
  58. package/dist/docs/Switch.md +97 -0
  59. package/dist/docs/Tabs.md +129 -0
  60. package/dist/docs/Tag.md +154 -0
  61. package/dist/docs/TextArea.md +51 -0
  62. package/dist/docs/TextSize.md +63 -0
  63. package/dist/docs/Tooltip.md +95 -0
  64. package/dist/reset.css +8 -2
  65. package/package.json +33 -32
  66. package/src/design-tokens/desktop-overrides.json +62 -0
  67. package/src/design-tokens/dtcg-tokens.json +1345 -184
  68. package/src/design-tokens/resolver.json +22 -0
  69. package/src/styles/all-10pt.css +1 -0
  70. package/src/styles/all-no-reset-10pt.css +1 -0
  71. package/src/styles/all-no-reset.css +1 -0
  72. package/src/styles/all.css +1 -0
  73. package/src/styles/components/badge.css +6 -6
  74. package/src/styles/components/button.css +2 -2
  75. package/src/styles/components/calendar.css +4 -4
  76. package/src/styles/components/card.css +8 -4
  77. package/src/styles/components/checkbox.css +1 -1
  78. package/src/styles/components/datepicker.css +1 -1
  79. package/src/styles/components/dropdown.css +2 -2
  80. package/src/styles/components/form-field.css +1 -1
  81. package/src/styles/components/input.css +1 -1
  82. package/src/styles/components/link.css +1 -1
  83. package/src/styles/components/menu.css +2 -2
  84. package/src/styles/components/notification.css +1 -1
  85. package/src/styles/components/progress-bar.css +1 -1
  86. package/src/styles/components/progress-indicator.css +1 -1
  87. package/src/styles/components/quick-filter-button.css +1 -1
  88. package/src/styles/components/radio.css +1 -1
  89. package/src/styles/components/segmented-control.css +3 -3
  90. package/src/styles/components/select.css +1 -1
  91. package/src/styles/components/switch.css +3 -3
  92. package/src/styles/components/tabs.css +2 -2
  93. package/src/styles/components/tag.css +12 -17
  94. package/src/styles/components/text-area.css +1 -1
  95. package/src/styles/components/text-size.css +7 -7
  96. package/src/styles/theme.css +16 -8
  97. package/src/styles/utilities.css +34 -0
@@ -1,209 +1,306 @@
1
1
  /** ------------------------------------------
2
2
  * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
3
3
  * ------------------------------------------- */
4
-
5
4
  import type {
6
5
  ColorTokenNormalized,
7
- DimensionTokenNormalized,
6
+ DurationTokenNormalized,
7
+ CubicBezierTokenNormalized,
8
8
  FontFamilyTokenNormalized,
9
9
  FontWeightTokenNormalized,
10
+ DimensionTokenNormalized,
11
+ ShadowTokenNormalized,
10
12
  TypographyTokenNormalized,
13
+ TransitionTokenNormalized,
11
14
  } from "@terrazzo/parser";
12
15
 
13
- export declare const tokens: {
14
- "color.white": Record<".", ColorTokenNormalized["$value"]>;
15
- "color.black": Record<".", ColorTokenNormalized["$value"]>;
16
- "color.cyan.60": Record<".", ColorTokenNormalized["$value"]>;
17
- "color.cyan.70": Record<".", ColorTokenNormalized["$value"]>;
18
- "color.cyan.80": Record<".", ColorTokenNormalized["$value"]>;
19
- "color.cyan.90": Record<".", ColorTokenNormalized["$value"]>;
20
- "color.orange.10": Record<".", ColorTokenNormalized["$value"]>;
21
- "color.orange.20": Record<".", ColorTokenNormalized["$value"]>;
22
- "color.orange.30": Record<".", ColorTokenNormalized["$value"]>;
23
- "color.orange.40": Record<".", ColorTokenNormalized["$value"]>;
24
- "color.orange.60": Record<".", ColorTokenNormalized["$value"]>;
25
- "color.neutral": Record<".", ColorTokenNormalized["$value"]>;
26
- "color.neutral.10": Record<".", ColorTokenNormalized["$value"]>;
27
- "color.neutral.20": Record<".", ColorTokenNormalized["$value"]>;
28
- "color.neutral.30": Record<".", ColorTokenNormalized["$value"]>;
29
- "color.neutral.50": Record<".", ColorTokenNormalized["$value"]>;
30
- "color.neutral.60": Record<".", ColorTokenNormalized["$value"]>;
31
- "color.blue.10": Record<".", ColorTokenNormalized["$value"]>;
32
- "color.blue.40": Record<".", ColorTokenNormalized["$value"]>;
33
- "color.blue.60": Record<".", ColorTokenNormalized["$value"]>;
34
- "color.blue.70": Record<".", ColorTokenNormalized["$value"]>;
35
- "color.green.10": Record<".", ColorTokenNormalized["$value"]>;
36
- "color.green.40": Record<".", ColorTokenNormalized["$value"]>;
37
- "color.green.60": Record<".", ColorTokenNormalized["$value"]>;
38
- "color.green.70": Record<".", ColorTokenNormalized["$value"]>;
39
- "color.red.10": Record<".", ColorTokenNormalized["$value"]>;
40
- "color.red.40": Record<".", ColorTokenNormalized["$value"]>;
41
- "color.red.60": Record<".", ColorTokenNormalized["$value"]>;
42
- "color.red.70": Record<".", ColorTokenNormalized["$value"]>;
43
- "color.grey.10": Record<".", ColorTokenNormalized["$value"]>;
44
- "color.grey.40": Record<".", ColorTokenNormalized["$value"]>;
45
- "color.lime.10": Record<".", ColorTokenNormalized["$value"]>;
46
- "color.lime.40": Record<".", ColorTokenNormalized["$value"]>;
47
- "color.teal.10": Record<".", ColorTokenNormalized["$value"]>;
48
- "color.teal.20": Record<".", ColorTokenNormalized["$value"]>;
49
- "color.teal.30": Record<".", ColorTokenNormalized["$value"]>;
50
- "color.teal.40": Record<".", ColorTokenNormalized["$value"]>;
51
- "color.teal.50": Record<".", ColorTokenNormalized["$value"]>;
52
- "color.teal.60": Record<".", ColorTokenNormalized["$value"]>;
53
- "color.teal.70": Record<".", ColorTokenNormalized["$value"]>;
54
- "color.teal.80": Record<".", ColorTokenNormalized["$value"]>;
55
- "color.teal.90": Record<".", ColorTokenNormalized["$value"]>;
56
- "color.teal.100": Record<".", ColorTokenNormalized["$value"]>;
57
- "color.indigo.10": Record<".", ColorTokenNormalized["$value"]>;
58
- "color.indigo.40": Record<".", ColorTokenNormalized["$value"]>;
59
- "color.purple.10": Record<".", ColorTokenNormalized["$value"]>;
60
- "color.purple.40": Record<".", ColorTokenNormalized["$value"]>;
61
- "color.purple.80": Record<".", ColorTokenNormalized["$value"]>;
62
- "color.pink.10": Record<".", ColorTokenNormalized["$value"]>;
63
- "color.pink.40": Record<".", ColorTokenNormalized["$value"]>;
64
- "color.rose.10": Record<".", ColorTokenNormalized["$value"]>;
65
- "color.rose.40": Record<".", ColorTokenNormalized["$value"]>;
66
- "color.yellow.10": Record<".", ColorTokenNormalized["$value"]>;
67
- "color.yellow.40": Record<".", ColorTokenNormalized["$value"]>;
68
- "color.primary": Record<".", ColorTokenNormalized["$value"]>;
69
- "color.primary.60": Record<".", ColorTokenNormalized["$value"]>;
70
- "color.primary.70": Record<".", ColorTokenNormalized["$value"]>;
71
- "color.primary.90": Record<".", ColorTokenNormalized["$value"]>;
72
- "color.secondary": Record<".", ColorTokenNormalized["$value"]>;
73
- "color.secondary.10": Record<".", ColorTokenNormalized["$value"]>;
74
- "color.secondary.30": Record<".", ColorTokenNormalized["$value"]>;
75
- "color.utility.blue": Record<".", ColorTokenNormalized["$value"]>;
76
- "color.utility.blue.light": Record<".", ColorTokenNormalized["$value"]>;
77
- "color.utility.green": Record<".", ColorTokenNormalized["$value"]>;
78
- "color.utility.green.light": Record<".", ColorTokenNormalized["$value"]>;
79
- "color.utility.grey": Record<".", ColorTokenNormalized["$value"]>;
80
- "color.utility.grey.light": Record<".", ColorTokenNormalized["$value"]>;
81
- "color.utility.indigo": Record<".", ColorTokenNormalized["$value"]>;
82
- "color.utility.indigo.light": Record<".", ColorTokenNormalized["$value"]>;
83
- "color.utility.lime": Record<".", ColorTokenNormalized["$value"]>;
84
- "color.utility.lime.light": Record<".", ColorTokenNormalized["$value"]>;
85
- "color.utility.orange": Record<".", ColorTokenNormalized["$value"]>;
86
- "color.utility.orange.light": Record<".", ColorTokenNormalized["$value"]>;
87
- "color.utility.pink": Record<".", ColorTokenNormalized["$value"]>;
88
- "color.utility.pink.light": Record<".", ColorTokenNormalized["$value"]>;
89
- "color.utility.purple": Record<".", ColorTokenNormalized["$value"]>;
90
- "color.utility.purple.light": Record<".", ColorTokenNormalized["$value"]>;
91
- "color.utility.red": Record<".", ColorTokenNormalized["$value"]>;
92
- "color.utility.red.light": Record<".", ColorTokenNormalized["$value"]>;
93
- "color.utility.rose": Record<".", ColorTokenNormalized["$value"]>;
94
- "color.utility.rose.light": Record<".", ColorTokenNormalized["$value"]>;
95
- "color.utility.teal": Record<".", ColorTokenNormalized["$value"]>;
96
- "color.utility.teal.light": Record<".", ColorTokenNormalized["$value"]>;
97
- "color.utility.yellow": Record<".", ColorTokenNormalized["$value"]>;
98
- "color.utility.yellow.light": Record<".", ColorTokenNormalized["$value"]>;
99
- "color.error": Record<".", ColorTokenNormalized["$value"]>;
100
- "color.error.light": Record<".", ColorTokenNormalized["$value"]>;
101
- "color.success": Record<".", ColorTokenNormalized["$value"]>;
102
- "color.success.light": Record<".", ColorTokenNormalized["$value"]>;
103
- "color.warning": Record<".", ColorTokenNormalized["$value"]>;
104
- "color.warning.light": Record<".", ColorTokenNormalized["$value"]>;
105
- "color.information": Record<".", ColorTokenNormalized["$value"]>;
106
- "color.information.light": Record<".", ColorTokenNormalized["$value"]>;
107
- "color.text.headings": Record<".", ColorTokenNormalized["$value"]>;
108
- "color.text.body": Record<".", ColorTokenNormalized["$value"]>;
109
- "color.text.action": Record<".", ColorTokenNormalized["$value"]>;
110
- "color.text.action-hover": Record<".", ColorTokenNormalized["$value"]>;
111
- "color.text.disabled": Record<".", ColorTokenNormalized["$value"]>;
112
- "color.text.disable-selected": Record<".", ColorTokenNormalized["$value"]>;
113
- "color.text.information": Record<".", ColorTokenNormalized["$value"]>;
114
- "color.text.success": Record<".", ColorTokenNormalized["$value"]>;
115
- "color.text.warning": Record<".", ColorTokenNormalized["$value"]>;
116
- "color.text.error": Record<".", ColorTokenNormalized["$value"]>;
117
- "color.text.on-action": Record<".", ColorTokenNormalized["$value"]>;
118
- "color.text.on-disabled": Record<".", ColorTokenNormalized["$value"]>;
119
- "color.text.link-visited": Record<".", ColorTokenNormalized["$value"]>;
120
- "color.text.menu": Record<".", ColorTokenNormalized["$value"]>;
121
- "color.text.body-secondary": Record<".", ColorTokenNormalized["$value"]>;
122
- "color.surface.page": Record<".", ColorTokenNormalized["$value"]>;
123
- "color.surface.primary": Record<".", ColorTokenNormalized["$value"]>;
124
- "color.surface.disabled": Record<".", ColorTokenNormalized["$value"]>;
125
- "color.surface.information": Record<".", ColorTokenNormalized["$value"]>;
126
- "color.surface.success": Record<".", ColorTokenNormalized["$value"]>;
127
- "color.surface.warning": Record<".", ColorTokenNormalized["$value"]>;
128
- "color.surface.error": Record<".", ColorTokenNormalized["$value"]>;
129
- "color.surface.action": Record<".", ColorTokenNormalized["$value"]>;
130
- "color.surface.action-hover": Record<".", ColorTokenNormalized["$value"]>;
131
- "color.surface.action-hover-2": Record<".", ColorTokenNormalized["$value"]>;
132
- "color.surface.disable-selected": Record<".", ColorTokenNormalized["$value"]>;
133
- "color.surface.selected": Record<".", ColorTokenNormalized["$value"]>;
134
- "color.border.primary": Record<".", ColorTokenNormalized["$value"]>;
135
- "color.border.secondary": Record<".", ColorTokenNormalized["$value"]>;
136
- "color.border.disabled": Record<".", ColorTokenNormalized["$value"]>;
137
- "color.border.information": Record<".", ColorTokenNormalized["$value"]>;
138
- "color.border.success": Record<".", ColorTokenNormalized["$value"]>;
139
- "color.border.warning": Record<".", ColorTokenNormalized["$value"]>;
140
- "color.border.error": Record<".", ColorTokenNormalized["$value"]>;
141
- "color.border.action": Record<".", ColorTokenNormalized["$value"]>;
142
- "color.border.action-hover": Record<".", ColorTokenNormalized["$value"]>;
143
- "color.border.action-hover-2": Record<".", ColorTokenNormalized["$value"]>;
144
- "color.border.focus": Record<".", ColorTokenNormalized["$value"]>;
145
- "color.border.selected": Record<".", ColorTokenNormalized["$value"]>;
146
- "color.border.tertiary": Record<".", ColorTokenNormalized["$value"]>;
147
- "color.icon.primary": Record<".", ColorTokenNormalized["$value"]>;
148
- "color.icon.on-primary": Record<".", ColorTokenNormalized["$value"]>;
149
- "color.icon.action": Record<".", ColorTokenNormalized["$value"]>;
150
- "color.icon.action-hover": Record<".", ColorTokenNormalized["$value"]>;
151
- "color.icon.on-action": Record<".", ColorTokenNormalized["$value"]>;
152
- "color.icon.information": Record<".", ColorTokenNormalized["$value"]>;
153
- "color.icon.on-disabled": Record<".", ColorTokenNormalized["$value"]>;
154
- "color.icon.success": Record<".", ColorTokenNormalized["$value"]>;
155
- "color.icon.warning": Record<".", ColorTokenNormalized["$value"]>;
156
- "color.icon.error": Record<".", ColorTokenNormalized["$value"]>;
157
- "color.icon.disabled": Record<".", ColorTokenNormalized["$value"]>;
158
- "color.icon.pictograms.pictogram-fill": Record<".", ColorTokenNormalized["$value"]>;
159
- "color.icon.pictograms.pictogram-emphasis": Record<".", ColorTokenNormalized["$value"]>;
160
- "color.sequential-graph.100": Record<".", ColorTokenNormalized["$value"]>;
161
- "color.sequential-graph.90": Record<".", ColorTokenNormalized["$value"]>;
162
- "color.sequential-graph.80": Record<".", ColorTokenNormalized["$value"]>;
163
- "color.sequential-graph.70": Record<".", ColorTokenNormalized["$value"]>;
164
- "color.sequential-graph.60": Record<".", ColorTokenNormalized["$value"]>;
165
- "color.sequential-graph.50": Record<".", ColorTokenNormalized["$value"]>;
166
- "color.sequential-graph.40": Record<".", ColorTokenNormalized["$value"]>;
167
- "color.sequential-graph.30": Record<".", ColorTokenNormalized["$value"]>;
168
- "color.sequential-graph.20": Record<".", ColorTokenNormalized["$value"]>;
169
- "color.sequential-graph.10": Record<".", ColorTokenNormalized["$value"]>;
170
- "color.miscellaneous.overlay": Record<".", ColorTokenNormalized["$value"]>;
171
- "color.miscellaneous.skeleton-element": Record<".", ColorTokenNormalized["$value"]>;
172
- "color.miscellaneous.skeleton-highlight": Record<".", ColorTokenNormalized["$value"]>;
173
- "size.border-width.none": Record<".", DimensionTokenNormalized["$value"]>;
174
- "size.border-width.sm": Record<".", DimensionTokenNormalized["$value"]>;
175
- "size.border-width.md": Record<".", DimensionTokenNormalized["$value"]>;
176
- "size.border-width.lg": Record<".", DimensionTokenNormalized["$value"]>;
177
- "size.spacing.00": Record<".", DimensionTokenNormalized["$value"]>;
178
- "size.spacing.01": Record<".", DimensionTokenNormalized["$value"]>;
179
- "size.spacing.02": Record<".", DimensionTokenNormalized["$value"]>;
180
- "size.spacing.03": Record<".", DimensionTokenNormalized["$value"]>;
181
- "size.spacing.04": Record<".", DimensionTokenNormalized["$value"]>;
182
- "size.spacing.05": Record<".", DimensionTokenNormalized["$value"]>;
183
- "size.spacing.06": Record<".", DimensionTokenNormalized["$value"]>;
184
- "size.spacing.07": Record<".", DimensionTokenNormalized["$value"]>;
185
- "size.spacing.08": Record<".", DimensionTokenNormalized["$value"]>;
186
- "size.spacing.09": Record<".", DimensionTokenNormalized["$value"]>;
187
- "size.spacing.10": Record<".", DimensionTokenNormalized["$value"]>;
188
- "size.spacing.11": Record<".", DimensionTokenNormalized["$value"]>;
189
- "size.spacing.12": Record<".", DimensionTokenNormalized["$value"]>;
190
- "size.spacing.13": Record<".", DimensionTokenNormalized["$value"]>;
191
- "radius": Record<".", DimensionTokenNormalized["$value"]>;
192
- "radius.round": Record<".", DimensionTokenNormalized["$value"]>;
193
- "radius.sharp": Record<".", DimensionTokenNormalized["$value"]>;
194
- "font.family.primary": Record<".", FontFamilyTokenNormalized["$value"]>;
195
- "font.weight.normal": Record<".", FontWeightTokenNormalized["$value"]>;
196
- "font.weight.medium": Record<".", FontWeightTokenNormalized["$value"]>;
197
- "font.weight.semibold": Record<".", FontWeightTokenNormalized["$value"]>;
198
- "font.weight.bold": Record<".", FontWeightTokenNormalized["$value"]>;
199
- "text.xs": Record<".", TypographyTokenNormalized["$value"]>;
200
- "text.sm": Record<".", TypographyTokenNormalized["$value"]>;
201
- "text.md": Record<".", TypographyTokenNormalized["$value"]>;
202
- "text.lg": Record<".", TypographyTokenNormalized["$value"]>;
203
- "text.xl": Record<".", TypographyTokenNormalized["$value"]>;
204
- "text.2xl": Record<".", TypographyTokenNormalized["$value"]>;
205
- "text.3xl": Record<".", TypographyTokenNormalized["$value"]>;
16
+ export const PERMUTATIONS: Record<string, TokenNormalizedSet>;
17
+
18
+ type InputType = {
19
+ "viewport": "mobile" | "desktop";
206
20
  };
207
21
 
208
- export declare function token<K extends keyof typeof tokens>(tokenID: K, modeName?: never): (typeof tokens)[K]["."];
209
- export declare function token<K extends keyof typeof tokens, M extends keyof (typeof tokens)[K]>(tokenID: K, modeName: M): (typeof tokens)[K][M];
22
+ export type Color = Pick<ColorTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
23
+ export type Duration = Pick<DurationTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
24
+ export type CubicBezier = Pick<CubicBezierTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
25
+ export type FontFamily = Pick<FontFamilyTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
26
+ export type FontWeight = Pick<FontWeightTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
27
+ export type Dimension = Pick<DimensionTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
28
+ export type Shadow = Pick<ShadowTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
29
+ export type Typography = Pick<TypographyTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
30
+ export type Transition = Pick<TransitionTokenNormalized, "$type" | "$value" | "$description" | "$extensions" | "$deprecated">;
31
+
32
+ export interface Tokens {
33
+ "color.black": Color;
34
+ "color.blue.10": Color;
35
+ "color.blue.40": Color;
36
+ "color.blue.60": Color;
37
+ "color.border.action": Color;
38
+ "color.border.action-hover": Color;
39
+ "color.border.action-hover-2": Color;
40
+ "color.border.disabled": Color;
41
+ "color.border.error": Color;
42
+ "color.border.focus": Color;
43
+ "color.border.information": Color;
44
+ "color.border.primary": Color;
45
+ "color.border.secondary": Color;
46
+ "color.border.selected": Color;
47
+ "color.border.success": Color;
48
+ "color.border.tertiary": Color;
49
+ "color.border.warning": Color;
50
+ "color.categorical-graph.01": Color;
51
+ "color.categorical-graph.02": Color;
52
+ "color.categorical-graph.03": Color;
53
+ "color.categorical-graph.04": Color;
54
+ "color.categorical-graph.05": Color;
55
+ "color.categorical-graph.06": Color;
56
+ "color.categorical-graph.07": Color;
57
+ "color.categorical-graph.08": Color;
58
+ "color.categorical-graph.09": Color;
59
+ "color.categorical-graph.10": Color;
60
+ "color.cyan.60": Color;
61
+ "color.cyan.70": Color;
62
+ "color.cyan.80": Color;
63
+ "color.cyan.90": Color;
64
+ "color.diverging-graph.01": Color;
65
+ "color.diverging-graph.02": Color;
66
+ "color.diverging-graph.03": Color;
67
+ "color.diverging-graph.04": Color;
68
+ "color.diverging-graph.05": Color;
69
+ "color.diverging-graph.06": Color;
70
+ "color.diverging-graph.07": Color;
71
+ "color.diverging-graph.08": Color;
72
+ "color.diverging-graph.09": Color;
73
+ "color.diverging-graph.10": Color;
74
+ "color.diverging-graph.11": Color;
75
+ "color.diverging-graph.12": Color;
76
+ "color.diverging-graph.13": Color;
77
+ "color.diverging-graph.14": Color;
78
+ "color.diverging-graph.15": Color;
79
+ "color.error": Color;
80
+ "color.error.accent": Color;
81
+ "color.green.10": Color;
82
+ "color.green.40": Color;
83
+ "color.green.60": Color;
84
+ "color.grey.10": Color;
85
+ "color.grey.40": Color;
86
+ "color.icon.action": Color;
87
+ "color.icon.action-hover": Color;
88
+ "color.icon.disabled": Color;
89
+ "color.icon.error": Color;
90
+ "color.icon.information": Color;
91
+ "color.icon.on-action": Color;
92
+ "color.icon.on-disabled": Color;
93
+ "color.icon.on-primary": Color;
94
+ "color.icon.primary": Color;
95
+ "color.icon.success": Color;
96
+ "color.icon.warning": Color;
97
+ "color.indigo.10": Color;
98
+ "color.indigo.40": Color;
99
+ "color.information": Color;
100
+ "color.information.accent": Color;
101
+ "color.lime.10": Color;
102
+ "color.lime.40": Color;
103
+ "color.miscellaneous.overlay": Color;
104
+ "color.miscellaneous.skeleton-element": Color;
105
+ "color.miscellaneous.skeleton-highlight": Color;
106
+ "color.neutral": Color;
107
+ "color.neutral.10": Color;
108
+ "color.neutral.20": Color;
109
+ "color.neutral.30": Color;
110
+ "color.neutral.60": Color;
111
+ "color.orange.10": Color;
112
+ "color.orange.20": Color;
113
+ "color.orange.30": Color;
114
+ "color.orange.40": Color;
115
+ "color.orange.60": Color;
116
+ "color.pink.10": Color;
117
+ "color.pink.40": Color;
118
+ "color.primary": Color;
119
+ "color.primary.60": Color;
120
+ "color.primary.70": Color;
121
+ "color.primary.90": Color;
122
+ "color.purple.10": Color;
123
+ "color.purple.40": Color;
124
+ "color.purple.80": Color;
125
+ "color.red.10": Color;
126
+ "color.red.40": Color;
127
+ "color.red.60": Color;
128
+ "color.rose.10": Color;
129
+ "color.rose.40": Color;
130
+ "color.secondary": Color;
131
+ "color.secondary.10": Color;
132
+ "color.secondary.30": Color;
133
+ "color.sequential-graph.10": Color;
134
+ "color.sequential-graph.20": Color;
135
+ "color.sequential-graph.30": Color;
136
+ "color.sequential-graph.40": Color;
137
+ "color.sequential-graph.50": Color;
138
+ "color.sequential-graph.60": Color;
139
+ "color.sequential-graph.70": Color;
140
+ "color.sequential-graph.80": Color;
141
+ "color.sequential-graph.90": Color;
142
+ "color.sequential-graph.100": Color;
143
+ "color.success": Color;
144
+ "color.success.accent": Color;
145
+ "color.surface.action": Color;
146
+ "color.surface.action-hover": Color;
147
+ "color.surface.action-hover-2": Color;
148
+ "color.surface.container": Color;
149
+ "color.surface.disable-selected": Color;
150
+ "color.surface.disabled": Color;
151
+ "color.surface.error": Color;
152
+ "color.surface.highlight": Color;
153
+ "color.surface.information": Color;
154
+ "color.surface.page": Color;
155
+ "color.surface.primary": Color;
156
+ "color.surface.progress": Color;
157
+ "color.surface.progress-2": Color;
158
+ "color.surface.selected": Color;
159
+ "color.surface.success": Color;
160
+ "color.surface.warning": Color;
161
+ "color.teal.10": Color;
162
+ "color.teal.20": Color;
163
+ "color.teal.30": Color;
164
+ "color.teal.40": Color;
165
+ "color.teal.50": Color;
166
+ "color.teal.60": Color;
167
+ "color.teal.70": Color;
168
+ "color.teal.80": Color;
169
+ "color.teal.90": Color;
170
+ "color.teal.100": Color;
171
+ "color.text.action": Color;
172
+ "color.text.action-hover": Color;
173
+ "color.text.body": Color;
174
+ "color.text.body-secondary": Color;
175
+ "color.text.disable-selected": Color;
176
+ "color.text.disabled": Color;
177
+ "color.text.error": Color;
178
+ "color.text.headings": Color;
179
+ "color.text.information": Color;
180
+ "color.text.link-visited": Color;
181
+ "color.text.menu": Color;
182
+ "color.text.on-action": Color;
183
+ "color.text.on-disabled": Color;
184
+ "color.text.success": Color;
185
+ "color.text.warning": Color;
186
+ "color.utility.blue": Color;
187
+ "color.utility.blue.accent": Color;
188
+ "color.utility.green": Color;
189
+ "color.utility.green.accent": Color;
190
+ "color.utility.grey": Color;
191
+ "color.utility.grey.accent": Color;
192
+ "color.utility.indigo": Color;
193
+ "color.utility.indigo.accent": Color;
194
+ "color.utility.lime": Color;
195
+ "color.utility.lime.accent": Color;
196
+ "color.utility.orange": Color;
197
+ "color.utility.orange.accent": Color;
198
+ "color.utility.pink": Color;
199
+ "color.utility.pink.accent": Color;
200
+ "color.utility.purple": Color;
201
+ "color.utility.purple.accent": Color;
202
+ "color.utility.red": Color;
203
+ "color.utility.red.accent": Color;
204
+ "color.utility.rose": Color;
205
+ "color.utility.rose.accent": Color;
206
+ "color.utility.teal": Color;
207
+ "color.utility.teal.accent": Color;
208
+ "color.warning": Color;
209
+ "color.warning.accent": Color;
210
+ "color.white": Color;
211
+ "duration.0": Duration;
212
+ "duration.fast": Duration;
213
+ "duration.instant": Duration;
214
+ "duration.moderate": Duration;
215
+ "duration.slow": Duration;
216
+ "duration.slower": Duration;
217
+ "easing.entrance": CubicBezier;
218
+ "easing.exit": CubicBezier;
219
+ "easing.standard": CubicBezier;
220
+ "font.family.primary": FontFamily;
221
+ "font.weight.bold": FontWeight;
222
+ "font.weight.medium": FontWeight;
223
+ "font.weight.normal": FontWeight;
224
+ "font.weight.semibold": FontWeight;
225
+ "radius": Dimension;
226
+ "radius.round": Dimension;
227
+ "radius.sharp": Dimension;
228
+ "shadow.east": Shadow;
229
+ "shadow.north": Shadow;
230
+ "shadow.south": Shadow;
231
+ "shadow.west": Shadow;
232
+ "size.0": Dimension;
233
+ "size.1": Dimension;
234
+ "size.2": Dimension;
235
+ "size.4": Dimension;
236
+ "size.6": Dimension;
237
+ "size.8": Dimension;
238
+ "size.10": Dimension;
239
+ "size.11": Dimension;
240
+ "size.12": Dimension;
241
+ "size.14": Dimension;
242
+ "size.16": Dimension;
243
+ "size.18": Dimension;
244
+ "size.20": Dimension;
245
+ "size.24": Dimension;
246
+ "size.28": Dimension;
247
+ "size.32": Dimension;
248
+ "size.36": Dimension;
249
+ "size.40": Dimension;
250
+ "size.44": Dimension;
251
+ "size.48": Dimension;
252
+ "size.56": Dimension;
253
+ "size.64": Dimension;
254
+ "size.80": Dimension;
255
+ "size.96": Dimension;
256
+ "size.112": Dimension;
257
+ "size.128": Dimension;
258
+ "size.144": Dimension;
259
+ "size.160": Dimension;
260
+ "size.192": Dimension;
261
+ "size.224": Dimension;
262
+ "size.256": Dimension;
263
+ "size.288": Dimension;
264
+ "size.320": Dimension;
265
+ "size.352": Dimension;
266
+ "size.384": Dimension;
267
+ "size.416": Dimension;
268
+ "size.border-width.lg": Dimension;
269
+ "size.border-width.md": Dimension;
270
+ "size.border-width.none": Dimension;
271
+ "size.border-width.sm": Dimension;
272
+ "size.spacing.00": Dimension;
273
+ "size.spacing.01": Dimension;
274
+ "size.spacing.02": Dimension;
275
+ "size.spacing.03": Dimension;
276
+ "size.spacing.04": Dimension;
277
+ "size.spacing.05": Dimension;
278
+ "size.spacing.06": Dimension;
279
+ "size.spacing.07": Dimension;
280
+ "size.spacing.08": Dimension;
281
+ "size.spacing.09": Dimension;
282
+ "size.spacing.10": Dimension;
283
+ "size.spacing.11": Dimension;
284
+ "size.spacing.12": Dimension;
285
+ "size.spacing.13": Dimension;
286
+ "text.2xl": Typography;
287
+ "text.3xl": Typography;
288
+ "text.lg": Typography;
289
+ "text.md": Typography;
290
+ "text.sm": Typography;
291
+ "text.xl": Typography;
292
+ "text.xs": Typography;
293
+ "transition.backdrop": Transition;
294
+ "transition.dismiss": Transition;
295
+ "transition.hover": Transition;
296
+ "transition.overlay-in": Transition;
297
+ "transition.overlay-out": Transition;
298
+ "transition.reveal": Transition;
299
+ "transition.state": Transition;
300
+ }
301
+
302
+ /** Produce a token set from a given input. */
303
+ export const resolver: {
304
+ apply(input: InputType): Tokens;
305
+ listPermutations(): InputType[];
306
+ };