ropav 0.1.8 → 0.2.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 (67) hide show
  1. package/README.md +13 -4
  2. package/dist/base.css +570 -773
  3. package/dist/calendar.css +45 -34
  4. package/dist/calendar.js +108 -83
  5. package/dist/color-input.css +3 -7
  6. package/dist/color-picker.css +2 -6
  7. package/dist/color-swatch.css +2 -6
  8. package/dist/combobox.css +5 -5
  9. package/dist/componentColors.js +29 -25
  10. package/dist/components/alert/types.d.ts +1 -1
  11. package/dist/components/avatar/types.d.ts +1 -1
  12. package/dist/components/badge/types.d.ts +1 -1
  13. package/dist/components/calendar/index.d.ts +1 -1
  14. package/dist/components/calendar/types.d.ts +3 -0
  15. package/dist/components/date-picker/index.d.ts +1 -1
  16. package/dist/components/date-picker/types.d.ts +3 -1
  17. package/dist/components/pagination/types.d.ts +1 -1
  18. package/dist/components/progress/types.d.ts +1 -1
  19. package/dist/components/segmented-control/types.d.ts +1 -1
  20. package/dist/components/slider/types.d.ts +1 -1
  21. package/dist/components/slider/useSlider.d.ts +1 -1
  22. package/dist/components/slider/useSliderPointer.d.ts +15 -0
  23. package/dist/components/slider/useSliderValueState.d.ts +1 -0
  24. package/dist/components/toast/types.d.ts +1 -1
  25. package/dist/components/toolbar/index.d.ts +3 -0
  26. package/dist/components/toolbar/index.js +2 -0
  27. package/dist/components/toolbar/toolbar.d.ts +24 -0
  28. package/dist/components/toolbar/types.d.ts +12 -0
  29. package/dist/components/toolbar/useToolbar.d.ts +7 -0
  30. package/dist/date-picker.css +9 -9
  31. package/dist/date-picker.js +4 -2
  32. package/dist/dropdown-menu.css +7 -7
  33. package/dist/field.css +1 -1
  34. package/dist/focusNavigation.js +12 -6
  35. package/dist/hover-card.css +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +2 -1
  38. package/dist/modal.css +1 -1
  39. package/dist/multi-select.css +5 -5
  40. package/dist/pagination.css +1 -1
  41. package/dist/popover.css +2 -2
  42. package/dist/select.css +5 -5
  43. package/dist/slider.css +80 -71
  44. package/dist/slider.js +91 -16
  45. package/dist/tabs.css +3 -3
  46. package/dist/tags-input.css +1 -1
  47. package/dist/textarea.css +1 -1
  48. package/dist/toast.css +1 -1
  49. package/dist/toolbar.css +15 -0
  50. package/dist/toolbar.js +143 -0
  51. package/dist/tooltip.css +1 -1
  52. package/dist/utils/componentColors.d.ts +2 -4
  53. package/dist/utils/dom/focusNavigation.d.ts +4 -1
  54. package/docs/code-architecture.md +30 -1
  55. package/docs/public-styles-api.md +11 -6
  56. package/docs/releasing.md +39 -0
  57. package/package.json +52 -39
  58. package/src/styles/_mixins.scss +2 -6
  59. package/src/styles/_tokens.scss +4 -833
  60. package/src/styles/generated/showcase.html +274 -0
  61. package/src/styles/generated/tokens.css +592 -0
  62. package/src/styles/generated/tokens.md +583 -0
  63. package/src/styles/generated/tokens.scss +1134 -0
  64. package/tokens/manifest.json +6164 -0
  65. package/docs/public-tokens.md +0 -685
  66. package/src/styles/_variables.scss +0 -243
  67. package/src/styles/styles-manifest.json +0 -5244
package/src/styles/generated/tokens.scss ADDED
@@ -0,0 +1,1134 @@
1
+ // Generated by umberkit. Do not edit.
2
+ @use "sass:map";
3
+
4
+ $rp-border-width-medium: var(--rp-border-width-medium) !default;
5
+ $rp-border-width-thin: var(--rp-border-width-thin) !default;
6
+ $rp-color-black: var(--rp-color-black) !default;
7
+ $rp-color-blue-1: var(--rp-color-blue-1) !default;
8
+ $rp-color-blue-10: var(--rp-color-blue-10) !default;
9
+ $rp-color-blue-11: var(--rp-color-blue-11) !default;
10
+ $rp-color-blue-12: var(--rp-color-blue-12) !default;
11
+ $rp-color-blue-2: var(--rp-color-blue-2) !default;
12
+ $rp-color-blue-3: var(--rp-color-blue-3) !default;
13
+ $rp-color-blue-4: var(--rp-color-blue-4) !default;
14
+ $rp-color-blue-5: var(--rp-color-blue-5) !default;
15
+ $rp-color-blue-6: var(--rp-color-blue-6) !default;
16
+ $rp-color-blue-7: var(--rp-color-blue-7) !default;
17
+ $rp-color-blue-8: var(--rp-color-blue-8) !default;
18
+ $rp-color-blue-9: var(--rp-color-blue-9) !default;
19
+ $rp-color-blue-a1: var(--rp-color-blue-a1) !default;
20
+ $rp-color-blue-a10: var(--rp-color-blue-a10) !default;
21
+ $rp-color-blue-a11: var(--rp-color-blue-a11) !default;
22
+ $rp-color-blue-a12: var(--rp-color-blue-a12) !default;
23
+ $rp-color-blue-a2: var(--rp-color-blue-a2) !default;
24
+ $rp-color-blue-a3: var(--rp-color-blue-a3) !default;
25
+ $rp-color-blue-a4: var(--rp-color-blue-a4) !default;
26
+ $rp-color-blue-a5: var(--rp-color-blue-a5) !default;
27
+ $rp-color-blue-a6: var(--rp-color-blue-a6) !default;
28
+ $rp-color-blue-a7: var(--rp-color-blue-a7) !default;
29
+ $rp-color-blue-a8: var(--rp-color-blue-a8) !default;
30
+ $rp-color-blue-a9: var(--rp-color-blue-a9) !default;
31
+ $rp-color-blue-contrast: var(--rp-color-blue-contrast) !default;
32
+ $rp-color-blue-filled: var(--rp-color-blue-filled) !default;
33
+ $rp-color-blue-filled-hover: var(--rp-color-blue-filled-hover) !default;
34
+ $rp-color-blue-light: var(--rp-color-blue-light) !default;
35
+ $rp-color-blue-light-active: var(--rp-color-blue-light-active) !default;
36
+ $rp-color-blue-light-color: var(--rp-color-blue-light-color) !default;
37
+ $rp-color-blue-light-hover: var(--rp-color-blue-light-hover) !default;
38
+ $rp-color-blue-outline: var(--rp-color-blue-outline) !default;
39
+ $rp-color-blue-outline-hover: var(--rp-color-blue-outline-hover) !default;
40
+ $rp-color-body: var(--rp-color-body) !default;
41
+ $rp-color-bright: var(--rp-color-bright) !default;
42
+ $rp-color-control-bg: var(--rp-color-control-bg) !default;
43
+ $rp-color-control-border: var(--rp-color-control-border) !default;
44
+ $rp-color-control-border-focus: var(--rp-color-control-border-focus) !default;
45
+ $rp-color-control-border-hover: var(--rp-color-control-border-hover) !default;
46
+ $rp-color-control-fg: var(--rp-color-control-fg) !default;
47
+ $rp-color-control-icon: var(--rp-color-control-icon) !default;
48
+ $rp-color-control-placeholder: var(--rp-color-control-placeholder) !default;
49
+ $rp-color-control-readonly-bg: var(--rp-color-control-readonly-bg) !default;
50
+ $rp-color-control-selected-bg: var(--rp-color-control-selected-bg) !default;
51
+ $rp-color-control-selected-fg: var(--rp-color-control-selected-fg) !default;
52
+ $rp-color-control-thumb-bg: var(--rp-color-control-thumb-bg) !default;
53
+ $rp-color-control-track-bg: var(--rp-color-control-track-bg) !default;
54
+ $rp-color-cyan-1: var(--rp-color-cyan-1) !default;
55
+ $rp-color-cyan-10: var(--rp-color-cyan-10) !default;
56
+ $rp-color-cyan-11: var(--rp-color-cyan-11) !default;
57
+ $rp-color-cyan-12: var(--rp-color-cyan-12) !default;
58
+ $rp-color-cyan-2: var(--rp-color-cyan-2) !default;
59
+ $rp-color-cyan-3: var(--rp-color-cyan-3) !default;
60
+ $rp-color-cyan-4: var(--rp-color-cyan-4) !default;
61
+ $rp-color-cyan-5: var(--rp-color-cyan-5) !default;
62
+ $rp-color-cyan-6: var(--rp-color-cyan-6) !default;
63
+ $rp-color-cyan-7: var(--rp-color-cyan-7) !default;
64
+ $rp-color-cyan-8: var(--rp-color-cyan-8) !default;
65
+ $rp-color-cyan-9: var(--rp-color-cyan-9) !default;
66
+ $rp-color-cyan-a1: var(--rp-color-cyan-a1) !default;
67
+ $rp-color-cyan-a10: var(--rp-color-cyan-a10) !default;
68
+ $rp-color-cyan-a11: var(--rp-color-cyan-a11) !default;
69
+ $rp-color-cyan-a12: var(--rp-color-cyan-a12) !default;
70
+ $rp-color-cyan-a2: var(--rp-color-cyan-a2) !default;
71
+ $rp-color-cyan-a3: var(--rp-color-cyan-a3) !default;
72
+ $rp-color-cyan-a4: var(--rp-color-cyan-a4) !default;
73
+ $rp-color-cyan-a5: var(--rp-color-cyan-a5) !default;
74
+ $rp-color-cyan-a6: var(--rp-color-cyan-a6) !default;
75
+ $rp-color-cyan-a7: var(--rp-color-cyan-a7) !default;
76
+ $rp-color-cyan-a8: var(--rp-color-cyan-a8) !default;
77
+ $rp-color-cyan-a9: var(--rp-color-cyan-a9) !default;
78
+ $rp-color-cyan-contrast: var(--rp-color-cyan-contrast) !default;
79
+ $rp-color-cyan-filled: var(--rp-color-cyan-filled) !default;
80
+ $rp-color-cyan-filled-hover: var(--rp-color-cyan-filled-hover) !default;
81
+ $rp-color-cyan-light: var(--rp-color-cyan-light) !default;
82
+ $rp-color-cyan-light-active: var(--rp-color-cyan-light-active) !default;
83
+ $rp-color-cyan-light-color: var(--rp-color-cyan-light-color) !default;
84
+ $rp-color-cyan-light-hover: var(--rp-color-cyan-light-hover) !default;
85
+ $rp-color-cyan-outline: var(--rp-color-cyan-outline) !default;
86
+ $rp-color-cyan-outline-hover: var(--rp-color-cyan-outline-hover) !default;
87
+ $rp-color-default: var(--rp-color-default) !default;
88
+ $rp-color-default-border: var(--rp-color-default-border) !default;
89
+ $rp-color-default-border-hover: var(--rp-color-default-border-hover) !default;
90
+ $rp-color-default-color: var(--rp-color-default-color) !default;
91
+ $rp-color-default-hover: var(--rp-color-default-hover) !default;
92
+ $rp-color-dimmed: var(--rp-color-dimmed) !default;
93
+ $rp-color-disabled: var(--rp-color-disabled) !default;
94
+ $rp-color-disabled-border: var(--rp-color-disabled-border) !default;
95
+ $rp-color-disabled-color: var(--rp-color-disabled-color) !default;
96
+ $rp-color-focus-ring: var(--rp-color-focus-ring) !default;
97
+ $rp-color-grape-1: var(--rp-color-grape-1) !default;
98
+ $rp-color-grape-10: var(--rp-color-grape-10) !default;
99
+ $rp-color-grape-11: var(--rp-color-grape-11) !default;
100
+ $rp-color-grape-12: var(--rp-color-grape-12) !default;
101
+ $rp-color-grape-2: var(--rp-color-grape-2) !default;
102
+ $rp-color-grape-3: var(--rp-color-grape-3) !default;
103
+ $rp-color-grape-4: var(--rp-color-grape-4) !default;
104
+ $rp-color-grape-5: var(--rp-color-grape-5) !default;
105
+ $rp-color-grape-6: var(--rp-color-grape-6) !default;
106
+ $rp-color-grape-7: var(--rp-color-grape-7) !default;
107
+ $rp-color-grape-8: var(--rp-color-grape-8) !default;
108
+ $rp-color-grape-9: var(--rp-color-grape-9) !default;
109
+ $rp-color-grape-a1: var(--rp-color-grape-a1) !default;
110
+ $rp-color-grape-a10: var(--rp-color-grape-a10) !default;
111
+ $rp-color-grape-a11: var(--rp-color-grape-a11) !default;
112
+ $rp-color-grape-a12: var(--rp-color-grape-a12) !default;
113
+ $rp-color-grape-a2: var(--rp-color-grape-a2) !default;
114
+ $rp-color-grape-a3: var(--rp-color-grape-a3) !default;
115
+ $rp-color-grape-a4: var(--rp-color-grape-a4) !default;
116
+ $rp-color-grape-a5: var(--rp-color-grape-a5) !default;
117
+ $rp-color-grape-a6: var(--rp-color-grape-a6) !default;
118
+ $rp-color-grape-a7: var(--rp-color-grape-a7) !default;
119
+ $rp-color-grape-a8: var(--rp-color-grape-a8) !default;
120
+ $rp-color-grape-a9: var(--rp-color-grape-a9) !default;
121
+ $rp-color-grape-contrast: var(--rp-color-grape-contrast) !default;
122
+ $rp-color-grape-filled: var(--rp-color-grape-filled) !default;
123
+ $rp-color-grape-filled-hover: var(--rp-color-grape-filled-hover) !default;
124
+ $rp-color-grape-light: var(--rp-color-grape-light) !default;
125
+ $rp-color-grape-light-active: var(--rp-color-grape-light-active) !default;
126
+ $rp-color-grape-light-color: var(--rp-color-grape-light-color) !default;
127
+ $rp-color-grape-light-hover: var(--rp-color-grape-light-hover) !default;
128
+ $rp-color-grape-outline: var(--rp-color-grape-outline) !default;
129
+ $rp-color-grape-outline-hover: var(--rp-color-grape-outline-hover) !default;
130
+ $rp-color-gray-1: var(--rp-color-gray-1) !default;
131
+ $rp-color-gray-10: var(--rp-color-gray-10) !default;
132
+ $rp-color-gray-11: var(--rp-color-gray-11) !default;
133
+ $rp-color-gray-12: var(--rp-color-gray-12) !default;
134
+ $rp-color-gray-2: var(--rp-color-gray-2) !default;
135
+ $rp-color-gray-3: var(--rp-color-gray-3) !default;
136
+ $rp-color-gray-4: var(--rp-color-gray-4) !default;
137
+ $rp-color-gray-5: var(--rp-color-gray-5) !default;
138
+ $rp-color-gray-6: var(--rp-color-gray-6) !default;
139
+ $rp-color-gray-7: var(--rp-color-gray-7) !default;
140
+ $rp-color-gray-8: var(--rp-color-gray-8) !default;
141
+ $rp-color-gray-9: var(--rp-color-gray-9) !default;
142
+ $rp-color-gray-a1: var(--rp-color-gray-a1) !default;
143
+ $rp-color-gray-a10: var(--rp-color-gray-a10) !default;
144
+ $rp-color-gray-a11: var(--rp-color-gray-a11) !default;
145
+ $rp-color-gray-a12: var(--rp-color-gray-a12) !default;
146
+ $rp-color-gray-a2: var(--rp-color-gray-a2) !default;
147
+ $rp-color-gray-a3: var(--rp-color-gray-a3) !default;
148
+ $rp-color-gray-a4: var(--rp-color-gray-a4) !default;
149
+ $rp-color-gray-a5: var(--rp-color-gray-a5) !default;
150
+ $rp-color-gray-a6: var(--rp-color-gray-a6) !default;
151
+ $rp-color-gray-a7: var(--rp-color-gray-a7) !default;
152
+ $rp-color-gray-a8: var(--rp-color-gray-a8) !default;
153
+ $rp-color-gray-a9: var(--rp-color-gray-a9) !default;
154
+ $rp-color-gray-contrast: var(--rp-color-gray-contrast) !default;
155
+ $rp-color-gray-filled: var(--rp-color-gray-filled) !default;
156
+ $rp-color-gray-filled-hover: var(--rp-color-gray-filled-hover) !default;
157
+ $rp-color-gray-light: var(--rp-color-gray-light) !default;
158
+ $rp-color-gray-light-active: var(--rp-color-gray-light-active) !default;
159
+ $rp-color-gray-light-color: var(--rp-color-gray-light-color) !default;
160
+ $rp-color-gray-light-hover: var(--rp-color-gray-light-hover) !default;
161
+ $rp-color-gray-outline: var(--rp-color-gray-outline) !default;
162
+ $rp-color-gray-outline-hover: var(--rp-color-gray-outline-hover) !default;
163
+ $rp-color-green-1: var(--rp-color-green-1) !default;
164
+ $rp-color-green-10: var(--rp-color-green-10) !default;
165
+ $rp-color-green-11: var(--rp-color-green-11) !default;
166
+ $rp-color-green-12: var(--rp-color-green-12) !default;
167
+ $rp-color-green-2: var(--rp-color-green-2) !default;
168
+ $rp-color-green-3: var(--rp-color-green-3) !default;
169
+ $rp-color-green-4: var(--rp-color-green-4) !default;
170
+ $rp-color-green-5: var(--rp-color-green-5) !default;
171
+ $rp-color-green-6: var(--rp-color-green-6) !default;
172
+ $rp-color-green-7: var(--rp-color-green-7) !default;
173
+ $rp-color-green-8: var(--rp-color-green-8) !default;
174
+ $rp-color-green-9: var(--rp-color-green-9) !default;
175
+ $rp-color-green-a1: var(--rp-color-green-a1) !default;
176
+ $rp-color-green-a10: var(--rp-color-green-a10) !default;
177
+ $rp-color-green-a11: var(--rp-color-green-a11) !default;
178
+ $rp-color-green-a12: var(--rp-color-green-a12) !default;
179
+ $rp-color-green-a2: var(--rp-color-green-a2) !default;
180
+ $rp-color-green-a3: var(--rp-color-green-a3) !default;
181
+ $rp-color-green-a4: var(--rp-color-green-a4) !default;
182
+ $rp-color-green-a5: var(--rp-color-green-a5) !default;
183
+ $rp-color-green-a6: var(--rp-color-green-a6) !default;
184
+ $rp-color-green-a7: var(--rp-color-green-a7) !default;
185
+ $rp-color-green-a8: var(--rp-color-green-a8) !default;
186
+ $rp-color-green-a9: var(--rp-color-green-a9) !default;
187
+ $rp-color-green-contrast: var(--rp-color-green-contrast) !default;
188
+ $rp-color-green-filled: var(--rp-color-green-filled) !default;
189
+ $rp-color-green-filled-hover: var(--rp-color-green-filled-hover) !default;
190
+ $rp-color-green-light: var(--rp-color-green-light) !default;
191
+ $rp-color-green-light-active: var(--rp-color-green-light-active) !default;
192
+ $rp-color-green-light-color: var(--rp-color-green-light-color) !default;
193
+ $rp-color-green-light-hover: var(--rp-color-green-light-hover) !default;
194
+ $rp-color-green-outline: var(--rp-color-green-outline) !default;
195
+ $rp-color-green-outline-hover: var(--rp-color-green-outline-hover) !default;
196
+ $rp-color-indigo-1: var(--rp-color-indigo-1) !default;
197
+ $rp-color-indigo-10: var(--rp-color-indigo-10) !default;
198
+ $rp-color-indigo-11: var(--rp-color-indigo-11) !default;
199
+ $rp-color-indigo-12: var(--rp-color-indigo-12) !default;
200
+ $rp-color-indigo-2: var(--rp-color-indigo-2) !default;
201
+ $rp-color-indigo-3: var(--rp-color-indigo-3) !default;
202
+ $rp-color-indigo-4: var(--rp-color-indigo-4) !default;
203
+ $rp-color-indigo-5: var(--rp-color-indigo-5) !default;
204
+ $rp-color-indigo-6: var(--rp-color-indigo-6) !default;
205
+ $rp-color-indigo-7: var(--rp-color-indigo-7) !default;
206
+ $rp-color-indigo-8: var(--rp-color-indigo-8) !default;
207
+ $rp-color-indigo-9: var(--rp-color-indigo-9) !default;
208
+ $rp-color-indigo-a1: var(--rp-color-indigo-a1) !default;
209
+ $rp-color-indigo-a10: var(--rp-color-indigo-a10) !default;
210
+ $rp-color-indigo-a11: var(--rp-color-indigo-a11) !default;
211
+ $rp-color-indigo-a12: var(--rp-color-indigo-a12) !default;
212
+ $rp-color-indigo-a2: var(--rp-color-indigo-a2) !default;
213
+ $rp-color-indigo-a3: var(--rp-color-indigo-a3) !default;
214
+ $rp-color-indigo-a4: var(--rp-color-indigo-a4) !default;
215
+ $rp-color-indigo-a5: var(--rp-color-indigo-a5) !default;
216
+ $rp-color-indigo-a6: var(--rp-color-indigo-a6) !default;
217
+ $rp-color-indigo-a7: var(--rp-color-indigo-a7) !default;
218
+ $rp-color-indigo-a8: var(--rp-color-indigo-a8) !default;
219
+ $rp-color-indigo-a9: var(--rp-color-indigo-a9) !default;
220
+ $rp-color-indigo-contrast: var(--rp-color-indigo-contrast) !default;
221
+ $rp-color-indigo-filled: var(--rp-color-indigo-filled) !default;
222
+ $rp-color-indigo-filled-hover: var(--rp-color-indigo-filled-hover) !default;
223
+ $rp-color-indigo-light: var(--rp-color-indigo-light) !default;
224
+ $rp-color-indigo-light-active: var(--rp-color-indigo-light-active) !default;
225
+ $rp-color-indigo-light-color: var(--rp-color-indigo-light-color) !default;
226
+ $rp-color-indigo-light-hover: var(--rp-color-indigo-light-hover) !default;
227
+ $rp-color-indigo-outline: var(--rp-color-indigo-outline) !default;
228
+ $rp-color-indigo-outline-hover: var(--rp-color-indigo-outline-hover) !default;
229
+ $rp-color-lime-1: var(--rp-color-lime-1) !default;
230
+ $rp-color-lime-10: var(--rp-color-lime-10) !default;
231
+ $rp-color-lime-11: var(--rp-color-lime-11) !default;
232
+ $rp-color-lime-12: var(--rp-color-lime-12) !default;
233
+ $rp-color-lime-2: var(--rp-color-lime-2) !default;
234
+ $rp-color-lime-3: var(--rp-color-lime-3) !default;
235
+ $rp-color-lime-4: var(--rp-color-lime-4) !default;
236
+ $rp-color-lime-5: var(--rp-color-lime-5) !default;
237
+ $rp-color-lime-6: var(--rp-color-lime-6) !default;
238
+ $rp-color-lime-7: var(--rp-color-lime-7) !default;
239
+ $rp-color-lime-8: var(--rp-color-lime-8) !default;
240
+ $rp-color-lime-9: var(--rp-color-lime-9) !default;
241
+ $rp-color-lime-a1: var(--rp-color-lime-a1) !default;
242
+ $rp-color-lime-a10: var(--rp-color-lime-a10) !default;
243
+ $rp-color-lime-a11: var(--rp-color-lime-a11) !default;
244
+ $rp-color-lime-a12: var(--rp-color-lime-a12) !default;
245
+ $rp-color-lime-a2: var(--rp-color-lime-a2) !default;
246
+ $rp-color-lime-a3: var(--rp-color-lime-a3) !default;
247
+ $rp-color-lime-a4: var(--rp-color-lime-a4) !default;
248
+ $rp-color-lime-a5: var(--rp-color-lime-a5) !default;
249
+ $rp-color-lime-a6: var(--rp-color-lime-a6) !default;
250
+ $rp-color-lime-a7: var(--rp-color-lime-a7) !default;
251
+ $rp-color-lime-a8: var(--rp-color-lime-a8) !default;
252
+ $rp-color-lime-a9: var(--rp-color-lime-a9) !default;
253
+ $rp-color-lime-contrast: var(--rp-color-lime-contrast) !default;
254
+ $rp-color-lime-filled: var(--rp-color-lime-filled) !default;
255
+ $rp-color-lime-filled-hover: var(--rp-color-lime-filled-hover) !default;
256
+ $rp-color-lime-light: var(--rp-color-lime-light) !default;
257
+ $rp-color-lime-light-active: var(--rp-color-lime-light-active) !default;
258
+ $rp-color-lime-light-color: var(--rp-color-lime-light-color) !default;
259
+ $rp-color-lime-light-hover: var(--rp-color-lime-light-hover) !default;
260
+ $rp-color-lime-outline: var(--rp-color-lime-outline) !default;
261
+ $rp-color-lime-outline-hover: var(--rp-color-lime-outline-hover) !default;
262
+ $rp-color-orange-1: var(--rp-color-orange-1) !default;
263
+ $rp-color-orange-10: var(--rp-color-orange-10) !default;
264
+ $rp-color-orange-11: var(--rp-color-orange-11) !default;
265
+ $rp-color-orange-12: var(--rp-color-orange-12) !default;
266
+ $rp-color-orange-2: var(--rp-color-orange-2) !default;
267
+ $rp-color-orange-3: var(--rp-color-orange-3) !default;
268
+ $rp-color-orange-4: var(--rp-color-orange-4) !default;
269
+ $rp-color-orange-5: var(--rp-color-orange-5) !default;
270
+ $rp-color-orange-6: var(--rp-color-orange-6) !default;
271
+ $rp-color-orange-7: var(--rp-color-orange-7) !default;
272
+ $rp-color-orange-8: var(--rp-color-orange-8) !default;
273
+ $rp-color-orange-9: var(--rp-color-orange-9) !default;
274
+ $rp-color-orange-a1: var(--rp-color-orange-a1) !default;
275
+ $rp-color-orange-a10: var(--rp-color-orange-a10) !default;
276
+ $rp-color-orange-a11: var(--rp-color-orange-a11) !default;
277
+ $rp-color-orange-a12: var(--rp-color-orange-a12) !default;
278
+ $rp-color-orange-a2: var(--rp-color-orange-a2) !default;
279
+ $rp-color-orange-a3: var(--rp-color-orange-a3) !default;
280
+ $rp-color-orange-a4: var(--rp-color-orange-a4) !default;
281
+ $rp-color-orange-a5: var(--rp-color-orange-a5) !default;
282
+ $rp-color-orange-a6: var(--rp-color-orange-a6) !default;
283
+ $rp-color-orange-a7: var(--rp-color-orange-a7) !default;
284
+ $rp-color-orange-a8: var(--rp-color-orange-a8) !default;
285
+ $rp-color-orange-a9: var(--rp-color-orange-a9) !default;
286
+ $rp-color-orange-contrast: var(--rp-color-orange-contrast) !default;
287
+ $rp-color-orange-filled: var(--rp-color-orange-filled) !default;
288
+ $rp-color-orange-filled-hover: var(--rp-color-orange-filled-hover) !default;
289
+ $rp-color-orange-light: var(--rp-color-orange-light) !default;
290
+ $rp-color-orange-light-active: var(--rp-color-orange-light-active) !default;
291
+ $rp-color-orange-light-color: var(--rp-color-orange-light-color) !default;
292
+ $rp-color-orange-light-hover: var(--rp-color-orange-light-hover) !default;
293
+ $rp-color-orange-outline: var(--rp-color-orange-outline) !default;
294
+ $rp-color-orange-outline-hover: var(--rp-color-orange-outline-hover) !default;
295
+ $rp-color-pink-1: var(--rp-color-pink-1) !default;
296
+ $rp-color-pink-10: var(--rp-color-pink-10) !default;
297
+ $rp-color-pink-11: var(--rp-color-pink-11) !default;
298
+ $rp-color-pink-12: var(--rp-color-pink-12) !default;
299
+ $rp-color-pink-2: var(--rp-color-pink-2) !default;
300
+ $rp-color-pink-3: var(--rp-color-pink-3) !default;
301
+ $rp-color-pink-4: var(--rp-color-pink-4) !default;
302
+ $rp-color-pink-5: var(--rp-color-pink-5) !default;
303
+ $rp-color-pink-6: var(--rp-color-pink-6) !default;
304
+ $rp-color-pink-7: var(--rp-color-pink-7) !default;
305
+ $rp-color-pink-8: var(--rp-color-pink-8) !default;
306
+ $rp-color-pink-9: var(--rp-color-pink-9) !default;
307
+ $rp-color-pink-a1: var(--rp-color-pink-a1) !default;
308
+ $rp-color-pink-a10: var(--rp-color-pink-a10) !default;
309
+ $rp-color-pink-a11: var(--rp-color-pink-a11) !default;
310
+ $rp-color-pink-a12: var(--rp-color-pink-a12) !default;
311
+ $rp-color-pink-a2: var(--rp-color-pink-a2) !default;
312
+ $rp-color-pink-a3: var(--rp-color-pink-a3) !default;
313
+ $rp-color-pink-a4: var(--rp-color-pink-a4) !default;
314
+ $rp-color-pink-a5: var(--rp-color-pink-a5) !default;
315
+ $rp-color-pink-a6: var(--rp-color-pink-a6) !default;
316
+ $rp-color-pink-a7: var(--rp-color-pink-a7) !default;
317
+ $rp-color-pink-a8: var(--rp-color-pink-a8) !default;
318
+ $rp-color-pink-a9: var(--rp-color-pink-a9) !default;
319
+ $rp-color-pink-contrast: var(--rp-color-pink-contrast) !default;
320
+ $rp-color-pink-filled: var(--rp-color-pink-filled) !default;
321
+ $rp-color-pink-filled-hover: var(--rp-color-pink-filled-hover) !default;
322
+ $rp-color-pink-light: var(--rp-color-pink-light) !default;
323
+ $rp-color-pink-light-active: var(--rp-color-pink-light-active) !default;
324
+ $rp-color-pink-light-color: var(--rp-color-pink-light-color) !default;
325
+ $rp-color-pink-light-hover: var(--rp-color-pink-light-hover) !default;
326
+ $rp-color-pink-outline: var(--rp-color-pink-outline) !default;
327
+ $rp-color-pink-outline-hover: var(--rp-color-pink-outline-hover) !default;
328
+ $rp-color-placeholder: var(--rp-color-placeholder) !default;
329
+ $rp-color-primary-1: var(--rp-color-primary-1) !default;
330
+ $rp-color-primary-10: var(--rp-color-primary-10) !default;
331
+ $rp-color-primary-11: var(--rp-color-primary-11) !default;
332
+ $rp-color-primary-12: var(--rp-color-primary-12) !default;
333
+ $rp-color-primary-2: var(--rp-color-primary-2) !default;
334
+ $rp-color-primary-3: var(--rp-color-primary-3) !default;
335
+ $rp-color-primary-4: var(--rp-color-primary-4) !default;
336
+ $rp-color-primary-5: var(--rp-color-primary-5) !default;
337
+ $rp-color-primary-6: var(--rp-color-primary-6) !default;
338
+ $rp-color-primary-7: var(--rp-color-primary-7) !default;
339
+ $rp-color-primary-8: var(--rp-color-primary-8) !default;
340
+ $rp-color-primary-9: var(--rp-color-primary-9) !default;
341
+ $rp-color-primary-a1: var(--rp-color-primary-a1) !default;
342
+ $rp-color-primary-a10: var(--rp-color-primary-a10) !default;
343
+ $rp-color-primary-a11: var(--rp-color-primary-a11) !default;
344
+ $rp-color-primary-a12: var(--rp-color-primary-a12) !default;
345
+ $rp-color-primary-a2: var(--rp-color-primary-a2) !default;
346
+ $rp-color-primary-a3: var(--rp-color-primary-a3) !default;
347
+ $rp-color-primary-a4: var(--rp-color-primary-a4) !default;
348
+ $rp-color-primary-a5: var(--rp-color-primary-a5) !default;
349
+ $rp-color-primary-a6: var(--rp-color-primary-a6) !default;
350
+ $rp-color-primary-a7: var(--rp-color-primary-a7) !default;
351
+ $rp-color-primary-a8: var(--rp-color-primary-a8) !default;
352
+ $rp-color-primary-a9: var(--rp-color-primary-a9) !default;
353
+ $rp-color-primary-contrast: var(--rp-color-primary-contrast) !default;
354
+ $rp-color-primary-filled: var(--rp-color-primary-filled) !default;
355
+ $rp-color-primary-filled-hover: var(--rp-color-primary-filled-hover) !default;
356
+ $rp-color-primary-light: var(--rp-color-primary-light) !default;
357
+ $rp-color-primary-light-active: var(--rp-color-primary-light-active) !default;
358
+ $rp-color-primary-light-color: var(--rp-color-primary-light-color) !default;
359
+ $rp-color-primary-light-hover: var(--rp-color-primary-light-hover) !default;
360
+ $rp-color-primary-outline: var(--rp-color-primary-outline) !default;
361
+ $rp-color-primary-outline-hover: var(--rp-color-primary-outline-hover) !default;
362
+ $rp-color-red-1: var(--rp-color-red-1) !default;
363
+ $rp-color-red-10: var(--rp-color-red-10) !default;
364
+ $rp-color-red-11: var(--rp-color-red-11) !default;
365
+ $rp-color-red-12: var(--rp-color-red-12) !default;
366
+ $rp-color-red-2: var(--rp-color-red-2) !default;
367
+ $rp-color-red-3: var(--rp-color-red-3) !default;
368
+ $rp-color-red-4: var(--rp-color-red-4) !default;
369
+ $rp-color-red-5: var(--rp-color-red-5) !default;
370
+ $rp-color-red-6: var(--rp-color-red-6) !default;
371
+ $rp-color-red-7: var(--rp-color-red-7) !default;
372
+ $rp-color-red-8: var(--rp-color-red-8) !default;
373
+ $rp-color-red-9: var(--rp-color-red-9) !default;
374
+ $rp-color-red-a1: var(--rp-color-red-a1) !default;
375
+ $rp-color-red-a10: var(--rp-color-red-a10) !default;
376
+ $rp-color-red-a11: var(--rp-color-red-a11) !default;
377
+ $rp-color-red-a12: var(--rp-color-red-a12) !default;
378
+ $rp-color-red-a2: var(--rp-color-red-a2) !default;
379
+ $rp-color-red-a3: var(--rp-color-red-a3) !default;
380
+ $rp-color-red-a4: var(--rp-color-red-a4) !default;
381
+ $rp-color-red-a5: var(--rp-color-red-a5) !default;
382
+ $rp-color-red-a6: var(--rp-color-red-a6) !default;
383
+ $rp-color-red-a7: var(--rp-color-red-a7) !default;
384
+ $rp-color-red-a8: var(--rp-color-red-a8) !default;
385
+ $rp-color-red-a9: var(--rp-color-red-a9) !default;
386
+ $rp-color-red-contrast: var(--rp-color-red-contrast) !default;
387
+ $rp-color-red-filled: var(--rp-color-red-filled) !default;
388
+ $rp-color-red-filled-hover: var(--rp-color-red-filled-hover) !default;
389
+ $rp-color-red-light: var(--rp-color-red-light) !default;
390
+ $rp-color-red-light-active: var(--rp-color-red-light-active) !default;
391
+ $rp-color-red-light-color: var(--rp-color-red-light-color) !default;
392
+ $rp-color-red-light-hover: var(--rp-color-red-light-hover) !default;
393
+ $rp-color-red-outline: var(--rp-color-red-outline) !default;
394
+ $rp-color-red-outline-hover: var(--rp-color-red-outline-hover) !default;
395
+ $rp-color-teal-1: var(--rp-color-teal-1) !default;
396
+ $rp-color-teal-10: var(--rp-color-teal-10) !default;
397
+ $rp-color-teal-11: var(--rp-color-teal-11) !default;
398
+ $rp-color-teal-12: var(--rp-color-teal-12) !default;
399
+ $rp-color-teal-2: var(--rp-color-teal-2) !default;
400
+ $rp-color-teal-3: var(--rp-color-teal-3) !default;
401
+ $rp-color-teal-4: var(--rp-color-teal-4) !default;
402
+ $rp-color-teal-5: var(--rp-color-teal-5) !default;
403
+ $rp-color-teal-6: var(--rp-color-teal-6) !default;
404
+ $rp-color-teal-7: var(--rp-color-teal-7) !default;
405
+ $rp-color-teal-8: var(--rp-color-teal-8) !default;
406
+ $rp-color-teal-9: var(--rp-color-teal-9) !default;
407
+ $rp-color-teal-a1: var(--rp-color-teal-a1) !default;
408
+ $rp-color-teal-a10: var(--rp-color-teal-a10) !default;
409
+ $rp-color-teal-a11: var(--rp-color-teal-a11) !default;
410
+ $rp-color-teal-a12: var(--rp-color-teal-a12) !default;
411
+ $rp-color-teal-a2: var(--rp-color-teal-a2) !default;
412
+ $rp-color-teal-a3: var(--rp-color-teal-a3) !default;
413
+ $rp-color-teal-a4: var(--rp-color-teal-a4) !default;
414
+ $rp-color-teal-a5: var(--rp-color-teal-a5) !default;
415
+ $rp-color-teal-a6: var(--rp-color-teal-a6) !default;
416
+ $rp-color-teal-a7: var(--rp-color-teal-a7) !default;
417
+ $rp-color-teal-a8: var(--rp-color-teal-a8) !default;
418
+ $rp-color-teal-a9: var(--rp-color-teal-a9) !default;
419
+ $rp-color-teal-contrast: var(--rp-color-teal-contrast) !default;
420
+ $rp-color-teal-filled: var(--rp-color-teal-filled) !default;
421
+ $rp-color-teal-filled-hover: var(--rp-color-teal-filled-hover) !default;
422
+ $rp-color-teal-light: var(--rp-color-teal-light) !default;
423
+ $rp-color-teal-light-active: var(--rp-color-teal-light-active) !default;
424
+ $rp-color-teal-light-color: var(--rp-color-teal-light-color) !default;
425
+ $rp-color-teal-light-hover: var(--rp-color-teal-light-hover) !default;
426
+ $rp-color-teal-outline: var(--rp-color-teal-outline) !default;
427
+ $rp-color-teal-outline-hover: var(--rp-color-teal-outline-hover) !default;
428
+ $rp-color-text: var(--rp-color-text) !default;
429
+ $rp-color-violet-1: var(--rp-color-violet-1) !default;
430
+ $rp-color-violet-10: var(--rp-color-violet-10) !default;
431
+ $rp-color-violet-11: var(--rp-color-violet-11) !default;
432
+ $rp-color-violet-12: var(--rp-color-violet-12) !default;
433
+ $rp-color-violet-2: var(--rp-color-violet-2) !default;
434
+ $rp-color-violet-3: var(--rp-color-violet-3) !default;
435
+ $rp-color-violet-4: var(--rp-color-violet-4) !default;
436
+ $rp-color-violet-5: var(--rp-color-violet-5) !default;
437
+ $rp-color-violet-6: var(--rp-color-violet-6) !default;
438
+ $rp-color-violet-7: var(--rp-color-violet-7) !default;
439
+ $rp-color-violet-8: var(--rp-color-violet-8) !default;
440
+ $rp-color-violet-9: var(--rp-color-violet-9) !default;
441
+ $rp-color-violet-a1: var(--rp-color-violet-a1) !default;
442
+ $rp-color-violet-a10: var(--rp-color-violet-a10) !default;
443
+ $rp-color-violet-a11: var(--rp-color-violet-a11) !default;
444
+ $rp-color-violet-a12: var(--rp-color-violet-a12) !default;
445
+ $rp-color-violet-a2: var(--rp-color-violet-a2) !default;
446
+ $rp-color-violet-a3: var(--rp-color-violet-a3) !default;
447
+ $rp-color-violet-a4: var(--rp-color-violet-a4) !default;
448
+ $rp-color-violet-a5: var(--rp-color-violet-a5) !default;
449
+ $rp-color-violet-a6: var(--rp-color-violet-a6) !default;
450
+ $rp-color-violet-a7: var(--rp-color-violet-a7) !default;
451
+ $rp-color-violet-a8: var(--rp-color-violet-a8) !default;
452
+ $rp-color-violet-a9: var(--rp-color-violet-a9) !default;
453
+ $rp-color-violet-contrast: var(--rp-color-violet-contrast) !default;
454
+ $rp-color-violet-filled: var(--rp-color-violet-filled) !default;
455
+ $rp-color-violet-filled-hover: var(--rp-color-violet-filled-hover) !default;
456
+ $rp-color-violet-light: var(--rp-color-violet-light) !default;
457
+ $rp-color-violet-light-active: var(--rp-color-violet-light-active) !default;
458
+ $rp-color-violet-light-color: var(--rp-color-violet-light-color) !default;
459
+ $rp-color-violet-light-hover: var(--rp-color-violet-light-hover) !default;
460
+ $rp-color-violet-outline: var(--rp-color-violet-outline) !default;
461
+ $rp-color-violet-outline-hover: var(--rp-color-violet-outline-hover) !default;
462
+ $rp-color-white: var(--rp-color-white) !default;
463
+ $rp-color-yellow-1: var(--rp-color-yellow-1) !default;
464
+ $rp-color-yellow-10: var(--rp-color-yellow-10) !default;
465
+ $rp-color-yellow-11: var(--rp-color-yellow-11) !default;
466
+ $rp-color-yellow-12: var(--rp-color-yellow-12) !default;
467
+ $rp-color-yellow-2: var(--rp-color-yellow-2) !default;
468
+ $rp-color-yellow-3: var(--rp-color-yellow-3) !default;
469
+ $rp-color-yellow-4: var(--rp-color-yellow-4) !default;
470
+ $rp-color-yellow-5: var(--rp-color-yellow-5) !default;
471
+ $rp-color-yellow-6: var(--rp-color-yellow-6) !default;
472
+ $rp-color-yellow-7: var(--rp-color-yellow-7) !default;
473
+ $rp-color-yellow-8: var(--rp-color-yellow-8) !default;
474
+ $rp-color-yellow-9: var(--rp-color-yellow-9) !default;
475
+ $rp-color-yellow-a1: var(--rp-color-yellow-a1) !default;
476
+ $rp-color-yellow-a10: var(--rp-color-yellow-a10) !default;
477
+ $rp-color-yellow-a11: var(--rp-color-yellow-a11) !default;
478
+ $rp-color-yellow-a12: var(--rp-color-yellow-a12) !default;
479
+ $rp-color-yellow-a2: var(--rp-color-yellow-a2) !default;
480
+ $rp-color-yellow-a3: var(--rp-color-yellow-a3) !default;
481
+ $rp-color-yellow-a4: var(--rp-color-yellow-a4) !default;
482
+ $rp-color-yellow-a5: var(--rp-color-yellow-a5) !default;
483
+ $rp-color-yellow-a6: var(--rp-color-yellow-a6) !default;
484
+ $rp-color-yellow-a7: var(--rp-color-yellow-a7) !default;
485
+ $rp-color-yellow-a8: var(--rp-color-yellow-a8) !default;
486
+ $rp-color-yellow-a9: var(--rp-color-yellow-a9) !default;
487
+ $rp-color-yellow-contrast: var(--rp-color-yellow-contrast) !default;
488
+ $rp-color-yellow-filled: var(--rp-color-yellow-filled) !default;
489
+ $rp-color-yellow-filled-hover: var(--rp-color-yellow-filled-hover) !default;
490
+ $rp-color-yellow-light: var(--rp-color-yellow-light) !default;
491
+ $rp-color-yellow-light-active: var(--rp-color-yellow-light-active) !default;
492
+ $rp-color-yellow-light-color: var(--rp-color-yellow-light-color) !default;
493
+ $rp-color-yellow-light-hover: var(--rp-color-yellow-light-hover) !default;
494
+ $rp-color-yellow-outline: var(--rp-color-yellow-outline) !default;
495
+ $rp-color-yellow-outline-hover: var(--rp-color-yellow-outline-hover) !default;
496
+ $rp-component-menu-max-height: var(--rp-component-menu-max-height) !default;
497
+ $rp-component-menu-min-width: var(--rp-component-menu-min-width) !default;
498
+ $rp-font-family: var(--rp-font-family) !default;
499
+ $rp-font-size-lg: var(--rp-font-size-lg) !default;
500
+ $rp-font-size-md: var(--rp-font-size-md) !default;
501
+ $rp-font-size-sm: var(--rp-font-size-sm) !default;
502
+ $rp-font-size-xl: var(--rp-font-size-xl) !default;
503
+ $rp-font-size-xs: var(--rp-font-size-xs) !default;
504
+ $rp-font-weight-bold: var(--rp-font-weight-bold) !default;
505
+ $rp-font-weight-medium: var(--rp-font-weight-medium) !default;
506
+ $rp-font-weight-normal: var(--rp-font-weight-normal) !default;
507
+ $rp-font-weight-semibold: var(--rp-font-weight-semibold) !default;
508
+ $rp-heading-h1-font-size: var(--rp-heading-h1-font-size) !default;
509
+ $rp-heading-h1-font-weight: var(--rp-heading-h1-font-weight) !default;
510
+ $rp-heading-h1-line-height: var(--rp-heading-h1-line-height) !default;
511
+ $rp-heading-h2-font-size: var(--rp-heading-h2-font-size) !default;
512
+ $rp-heading-h2-font-weight: var(--rp-heading-h2-font-weight) !default;
513
+ $rp-heading-h2-line-height: var(--rp-heading-h2-line-height) !default;
514
+ $rp-heading-h3-font-size: var(--rp-heading-h3-font-size) !default;
515
+ $rp-heading-h3-font-weight: var(--rp-heading-h3-font-weight) !default;
516
+ $rp-heading-h3-line-height: var(--rp-heading-h3-line-height) !default;
517
+ $rp-heading-h4-font-size: var(--rp-heading-h4-font-size) !default;
518
+ $rp-heading-h4-font-weight: var(--rp-heading-h4-font-weight) !default;
519
+ $rp-heading-h4-line-height: var(--rp-heading-h4-line-height) !default;
520
+ $rp-heading-h5-font-size: var(--rp-heading-h5-font-size) !default;
521
+ $rp-heading-h5-font-weight: var(--rp-heading-h5-font-weight) !default;
522
+ $rp-heading-h5-line-height: var(--rp-heading-h5-line-height) !default;
523
+ $rp-heading-h6-font-size: var(--rp-heading-h6-font-size) !default;
524
+ $rp-heading-h6-font-weight: var(--rp-heading-h6-font-weight) !default;
525
+ $rp-heading-h6-line-height: var(--rp-heading-h6-line-height) !default;
526
+ $rp-line-height-lg: var(--rp-line-height-lg) !default;
527
+ $rp-line-height-md: var(--rp-line-height-md) !default;
528
+ $rp-line-height-sm: var(--rp-line-height-sm) !default;
529
+ $rp-line-height-xl: var(--rp-line-height-xl) !default;
530
+ $rp-line-height-xs: var(--rp-line-height-xs) !default;
531
+ $rp-opacity-disabled: var(--rp-opacity-disabled) !default;
532
+ $rp-radius-full: var(--rp-radius-full) !default;
533
+ $rp-radius-lg: var(--rp-radius-lg) !default;
534
+ $rp-radius-md: var(--rp-radius-md) !default;
535
+ $rp-radius-none: var(--rp-radius-none) !default;
536
+ $rp-radius-sm: var(--rp-radius-sm) !default;
537
+ $rp-radius-xl: var(--rp-radius-xl) !default;
538
+ $rp-radius-xs: var(--rp-radius-xs) !default;
539
+ $rp-shadow-base: var(--rp-shadow-base) !default;
540
+ $rp-shadow-lg: var(--rp-shadow-lg) !default;
541
+ $rp-shadow-md: var(--rp-shadow-md) !default;
542
+ $rp-shadow-sm: var(--rp-shadow-sm) !default;
543
+ $rp-size-control-lg: var(--rp-size-control-lg) !default;
544
+ $rp-size-control-md: var(--rp-size-control-md) !default;
545
+ $rp-size-control-sm: var(--rp-size-control-sm) !default;
546
+ $rp-size-control-xl: var(--rp-size-control-xl) !default;
547
+ $rp-size-control-xs: var(--rp-size-control-xs) !default;
548
+ $rp-spacing-0: var(--rp-spacing-0) !default;
549
+ $rp-spacing-1: var(--rp-spacing-1) !default;
550
+ $rp-spacing-10: var(--rp-spacing-10) !default;
551
+ $rp-spacing-12: var(--rp-spacing-12) !default;
552
+ $rp-spacing-2: var(--rp-spacing-2) !default;
553
+ $rp-spacing-3: var(--rp-spacing-3) !default;
554
+ $rp-spacing-4: var(--rp-spacing-4) !default;
555
+ $rp-spacing-5: var(--rp-spacing-5) !default;
556
+ $rp-spacing-6: var(--rp-spacing-6) !default;
557
+ $rp-spacing-8: var(--rp-spacing-8) !default;
558
+ $rp-transition-base: var(--rp-transition-base) !default;
559
+ $rp-transition-fast: var(--rp-transition-fast) !default;
560
+ $rp-transition-slow: var(--rp-transition-slow) !default;
561
+ $rp-z-index-dropdown: var(--rp-z-index-dropdown) !default;
562
+ $rp-z-index-tooltip: var(--rp-z-index-tooltip) !default;
563
+
564
+ $rp-tokens: (
565
+ "border.width.medium": var(--rp-border-width-medium),
566
+ "border.width.thin": var(--rp-border-width-thin),
567
+ "color.black": var(--rp-color-black),
568
+ "color.blue.1": var(--rp-color-blue-1),
569
+ "color.blue.10": var(--rp-color-blue-10),
570
+ "color.blue.11": var(--rp-color-blue-11),
571
+ "color.blue.12": var(--rp-color-blue-12),
572
+ "color.blue.2": var(--rp-color-blue-2),
573
+ "color.blue.3": var(--rp-color-blue-3),
574
+ "color.blue.4": var(--rp-color-blue-4),
575
+ "color.blue.5": var(--rp-color-blue-5),
576
+ "color.blue.6": var(--rp-color-blue-6),
577
+ "color.blue.7": var(--rp-color-blue-7),
578
+ "color.blue.8": var(--rp-color-blue-8),
579
+ "color.blue.9": var(--rp-color-blue-9),
580
+ "color.blue.a1": var(--rp-color-blue-a1),
581
+ "color.blue.a10": var(--rp-color-blue-a10),
582
+ "color.blue.a11": var(--rp-color-blue-a11),
583
+ "color.blue.a12": var(--rp-color-blue-a12),
584
+ "color.blue.a2": var(--rp-color-blue-a2),
585
+ "color.blue.a3": var(--rp-color-blue-a3),
586
+ "color.blue.a4": var(--rp-color-blue-a4),
587
+ "color.blue.a5": var(--rp-color-blue-a5),
588
+ "color.blue.a6": var(--rp-color-blue-a6),
589
+ "color.blue.a7": var(--rp-color-blue-a7),
590
+ "color.blue.a8": var(--rp-color-blue-a8),
591
+ "color.blue.a9": var(--rp-color-blue-a9),
592
+ "color.blue.contrast": var(--rp-color-blue-contrast),
593
+ "color.blue.filled": var(--rp-color-blue-filled),
594
+ "color.blue.filled-hover": var(--rp-color-blue-filled-hover),
595
+ "color.blue.light": var(--rp-color-blue-light),
596
+ "color.blue.light-active": var(--rp-color-blue-light-active),
597
+ "color.blue.light-color": var(--rp-color-blue-light-color),
598
+ "color.blue.light-hover": var(--rp-color-blue-light-hover),
599
+ "color.blue.outline": var(--rp-color-blue-outline),
600
+ "color.blue.outline-hover": var(--rp-color-blue-outline-hover),
601
+ "color.body": var(--rp-color-body),
602
+ "color.bright": var(--rp-color-bright),
603
+ "color.control.bg": var(--rp-color-control-bg),
604
+ "color.control.border": var(--rp-color-control-border),
605
+ "color.control.border-focus": var(--rp-color-control-border-focus),
606
+ "color.control.border-hover": var(--rp-color-control-border-hover),
607
+ "color.control.fg": var(--rp-color-control-fg),
608
+ "color.control.icon": var(--rp-color-control-icon),
609
+ "color.control.placeholder": var(--rp-color-control-placeholder),
610
+ "color.control.readonly-bg": var(--rp-color-control-readonly-bg),
611
+ "color.control.selected-bg": var(--rp-color-control-selected-bg),
612
+ "color.control.selected-fg": var(--rp-color-control-selected-fg),
613
+ "color.control.thumb-bg": var(--rp-color-control-thumb-bg),
614
+ "color.control.track-bg": var(--rp-color-control-track-bg),
615
+ "color.cyan.1": var(--rp-color-cyan-1),
616
+ "color.cyan.10": var(--rp-color-cyan-10),
617
+ "color.cyan.11": var(--rp-color-cyan-11),
618
+ "color.cyan.12": var(--rp-color-cyan-12),
619
+ "color.cyan.2": var(--rp-color-cyan-2),
620
+ "color.cyan.3": var(--rp-color-cyan-3),
621
+ "color.cyan.4": var(--rp-color-cyan-4),
622
+ "color.cyan.5": var(--rp-color-cyan-5),
623
+ "color.cyan.6": var(--rp-color-cyan-6),
624
+ "color.cyan.7": var(--rp-color-cyan-7),
625
+ "color.cyan.8": var(--rp-color-cyan-8),
626
+ "color.cyan.9": var(--rp-color-cyan-9),
627
+ "color.cyan.a1": var(--rp-color-cyan-a1),
628
+ "color.cyan.a10": var(--rp-color-cyan-a10),
629
+ "color.cyan.a11": var(--rp-color-cyan-a11),
630
+ "color.cyan.a12": var(--rp-color-cyan-a12),
631
+ "color.cyan.a2": var(--rp-color-cyan-a2),
632
+ "color.cyan.a3": var(--rp-color-cyan-a3),
633
+ "color.cyan.a4": var(--rp-color-cyan-a4),
634
+ "color.cyan.a5": var(--rp-color-cyan-a5),
635
+ "color.cyan.a6": var(--rp-color-cyan-a6),
636
+ "color.cyan.a7": var(--rp-color-cyan-a7),
637
+ "color.cyan.a8": var(--rp-color-cyan-a8),
638
+ "color.cyan.a9": var(--rp-color-cyan-a9),
639
+ "color.cyan.contrast": var(--rp-color-cyan-contrast),
640
+ "color.cyan.filled": var(--rp-color-cyan-filled),
641
+ "color.cyan.filled-hover": var(--rp-color-cyan-filled-hover),
642
+ "color.cyan.light": var(--rp-color-cyan-light),
643
+ "color.cyan.light-active": var(--rp-color-cyan-light-active),
644
+ "color.cyan.light-color": var(--rp-color-cyan-light-color),
645
+ "color.cyan.light-hover": var(--rp-color-cyan-light-hover),
646
+ "color.cyan.outline": var(--rp-color-cyan-outline),
647
+ "color.cyan.outline-hover": var(--rp-color-cyan-outline-hover),
648
+ "color.default": var(--rp-color-default),
649
+ "color.default-border": var(--rp-color-default-border),
650
+ "color.default-border-hover": var(--rp-color-default-border-hover),
651
+ "color.default-color": var(--rp-color-default-color),
652
+ "color.default-hover": var(--rp-color-default-hover),
653
+ "color.dimmed": var(--rp-color-dimmed),
654
+ "color.disabled": var(--rp-color-disabled),
655
+ "color.disabled-border": var(--rp-color-disabled-border),
656
+ "color.disabled-color": var(--rp-color-disabled-color),
657
+ "color.focus-ring": var(--rp-color-focus-ring),
658
+ "color.grape.1": var(--rp-color-grape-1),
659
+ "color.grape.10": var(--rp-color-grape-10),
660
+ "color.grape.11": var(--rp-color-grape-11),
661
+ "color.grape.12": var(--rp-color-grape-12),
662
+ "color.grape.2": var(--rp-color-grape-2),
663
+ "color.grape.3": var(--rp-color-grape-3),
664
+ "color.grape.4": var(--rp-color-grape-4),
665
+ "color.grape.5": var(--rp-color-grape-5),
666
+ "color.grape.6": var(--rp-color-grape-6),
667
+ "color.grape.7": var(--rp-color-grape-7),
668
+ "color.grape.8": var(--rp-color-grape-8),
669
+ "color.grape.9": var(--rp-color-grape-9),
670
+ "color.grape.a1": var(--rp-color-grape-a1),
671
+ "color.grape.a10": var(--rp-color-grape-a10),
672
+ "color.grape.a11": var(--rp-color-grape-a11),
673
+ "color.grape.a12": var(--rp-color-grape-a12),
674
+ "color.grape.a2": var(--rp-color-grape-a2),
675
+ "color.grape.a3": var(--rp-color-grape-a3),
676
+ "color.grape.a4": var(--rp-color-grape-a4),
677
+ "color.grape.a5": var(--rp-color-grape-a5),
678
+ "color.grape.a6": var(--rp-color-grape-a6),
679
+ "color.grape.a7": var(--rp-color-grape-a7),
680
+ "color.grape.a8": var(--rp-color-grape-a8),
681
+ "color.grape.a9": var(--rp-color-grape-a9),
682
+ "color.grape.contrast": var(--rp-color-grape-contrast),
683
+ "color.grape.filled": var(--rp-color-grape-filled),
684
+ "color.grape.filled-hover": var(--rp-color-grape-filled-hover),
685
+ "color.grape.light": var(--rp-color-grape-light),
686
+ "color.grape.light-active": var(--rp-color-grape-light-active),
687
+ "color.grape.light-color": var(--rp-color-grape-light-color),
688
+ "color.grape.light-hover": var(--rp-color-grape-light-hover),
689
+ "color.grape.outline": var(--rp-color-grape-outline),
690
+ "color.grape.outline-hover": var(--rp-color-grape-outline-hover),
691
+ "color.gray.1": var(--rp-color-gray-1),
692
+ "color.gray.10": var(--rp-color-gray-10),
693
+ "color.gray.11": var(--rp-color-gray-11),
694
+ "color.gray.12": var(--rp-color-gray-12),
695
+ "color.gray.2": var(--rp-color-gray-2),
696
+ "color.gray.3": var(--rp-color-gray-3),
697
+ "color.gray.4": var(--rp-color-gray-4),
698
+ "color.gray.5": var(--rp-color-gray-5),
699
+ "color.gray.6": var(--rp-color-gray-6),
700
+ "color.gray.7": var(--rp-color-gray-7),
701
+ "color.gray.8": var(--rp-color-gray-8),
702
+ "color.gray.9": var(--rp-color-gray-9),
703
+ "color.gray.a1": var(--rp-color-gray-a1),
704
+ "color.gray.a10": var(--rp-color-gray-a10),
705
+ "color.gray.a11": var(--rp-color-gray-a11),
706
+ "color.gray.a12": var(--rp-color-gray-a12),
707
+ "color.gray.a2": var(--rp-color-gray-a2),
708
+ "color.gray.a3": var(--rp-color-gray-a3),
709
+ "color.gray.a4": var(--rp-color-gray-a4),
710
+ "color.gray.a5": var(--rp-color-gray-a5),
711
+ "color.gray.a6": var(--rp-color-gray-a6),
712
+ "color.gray.a7": var(--rp-color-gray-a7),
713
+ "color.gray.a8": var(--rp-color-gray-a8),
714
+ "color.gray.a9": var(--rp-color-gray-a9),
715
+ "color.gray.contrast": var(--rp-color-gray-contrast),
716
+ "color.gray.filled": var(--rp-color-gray-filled),
717
+ "color.gray.filled-hover": var(--rp-color-gray-filled-hover),
718
+ "color.gray.light": var(--rp-color-gray-light),
719
+ "color.gray.light-active": var(--rp-color-gray-light-active),
720
+ "color.gray.light-color": var(--rp-color-gray-light-color),
721
+ "color.gray.light-hover": var(--rp-color-gray-light-hover),
722
+ "color.gray.outline": var(--rp-color-gray-outline),
723
+ "color.gray.outline-hover": var(--rp-color-gray-outline-hover),
724
+ "color.green.1": var(--rp-color-green-1),
725
+ "color.green.10": var(--rp-color-green-10),
726
+ "color.green.11": var(--rp-color-green-11),
727
+ "color.green.12": var(--rp-color-green-12),
728
+ "color.green.2": var(--rp-color-green-2),
729
+ "color.green.3": var(--rp-color-green-3),
730
+ "color.green.4": var(--rp-color-green-4),
731
+ "color.green.5": var(--rp-color-green-5),
732
+ "color.green.6": var(--rp-color-green-6),
733
+ "color.green.7": var(--rp-color-green-7),
734
+ "color.green.8": var(--rp-color-green-8),
735
+ "color.green.9": var(--rp-color-green-9),
736
+ "color.green.a1": var(--rp-color-green-a1),
737
+ "color.green.a10": var(--rp-color-green-a10),
738
+ "color.green.a11": var(--rp-color-green-a11),
739
+ "color.green.a12": var(--rp-color-green-a12),
740
+ "color.green.a2": var(--rp-color-green-a2),
741
+ "color.green.a3": var(--rp-color-green-a3),
742
+ "color.green.a4": var(--rp-color-green-a4),
743
+ "color.green.a5": var(--rp-color-green-a5),
744
+ "color.green.a6": var(--rp-color-green-a6),
745
+ "color.green.a7": var(--rp-color-green-a7),
746
+ "color.green.a8": var(--rp-color-green-a8),
747
+ "color.green.a9": var(--rp-color-green-a9),
748
+ "color.green.contrast": var(--rp-color-green-contrast),
749
+ "color.green.filled": var(--rp-color-green-filled),
750
+ "color.green.filled-hover": var(--rp-color-green-filled-hover),
751
+ "color.green.light": var(--rp-color-green-light),
752
+ "color.green.light-active": var(--rp-color-green-light-active),
753
+ "color.green.light-color": var(--rp-color-green-light-color),
754
+ "color.green.light-hover": var(--rp-color-green-light-hover),
755
+ "color.green.outline": var(--rp-color-green-outline),
756
+ "color.green.outline-hover": var(--rp-color-green-outline-hover),
757
+ "color.indigo.1": var(--rp-color-indigo-1),
758
+ "color.indigo.10": var(--rp-color-indigo-10),
759
+ "color.indigo.11": var(--rp-color-indigo-11),
760
+ "color.indigo.12": var(--rp-color-indigo-12),
761
+ "color.indigo.2": var(--rp-color-indigo-2),
762
+ "color.indigo.3": var(--rp-color-indigo-3),
763
+ "color.indigo.4": var(--rp-color-indigo-4),
764
+ "color.indigo.5": var(--rp-color-indigo-5),
765
+ "color.indigo.6": var(--rp-color-indigo-6),
766
+ "color.indigo.7": var(--rp-color-indigo-7),
767
+ "color.indigo.8": var(--rp-color-indigo-8),
768
+ "color.indigo.9": var(--rp-color-indigo-9),
769
+ "color.indigo.a1": var(--rp-color-indigo-a1),
770
+ "color.indigo.a10": var(--rp-color-indigo-a10),
771
+ "color.indigo.a11": var(--rp-color-indigo-a11),
772
+ "color.indigo.a12": var(--rp-color-indigo-a12),
773
+ "color.indigo.a2": var(--rp-color-indigo-a2),
774
+ "color.indigo.a3": var(--rp-color-indigo-a3),
775
+ "color.indigo.a4": var(--rp-color-indigo-a4),
776
+ "color.indigo.a5": var(--rp-color-indigo-a5),
777
+ "color.indigo.a6": var(--rp-color-indigo-a6),
778
+ "color.indigo.a7": var(--rp-color-indigo-a7),
779
+ "color.indigo.a8": var(--rp-color-indigo-a8),
780
+ "color.indigo.a9": var(--rp-color-indigo-a9),
781
+ "color.indigo.contrast": var(--rp-color-indigo-contrast),
782
+ "color.indigo.filled": var(--rp-color-indigo-filled),
783
+ "color.indigo.filled-hover": var(--rp-color-indigo-filled-hover),
784
+ "color.indigo.light": var(--rp-color-indigo-light),
785
+ "color.indigo.light-active": var(--rp-color-indigo-light-active),
786
+ "color.indigo.light-color": var(--rp-color-indigo-light-color),
787
+ "color.indigo.light-hover": var(--rp-color-indigo-light-hover),
788
+ "color.indigo.outline": var(--rp-color-indigo-outline),
789
+ "color.indigo.outline-hover": var(--rp-color-indigo-outline-hover),
790
+ "color.lime.1": var(--rp-color-lime-1),
791
+ "color.lime.10": var(--rp-color-lime-10),
792
+ "color.lime.11": var(--rp-color-lime-11),
793
+ "color.lime.12": var(--rp-color-lime-12),
794
+ "color.lime.2": var(--rp-color-lime-2),
795
+ "color.lime.3": var(--rp-color-lime-3),
796
+ "color.lime.4": var(--rp-color-lime-4),
797
+ "color.lime.5": var(--rp-color-lime-5),
798
+ "color.lime.6": var(--rp-color-lime-6),
799
+ "color.lime.7": var(--rp-color-lime-7),
800
+ "color.lime.8": var(--rp-color-lime-8),
801
+ "color.lime.9": var(--rp-color-lime-9),
802
+ "color.lime.a1": var(--rp-color-lime-a1),
803
+ "color.lime.a10": var(--rp-color-lime-a10),
804
+ "color.lime.a11": var(--rp-color-lime-a11),
805
+ "color.lime.a12": var(--rp-color-lime-a12),
806
+ "color.lime.a2": var(--rp-color-lime-a2),
807
+ "color.lime.a3": var(--rp-color-lime-a3),
808
+ "color.lime.a4": var(--rp-color-lime-a4),
809
+ "color.lime.a5": var(--rp-color-lime-a5),
810
+ "color.lime.a6": var(--rp-color-lime-a6),
811
+ "color.lime.a7": var(--rp-color-lime-a7),
812
+ "color.lime.a8": var(--rp-color-lime-a8),
813
+ "color.lime.a9": var(--rp-color-lime-a9),
814
+ "color.lime.contrast": var(--rp-color-lime-contrast),
815
+ "color.lime.filled": var(--rp-color-lime-filled),
816
+ "color.lime.filled-hover": var(--rp-color-lime-filled-hover),
817
+ "color.lime.light": var(--rp-color-lime-light),
818
+ "color.lime.light-active": var(--rp-color-lime-light-active),
819
+ "color.lime.light-color": var(--rp-color-lime-light-color),
820
+ "color.lime.light-hover": var(--rp-color-lime-light-hover),
821
+ "color.lime.outline": var(--rp-color-lime-outline),
822
+ "color.lime.outline-hover": var(--rp-color-lime-outline-hover),
823
+ "color.orange.1": var(--rp-color-orange-1),
824
+ "color.orange.10": var(--rp-color-orange-10),
825
+ "color.orange.11": var(--rp-color-orange-11),
826
+ "color.orange.12": var(--rp-color-orange-12),
827
+ "color.orange.2": var(--rp-color-orange-2),
828
+ "color.orange.3": var(--rp-color-orange-3),
829
+ "color.orange.4": var(--rp-color-orange-4),
830
+ "color.orange.5": var(--rp-color-orange-5),
831
+ "color.orange.6": var(--rp-color-orange-6),
832
+ "color.orange.7": var(--rp-color-orange-7),
833
+ "color.orange.8": var(--rp-color-orange-8),
834
+ "color.orange.9": var(--rp-color-orange-9),
835
+ "color.orange.a1": var(--rp-color-orange-a1),
836
+ "color.orange.a10": var(--rp-color-orange-a10),
837
+ "color.orange.a11": var(--rp-color-orange-a11),
838
+ "color.orange.a12": var(--rp-color-orange-a12),
839
+ "color.orange.a2": var(--rp-color-orange-a2),
840
+ "color.orange.a3": var(--rp-color-orange-a3),
841
+ "color.orange.a4": var(--rp-color-orange-a4),
842
+ "color.orange.a5": var(--rp-color-orange-a5),
843
+ "color.orange.a6": var(--rp-color-orange-a6),
844
+ "color.orange.a7": var(--rp-color-orange-a7),
845
+ "color.orange.a8": var(--rp-color-orange-a8),
846
+ "color.orange.a9": var(--rp-color-orange-a9),
847
+ "color.orange.contrast": var(--rp-color-orange-contrast),
848
+ "color.orange.filled": var(--rp-color-orange-filled),
849
+ "color.orange.filled-hover": var(--rp-color-orange-filled-hover),
850
+ "color.orange.light": var(--rp-color-orange-light),
851
+ "color.orange.light-active": var(--rp-color-orange-light-active),
852
+ "color.orange.light-color": var(--rp-color-orange-light-color),
853
+ "color.orange.light-hover": var(--rp-color-orange-light-hover),
854
+ "color.orange.outline": var(--rp-color-orange-outline),
855
+ "color.orange.outline-hover": var(--rp-color-orange-outline-hover),
856
+ "color.pink.1": var(--rp-color-pink-1),
857
+ "color.pink.10": var(--rp-color-pink-10),
858
+ "color.pink.11": var(--rp-color-pink-11),
859
+ "color.pink.12": var(--rp-color-pink-12),
860
+ "color.pink.2": var(--rp-color-pink-2),
861
+ "color.pink.3": var(--rp-color-pink-3),
862
+ "color.pink.4": var(--rp-color-pink-4),
863
+ "color.pink.5": var(--rp-color-pink-5),
864
+ "color.pink.6": var(--rp-color-pink-6),
865
+ "color.pink.7": var(--rp-color-pink-7),
866
+ "color.pink.8": var(--rp-color-pink-8),
867
+ "color.pink.9": var(--rp-color-pink-9),
868
+ "color.pink.a1": var(--rp-color-pink-a1),
869
+ "color.pink.a10": var(--rp-color-pink-a10),
870
+ "color.pink.a11": var(--rp-color-pink-a11),
871
+ "color.pink.a12": var(--rp-color-pink-a12),
872
+ "color.pink.a2": var(--rp-color-pink-a2),
873
+ "color.pink.a3": var(--rp-color-pink-a3),
874
+ "color.pink.a4": var(--rp-color-pink-a4),
875
+ "color.pink.a5": var(--rp-color-pink-a5),
876
+ "color.pink.a6": var(--rp-color-pink-a6),
877
+ "color.pink.a7": var(--rp-color-pink-a7),
878
+ "color.pink.a8": var(--rp-color-pink-a8),
879
+ "color.pink.a9": var(--rp-color-pink-a9),
880
+ "color.pink.contrast": var(--rp-color-pink-contrast),
881
+ "color.pink.filled": var(--rp-color-pink-filled),
882
+ "color.pink.filled-hover": var(--rp-color-pink-filled-hover),
883
+ "color.pink.light": var(--rp-color-pink-light),
884
+ "color.pink.light-active": var(--rp-color-pink-light-active),
885
+ "color.pink.light-color": var(--rp-color-pink-light-color),
886
+ "color.pink.light-hover": var(--rp-color-pink-light-hover),
887
+ "color.pink.outline": var(--rp-color-pink-outline),
888
+ "color.pink.outline-hover": var(--rp-color-pink-outline-hover),
889
+ "color.placeholder": var(--rp-color-placeholder),
890
+ "color.primary.1": var(--rp-color-primary-1),
891
+ "color.primary.10": var(--rp-color-primary-10),
892
+ "color.primary.11": var(--rp-color-primary-11),
893
+ "color.primary.12": var(--rp-color-primary-12),
894
+ "color.primary.2": var(--rp-color-primary-2),
895
+ "color.primary.3": var(--rp-color-primary-3),
896
+ "color.primary.4": var(--rp-color-primary-4),
897
+ "color.primary.5": var(--rp-color-primary-5),
898
+ "color.primary.6": var(--rp-color-primary-6),
899
+ "color.primary.7": var(--rp-color-primary-7),
900
+ "color.primary.8": var(--rp-color-primary-8),
901
+ "color.primary.9": var(--rp-color-primary-9),
902
+ "color.primary.a1": var(--rp-color-primary-a1),
903
+ "color.primary.a10": var(--rp-color-primary-a10),
904
+ "color.primary.a11": var(--rp-color-primary-a11),
905
+ "color.primary.a12": var(--rp-color-primary-a12),
906
+ "color.primary.a2": var(--rp-color-primary-a2),
907
+ "color.primary.a3": var(--rp-color-primary-a3),
908
+ "color.primary.a4": var(--rp-color-primary-a4),
909
+ "color.primary.a5": var(--rp-color-primary-a5),
910
+ "color.primary.a6": var(--rp-color-primary-a6),
911
+ "color.primary.a7": var(--rp-color-primary-a7),
912
+ "color.primary.a8": var(--rp-color-primary-a8),
913
+ "color.primary.a9": var(--rp-color-primary-a9),
914
+ "color.primary.contrast": var(--rp-color-primary-contrast),
915
+ "color.primary.filled": var(--rp-color-primary-filled),
916
+ "color.primary.filled-hover": var(--rp-color-primary-filled-hover),
917
+ "color.primary.light": var(--rp-color-primary-light),
918
+ "color.primary.light-active": var(--rp-color-primary-light-active),
919
+ "color.primary.light-color": var(--rp-color-primary-light-color),
920
+ "color.primary.light-hover": var(--rp-color-primary-light-hover),
921
+ "color.primary.outline": var(--rp-color-primary-outline),
922
+ "color.primary.outline-hover": var(--rp-color-primary-outline-hover),
923
+ "color.red.1": var(--rp-color-red-1),
924
+ "color.red.10": var(--rp-color-red-10),
925
+ "color.red.11": var(--rp-color-red-11),
926
+ "color.red.12": var(--rp-color-red-12),
927
+ "color.red.2": var(--rp-color-red-2),
928
+ "color.red.3": var(--rp-color-red-3),
929
+ "color.red.4": var(--rp-color-red-4),
930
+ "color.red.5": var(--rp-color-red-5),
931
+ "color.red.6": var(--rp-color-red-6),
932
+ "color.red.7": var(--rp-color-red-7),
933
+ "color.red.8": var(--rp-color-red-8),
934
+ "color.red.9": var(--rp-color-red-9),
935
+ "color.red.a1": var(--rp-color-red-a1),
936
+ "color.red.a10": var(--rp-color-red-a10),
937
+ "color.red.a11": var(--rp-color-red-a11),
938
+ "color.red.a12": var(--rp-color-red-a12),
939
+ "color.red.a2": var(--rp-color-red-a2),
940
+ "color.red.a3": var(--rp-color-red-a3),
941
+ "color.red.a4": var(--rp-color-red-a4),
942
+ "color.red.a5": var(--rp-color-red-a5),
943
+ "color.red.a6": var(--rp-color-red-a6),
944
+ "color.red.a7": var(--rp-color-red-a7),
945
+ "color.red.a8": var(--rp-color-red-a8),
946
+ "color.red.a9": var(--rp-color-red-a9),
947
+ "color.red.contrast": var(--rp-color-red-contrast),
948
+ "color.red.filled": var(--rp-color-red-filled),
949
+ "color.red.filled-hover": var(--rp-color-red-filled-hover),
950
+ "color.red.light": var(--rp-color-red-light),
951
+ "color.red.light-active": var(--rp-color-red-light-active),
952
+ "color.red.light-color": var(--rp-color-red-light-color),
953
+ "color.red.light-hover": var(--rp-color-red-light-hover),
954
+ "color.red.outline": var(--rp-color-red-outline),
955
+ "color.red.outline-hover": var(--rp-color-red-outline-hover),
956
+ "color.teal.1": var(--rp-color-teal-1),
957
+ "color.teal.10": var(--rp-color-teal-10),
958
+ "color.teal.11": var(--rp-color-teal-11),
959
+ "color.teal.12": var(--rp-color-teal-12),
960
+ "color.teal.2": var(--rp-color-teal-2),
961
+ "color.teal.3": var(--rp-color-teal-3),
962
+ "color.teal.4": var(--rp-color-teal-4),
963
+ "color.teal.5": var(--rp-color-teal-5),
964
+ "color.teal.6": var(--rp-color-teal-6),
965
+ "color.teal.7": var(--rp-color-teal-7),
966
+ "color.teal.8": var(--rp-color-teal-8),
967
+ "color.teal.9": var(--rp-color-teal-9),
968
+ "color.teal.a1": var(--rp-color-teal-a1),
969
+ "color.teal.a10": var(--rp-color-teal-a10),
970
+ "color.teal.a11": var(--rp-color-teal-a11),
971
+ "color.teal.a12": var(--rp-color-teal-a12),
972
+ "color.teal.a2": var(--rp-color-teal-a2),
973
+ "color.teal.a3": var(--rp-color-teal-a3),
974
+ "color.teal.a4": var(--rp-color-teal-a4),
975
+ "color.teal.a5": var(--rp-color-teal-a5),
976
+ "color.teal.a6": var(--rp-color-teal-a6),
977
+ "color.teal.a7": var(--rp-color-teal-a7),
978
+ "color.teal.a8": var(--rp-color-teal-a8),
979
+ "color.teal.a9": var(--rp-color-teal-a9),
980
+ "color.teal.contrast": var(--rp-color-teal-contrast),
981
+ "color.teal.filled": var(--rp-color-teal-filled),
982
+ "color.teal.filled-hover": var(--rp-color-teal-filled-hover),
983
+ "color.teal.light": var(--rp-color-teal-light),
984
+ "color.teal.light-active": var(--rp-color-teal-light-active),
985
+ "color.teal.light-color": var(--rp-color-teal-light-color),
986
+ "color.teal.light-hover": var(--rp-color-teal-light-hover),
987
+ "color.teal.outline": var(--rp-color-teal-outline),
988
+ "color.teal.outline-hover": var(--rp-color-teal-outline-hover),
989
+ "color.text": var(--rp-color-text),
990
+ "color.violet.1": var(--rp-color-violet-1),
991
+ "color.violet.10": var(--rp-color-violet-10),
992
+ "color.violet.11": var(--rp-color-violet-11),
993
+ "color.violet.12": var(--rp-color-violet-12),
994
+ "color.violet.2": var(--rp-color-violet-2),
995
+ "color.violet.3": var(--rp-color-violet-3),
996
+ "color.violet.4": var(--rp-color-violet-4),
997
+ "color.violet.5": var(--rp-color-violet-5),
998
+ "color.violet.6": var(--rp-color-violet-6),
999
+ "color.violet.7": var(--rp-color-violet-7),
1000
+ "color.violet.8": var(--rp-color-violet-8),
1001
+ "color.violet.9": var(--rp-color-violet-9),
1002
+ "color.violet.a1": var(--rp-color-violet-a1),
1003
+ "color.violet.a10": var(--rp-color-violet-a10),
1004
+ "color.violet.a11": var(--rp-color-violet-a11),
1005
+ "color.violet.a12": var(--rp-color-violet-a12),
1006
+ "color.violet.a2": var(--rp-color-violet-a2),
1007
+ "color.violet.a3": var(--rp-color-violet-a3),
1008
+ "color.violet.a4": var(--rp-color-violet-a4),
1009
+ "color.violet.a5": var(--rp-color-violet-a5),
1010
+ "color.violet.a6": var(--rp-color-violet-a6),
1011
+ "color.violet.a7": var(--rp-color-violet-a7),
1012
+ "color.violet.a8": var(--rp-color-violet-a8),
1013
+ "color.violet.a9": var(--rp-color-violet-a9),
1014
+ "color.violet.contrast": var(--rp-color-violet-contrast),
1015
+ "color.violet.filled": var(--rp-color-violet-filled),
1016
+ "color.violet.filled-hover": var(--rp-color-violet-filled-hover),
1017
+ "color.violet.light": var(--rp-color-violet-light),
1018
+ "color.violet.light-active": var(--rp-color-violet-light-active),
1019
+ "color.violet.light-color": var(--rp-color-violet-light-color),
1020
+ "color.violet.light-hover": var(--rp-color-violet-light-hover),
1021
+ "color.violet.outline": var(--rp-color-violet-outline),
1022
+ "color.violet.outline-hover": var(--rp-color-violet-outline-hover),
1023
+ "color.white": var(--rp-color-white),
1024
+ "color.yellow.1": var(--rp-color-yellow-1),
1025
+ "color.yellow.10": var(--rp-color-yellow-10),
1026
+ "color.yellow.11": var(--rp-color-yellow-11),
1027
+ "color.yellow.12": var(--rp-color-yellow-12),
1028
+ "color.yellow.2": var(--rp-color-yellow-2),
1029
+ "color.yellow.3": var(--rp-color-yellow-3),
1030
+ "color.yellow.4": var(--rp-color-yellow-4),
1031
+ "color.yellow.5": var(--rp-color-yellow-5),
1032
+ "color.yellow.6": var(--rp-color-yellow-6),
1033
+ "color.yellow.7": var(--rp-color-yellow-7),
1034
+ "color.yellow.8": var(--rp-color-yellow-8),
1035
+ "color.yellow.9": var(--rp-color-yellow-9),
1036
+ "color.yellow.a1": var(--rp-color-yellow-a1),
1037
+ "color.yellow.a10": var(--rp-color-yellow-a10),
1038
+ "color.yellow.a11": var(--rp-color-yellow-a11),
1039
+ "color.yellow.a12": var(--rp-color-yellow-a12),
1040
+ "color.yellow.a2": var(--rp-color-yellow-a2),
1041
+ "color.yellow.a3": var(--rp-color-yellow-a3),
1042
+ "color.yellow.a4": var(--rp-color-yellow-a4),
1043
+ "color.yellow.a5": var(--rp-color-yellow-a5),
1044
+ "color.yellow.a6": var(--rp-color-yellow-a6),
1045
+ "color.yellow.a7": var(--rp-color-yellow-a7),
1046
+ "color.yellow.a8": var(--rp-color-yellow-a8),
1047
+ "color.yellow.a9": var(--rp-color-yellow-a9),
1048
+ "color.yellow.contrast": var(--rp-color-yellow-contrast),
1049
+ "color.yellow.filled": var(--rp-color-yellow-filled),
1050
+ "color.yellow.filled-hover": var(--rp-color-yellow-filled-hover),
1051
+ "color.yellow.light": var(--rp-color-yellow-light),
1052
+ "color.yellow.light-active": var(--rp-color-yellow-light-active),
1053
+ "color.yellow.light-color": var(--rp-color-yellow-light-color),
1054
+ "color.yellow.light-hover": var(--rp-color-yellow-light-hover),
1055
+ "color.yellow.outline": var(--rp-color-yellow-outline),
1056
+ "color.yellow.outline-hover": var(--rp-color-yellow-outline-hover),
1057
+ "component.menu.max-height": var(--rp-component-menu-max-height),
1058
+ "component.menu.min-width": var(--rp-component-menu-min-width),
1059
+ "font.family": var(--rp-font-family),
1060
+ "font.size.lg": var(--rp-font-size-lg),
1061
+ "font.size.md": var(--rp-font-size-md),
1062
+ "font.size.sm": var(--rp-font-size-sm),
1063
+ "font.size.xl": var(--rp-font-size-xl),
1064
+ "font.size.xs": var(--rp-font-size-xs),
1065
+ "font.weight.bold": var(--rp-font-weight-bold),
1066
+ "font.weight.medium": var(--rp-font-weight-medium),
1067
+ "font.weight.normal": var(--rp-font-weight-normal),
1068
+ "font.weight.semibold": var(--rp-font-weight-semibold),
1069
+ "heading.h1.font-size": var(--rp-heading-h1-font-size),
1070
+ "heading.h1.font-weight": var(--rp-heading-h1-font-weight),
1071
+ "heading.h1.line-height": var(--rp-heading-h1-line-height),
1072
+ "heading.h2.font-size": var(--rp-heading-h2-font-size),
1073
+ "heading.h2.font-weight": var(--rp-heading-h2-font-weight),
1074
+ "heading.h2.line-height": var(--rp-heading-h2-line-height),
1075
+ "heading.h3.font-size": var(--rp-heading-h3-font-size),
1076
+ "heading.h3.font-weight": var(--rp-heading-h3-font-weight),
1077
+ "heading.h3.line-height": var(--rp-heading-h3-line-height),
1078
+ "heading.h4.font-size": var(--rp-heading-h4-font-size),
1079
+ "heading.h4.font-weight": var(--rp-heading-h4-font-weight),
1080
+ "heading.h4.line-height": var(--rp-heading-h4-line-height),
1081
+ "heading.h5.font-size": var(--rp-heading-h5-font-size),
1082
+ "heading.h5.font-weight": var(--rp-heading-h5-font-weight),
1083
+ "heading.h5.line-height": var(--rp-heading-h5-line-height),
1084
+ "heading.h6.font-size": var(--rp-heading-h6-font-size),
1085
+ "heading.h6.font-weight": var(--rp-heading-h6-font-weight),
1086
+ "heading.h6.line-height": var(--rp-heading-h6-line-height),
1087
+ "line-height.lg": var(--rp-line-height-lg),
1088
+ "line-height.md": var(--rp-line-height-md),
1089
+ "line-height.sm": var(--rp-line-height-sm),
1090
+ "line-height.xl": var(--rp-line-height-xl),
1091
+ "line-height.xs": var(--rp-line-height-xs),
1092
+ "opacity.disabled": var(--rp-opacity-disabled),
1093
+ "radius.full": var(--rp-radius-full),
1094
+ "radius.lg": var(--rp-radius-lg),
1095
+ "radius.md": var(--rp-radius-md),
1096
+ "radius.none": var(--rp-radius-none),
1097
+ "radius.sm": var(--rp-radius-sm),
1098
+ "radius.xl": var(--rp-radius-xl),
1099
+ "radius.xs": var(--rp-radius-xs),
1100
+ "shadow.base": var(--rp-shadow-base),
1101
+ "shadow.lg": var(--rp-shadow-lg),
1102
+ "shadow.md": var(--rp-shadow-md),
1103
+ "shadow.sm": var(--rp-shadow-sm),
1104
+ "size.control.lg": var(--rp-size-control-lg),
1105
+ "size.control.md": var(--rp-size-control-md),
1106
+ "size.control.sm": var(--rp-size-control-sm),
1107
+ "size.control.xl": var(--rp-size-control-xl),
1108
+ "size.control.xs": var(--rp-size-control-xs),
1109
+ "spacing.0": var(--rp-spacing-0),
1110
+ "spacing.1": var(--rp-spacing-1),
1111
+ "spacing.10": var(--rp-spacing-10),
1112
+ "spacing.12": var(--rp-spacing-12),
1113
+ "spacing.2": var(--rp-spacing-2),
1114
+ "spacing.3": var(--rp-spacing-3),
1115
+ "spacing.4": var(--rp-spacing-4),
1116
+ "spacing.5": var(--rp-spacing-5),
1117
+ "spacing.6": var(--rp-spacing-6),
1118
+ "spacing.8": var(--rp-spacing-8),
1119
+ "transition.base": var(--rp-transition-base),
1120
+ "transition.fast": var(--rp-transition-fast),
1121
+ "transition.slow": var(--rp-transition-slow),
1122
+ "z-index.dropdown": var(--rp-z-index-dropdown),
1123
+ "z-index.tooltip": var(--rp-z-index-tooltip),
1124
+ ) !default;
1125
+
1126
+ /// `var(--rp-…)` for a token id, e.g. `rp-token("semantic.bg")`.
1127
+ /// Composite tokens return a sub-map keyed by sub-property.
1128
+ @function rp-token($id) {
1129
+ $value: map.get($rp-tokens, $id);
1130
+ @if $value == null {
1131
+ @error "Unknown umberkit token '#{$id}'.";
1132
+ }
1133
+ @return $value;
1134
+ }