@flitsmeister/design-system 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/README.md +93 -1
  2. package/dist/ce/dom.d.ts +2 -0
  3. package/dist/ce/dom.d.ts.map +1 -0
  4. package/dist/ce/dom.js +11 -0
  5. package/dist/ce/dom.js.map +1 -0
  6. package/dist/ce/implicit-form-submit.d.ts +2 -0
  7. package/dist/ce/implicit-form-submit.d.ts.map +1 -0
  8. package/dist/ce/implicit-form-submit.js +27 -0
  9. package/dist/ce/implicit-form-submit.js.map +1 -0
  10. package/dist/fm-button/fm-button.d.ts +4 -1
  11. package/dist/fm-button/fm-button.d.ts.map +1 -1
  12. package/dist/fm-button/fm-button.js +4 -1
  13. package/dist/fm-button/fm-button.js.map +1 -1
  14. package/dist/fm-button/fm-button.style.js +7 -7
  15. package/dist/fm-dropdown/fm-dropdown.style.js +6 -6
  16. package/dist/fm-icon/fm-icon.style.js +4 -4
  17. package/dist/fm-input/fm-input.d.ts +21 -3
  18. package/dist/fm-input/fm-input.d.ts.map +1 -1
  19. package/dist/fm-input/fm-input.js +25 -6
  20. package/dist/fm-input/fm-input.js.map +1 -1
  21. package/dist/fm-input/fm-input.style.js +7 -7
  22. package/dist/fm-radio-input/fm-radio-input.style.js +4 -4
  23. package/dist/fm-segmented-controller/fm-segmented-controller.style.d.ts.map +1 -1
  24. package/dist/fm-segmented-controller/fm-segmented-controller.style.js +7 -8
  25. package/dist/fm-segmented-controller/fm-segmented-controller.style.js.map +1 -1
  26. package/dist/fm-wizard/fm-wizard.style.js +5 -5
  27. package/dist/react/ce.d.ts +14 -0
  28. package/dist/react/ce.d.ts.map +1 -0
  29. package/dist/react/ce.js +43 -0
  30. package/dist/react/ce.js.map +1 -0
  31. package/dist/react/fm-button.d.ts +27 -0
  32. package/dist/react/fm-button.d.ts.map +1 -0
  33. package/dist/react/fm-button.js +26 -0
  34. package/dist/react/fm-button.js.map +1 -0
  35. package/dist/react/fm-dropdown.d.ts +13 -0
  36. package/dist/react/fm-dropdown.d.ts.map +1 -0
  37. package/dist/react/fm-dropdown.js +19 -0
  38. package/dist/react/fm-dropdown.js.map +1 -0
  39. package/dist/react/fm-icon.d.ts +11 -0
  40. package/dist/react/fm-icon.d.ts.map +1 -0
  41. package/dist/react/fm-icon.js +13 -0
  42. package/dist/react/fm-icon.js.map +1 -0
  43. package/dist/react/fm-input.d.ts +30 -0
  44. package/dist/react/fm-input.d.ts.map +1 -0
  45. package/dist/react/fm-input.js +52 -0
  46. package/dist/react/fm-input.js.map +1 -0
  47. package/dist/react/fm-radio-input.d.ts +15 -0
  48. package/dist/react/fm-radio-input.d.ts.map +1 -0
  49. package/dist/react/fm-radio-input.js +15 -0
  50. package/dist/react/fm-radio-input.js.map +1 -0
  51. package/dist/react/fm-segmented-controller.d.ts +13 -0
  52. package/dist/react/fm-segmented-controller.d.ts.map +1 -0
  53. package/dist/react/fm-segmented-controller.js +16 -0
  54. package/dist/react/fm-segmented-controller.js.map +1 -0
  55. package/dist/react/index.d.ts +14 -0
  56. package/dist/react/index.d.ts.map +1 -0
  57. package/dist/react/index.js +8 -0
  58. package/dist/react/index.js.map +1 -0
  59. package/dist/vue/ce.d.ts +3 -0
  60. package/dist/vue/ce.d.ts.map +1 -0
  61. package/dist/vue/ce.js +16 -0
  62. package/dist/vue/ce.js.map +1 -0
  63. package/dist/vue/fm-button.d.ts +164 -0
  64. package/dist/vue/fm-button.d.ts.map +1 -0
  65. package/dist/vue/fm-button.js +67 -0
  66. package/dist/vue/fm-button.js.map +1 -0
  67. package/dist/vue/fm-dropdown.d.ts +65 -0
  68. package/dist/vue/fm-dropdown.d.ts.map +1 -0
  69. package/dist/vue/fm-dropdown.js +40 -0
  70. package/dist/vue/fm-dropdown.js.map +1 -0
  71. package/dist/vue/fm-input.d.ts +150 -0
  72. package/dist/vue/fm-input.d.ts.map +1 -0
  73. package/dist/vue/fm-input.js +93 -0
  74. package/dist/vue/fm-input.js.map +1 -0
  75. package/dist/vue/index.d.ts +6 -0
  76. package/dist/vue/index.d.ts.map +1 -0
  77. package/dist/vue/index.js +4 -0
  78. package/dist/vue/index.js.map +1 -0
  79. package/icons/bold/add.svg +3 -0
  80. package/icons/bold/check.svg +3 -0
  81. package/icons/bold/checkbox-checked.svg +4 -0
  82. package/icons/bold/checkbox-unchecked.svg +3 -0
  83. package/icons/bold/chevron-backward.svg +3 -0
  84. package/icons/bold/chevron-down.svg +3 -0
  85. package/icons/bold/chevron-forward.svg +3 -0
  86. package/icons/bold/chevron-up.svg +3 -0
  87. package/icons/bold/close-1.svg +3 -0
  88. package/icons/bold/close.svg +4 -0
  89. package/icons/bold/dot.svg +3 -0
  90. package/icons/bold/open-external.svg +3 -0
  91. package/icons/bold/prominent-1.svg +3 -0
  92. package/icons/bold/prominent.svg +3 -0
  93. package/icons/bold/question.svg +4 -0
  94. package/icons/bold/remove.svg +3 -0
  95. package/icons/bold/search.svg +3 -0
  96. package/icons/bold/spinner.svg +3 -0
  97. package/icons/bold/warning.svg +3 -0
  98. package/icons/duotone/check.svg +4 -0
  99. package/icons/filled/achievements.svg +3 -0
  100. package/icons/filled/add.svg +3 -0
  101. package/icons/filled/app-settings.svg +3 -0
  102. package/icons/filled/calendar.svg +7 -0
  103. package/icons/filled/car-simplified.svg +3 -0
  104. package/icons/filled/check.svg +3 -0
  105. package/icons/filled/clock.svg +3 -0
  106. package/icons/filled/close.svg +3 -0
  107. package/icons/filled/control.svg +7 -0
  108. package/icons/filled/danger.svg +3 -0
  109. package/icons/filled/delete.svg +3 -0
  110. package/icons/filled/deviceOne.svg +3 -0
  111. package/icons/filled/deviceTwo.svg +3 -0
  112. package/icons/filled/disputeFine.svg +3 -0
  113. package/icons/filled/email.svg +3 -0
  114. package/icons/filled/gasPrices.svg +3 -0
  115. package/icons/filled/hazard.svg +3 -0
  116. package/icons/filled/highway.svg +3 -0
  117. package/icons/filled/info.svg +3 -0
  118. package/icons/filled/lock-close.svg +3 -0
  119. package/icons/filled/lock-open.svg +3 -0
  120. package/icons/filled/lock.svg +3 -0
  121. package/icons/filled/microphone.svg +4 -0
  122. package/icons/filled/notificaiton-unread.svg +4 -0
  123. package/icons/filled/notificaiton.svg +3 -0
  124. package/icons/filled/parking.svg +3 -0
  125. package/icons/filled/play.svg +8 -0
  126. package/icons/filled/question.svg +3 -0
  127. package/icons/filled/rating-empty.svg +3 -0
  128. package/icons/filled/rating-full.svg +3 -0
  129. package/icons/filled/rating-half.svg +4 -0
  130. package/icons/filled/remove.svg +3 -0
  131. package/icons/filled/return-location.svg +3 -0
  132. package/icons/filled/support.svg +3 -0
  133. package/icons/filled/toll.svg +3 -0
  134. package/icons/filled/tripHistory.svg +3 -0
  135. package/icons/filled/truck.svg +3 -0
  136. package/icons/filled/user-pin.svg +3 -0
  137. package/icons/filled/user-profile.svg +3 -0
  138. package/icons/filled/warning.svg +3 -0
  139. package/icons/filled/zone-default.svg +3 -0
  140. package/icons/filled/zone-indoor.svg +3 -0
  141. package/icons/filled/zone-street.svg +3 -0
  142. package/icons/stroke/arrow-Down.svg +3 -0
  143. package/icons/stroke/arrow-Up.svg +3 -0
  144. package/icons/stroke/arrow-left.svg +3 -0
  145. package/icons/stroke/arrow-right.svg +3 -0
  146. package/icons/stroke/check.svg +3 -0
  147. package/icons/stroke/checkbox-checked.svg +4 -0
  148. package/icons/stroke/checkbox-unchecked.svg +3 -0
  149. package/icons/stroke/chevron-backward.svg +3 -0
  150. package/icons/stroke/chevron-down.svg +3 -0
  151. package/icons/stroke/chevron-forward.svg +3 -0
  152. package/icons/stroke/chevron-up.svg +3 -0
  153. package/icons/stroke/clock.svg +3 -0
  154. package/icons/stroke/close-1.svg +3 -0
  155. package/icons/stroke/close.svg +4 -0
  156. package/icons/stroke/download.svg +4 -0
  157. package/icons/stroke/email.svg +4 -0
  158. package/icons/stroke/hamburger.svg +3 -0
  159. package/icons/stroke/login.svg +4 -0
  160. package/icons/stroke/logout.svg +3 -0
  161. package/icons/stroke/more.svg +5 -0
  162. package/icons/stroke/open-external.svg +3 -0
  163. package/icons/stroke/question.svg +4 -0
  164. package/icons/stroke/search.svg +3 -0
  165. package/icons/stroke/spinner.svg +3 -0
  166. package/icons/stroke/warning.svg +3 -0
  167. package/package.json +78 -14
  168. package/scripts/bundle-cli.mjs +16 -0
  169. package/scripts/copy-package-assets.mjs +19 -0
  170. package/scripts/install-cli.bundled.mjs +1637 -0
  171. package/styles/fm-design-system/fm-design-system.css +921 -0
  172. package/styles/fm-design-system/fm-design-system.tailwind.css +323 -0
package/styles/fm-design-system/fm-design-system.tailwind.css ADDED
@@ -0,0 +1,323 @@
1
+ /* Generated by tokens/scripts/export-tokens.js — do not edit.
2
+ *
3
+ * Import in the same stylesheet as Tailwind 4.1+:
4
+ * @import "tailwindcss";
5
+ * @import "@flitsmeister/design-system/tailwind.css";
6
+ *
7
+ * Load tokens.css as a separate entry (not in this file). Tailwind 4 would
8
+ * otherwise tree-shake :root --color-* / --spacing-* that fm-* components need.
9
+ * @theme inline maps utilities to --fm-* value holders from tokens.css.
10
+ * Same-name var(--color-*) / var(--spacing-*) would make Tailwind emit
11
+ * circular :root declarations and empty the tokens.
12
+ * --max-width-* restores Tailwind container sizes so --spacing-md does not
13
+ * collapse max-w-md.
14
+ */
15
+
16
+ @theme inline {
17
+ --color-blue-100: var(--fm-color-blue-100);
18
+ --color-blue-200: var(--fm-color-blue-200);
19
+ --color-blue-300: var(--fm-color-blue-300);
20
+ --color-blue-400: var(--fm-color-blue-400);
21
+ --color-blue-50: var(--fm-color-blue-50);
22
+ --color-blue-500: var(--fm-color-blue-500);
23
+ --color-blue-600: var(--fm-color-blue-600);
24
+ --color-blue-700: var(--fm-color-blue-700);
25
+ --color-blue-800: var(--fm-color-blue-800);
26
+ --color-blue-900: var(--fm-color-blue-900);
27
+ --color-blue-950: var(--fm-color-blue-950);
28
+ --color-cyan-100: var(--fm-color-cyan-100);
29
+ --color-cyan-200: var(--fm-color-cyan-200);
30
+ --color-cyan-300: var(--fm-color-cyan-300);
31
+ --color-cyan-400: var(--fm-color-cyan-400);
32
+ --color-cyan-50: var(--fm-color-cyan-50);
33
+ --color-cyan-500: var(--fm-color-cyan-500);
34
+ --color-cyan-600: var(--fm-color-cyan-600);
35
+ --color-cyan-700: var(--fm-color-cyan-700);
36
+ --color-cyan-800: var(--fm-color-cyan-800);
37
+ --color-cyan-900: var(--fm-color-cyan-900);
38
+ --color-grape-100: var(--fm-color-grape-100);
39
+ --color-grape-200: var(--fm-color-grape-200);
40
+ --color-grape-300: var(--fm-color-grape-300);
41
+ --color-grape-400: var(--fm-color-grape-400);
42
+ --color-grape-50: var(--fm-color-grape-50);
43
+ --color-grape-500: var(--fm-color-grape-500);
44
+ --color-grape-600: var(--fm-color-grape-600);
45
+ --color-grape-700: var(--fm-color-grape-700);
46
+ --color-grape-800: var(--fm-color-grape-800);
47
+ --color-grape-900: var(--fm-color-grape-900);
48
+ --color-grape-950: var(--fm-color-grape-950);
49
+ --color-gray-100: var(--fm-color-gray-100);
50
+ --color-gray-200: var(--fm-color-gray-200);
51
+ --color-gray-300: var(--fm-color-gray-300);
52
+ --color-gray-400: var(--fm-color-gray-400);
53
+ --color-gray-50: var(--fm-color-gray-50);
54
+ --color-gray-500: var(--fm-color-gray-500);
55
+ --color-gray-600: var(--fm-color-gray-600);
56
+ --color-gray-700: var(--fm-color-gray-700);
57
+ --color-gray-800: var(--fm-color-gray-800);
58
+ --color-gray-900: var(--fm-color-gray-900);
59
+ --color-gray-950: var(--fm-color-gray-950);
60
+ --color-green-100: var(--fm-color-green-100);
61
+ --color-green-200: var(--fm-color-green-200);
62
+ --color-green-300: var(--fm-color-green-300);
63
+ --color-green-400: var(--fm-color-green-400);
64
+ --color-green-50: var(--fm-color-green-50);
65
+ --color-green-500: var(--fm-color-green-500);
66
+ --color-green-600: var(--fm-color-green-600);
67
+ --color-green-700: var(--fm-color-green-700);
68
+ --color-green-800: var(--fm-color-green-800);
69
+ --color-green-900: var(--fm-color-green-900);
70
+ --color-green-950: var(--fm-color-green-950);
71
+ --color-indigo-100: var(--fm-color-indigo-100);
72
+ --color-indigo-200: var(--fm-color-indigo-200);
73
+ --color-indigo-300: var(--fm-color-indigo-300);
74
+ --color-indigo-400: var(--fm-color-indigo-400);
75
+ --color-indigo-50: var(--fm-color-indigo-50);
76
+ --color-indigo-500: var(--fm-color-indigo-500);
77
+ --color-indigo-600: var(--fm-color-indigo-600);
78
+ --color-indigo-700: var(--fm-color-indigo-700);
79
+ --color-indigo-800: var(--fm-color-indigo-800);
80
+ --color-indigo-900: var(--fm-color-indigo-900);
81
+ --color-lime-100: var(--fm-color-lime-100);
82
+ --color-lime-200: var(--fm-color-lime-200);
83
+ --color-lime-300: var(--fm-color-lime-300);
84
+ --color-lime-400: var(--fm-color-lime-400);
85
+ --color-lime-50: var(--fm-color-lime-50);
86
+ --color-lime-500: var(--fm-color-lime-500);
87
+ --color-lime-600: var(--fm-color-lime-600);
88
+ --color-lime-700: var(--fm-color-lime-700);
89
+ --color-lime-800: var(--fm-color-lime-800);
90
+ --color-lime-900: var(--fm-color-lime-900);
91
+ --color-orange-100: var(--fm-color-orange-100);
92
+ --color-orange-200: var(--fm-color-orange-200);
93
+ --color-orange-300: var(--fm-color-orange-300);
94
+ --color-orange-400: var(--fm-color-orange-400);
95
+ --color-orange-50: var(--fm-color-orange-50);
96
+ --color-orange-500: var(--fm-color-orange-500);
97
+ --color-orange-600: var(--fm-color-orange-600);
98
+ --color-orange-700: var(--fm-color-orange-700);
99
+ --color-orange-800: var(--fm-color-orange-800);
100
+ --color-orange-900: var(--fm-color-orange-900);
101
+ --color-orange-950: var(--fm-color-orange-950);
102
+ --color-pink-100: var(--fm-color-pink-100);
103
+ --color-pink-200: var(--fm-color-pink-200);
104
+ --color-pink-300: var(--fm-color-pink-300);
105
+ --color-pink-400: var(--fm-color-pink-400);
106
+ --color-pink-50: var(--fm-color-pink-50);
107
+ --color-pink-500: var(--fm-color-pink-500);
108
+ --color-pink-600: var(--fm-color-pink-600);
109
+ --color-pink-700: var(--fm-color-pink-700);
110
+ --color-pink-800: var(--fm-color-pink-800);
111
+ --color-pink-900: var(--fm-color-pink-900);
112
+ --color-red-100: var(--fm-color-red-100);
113
+ --color-red-200: var(--fm-color-red-200);
114
+ --color-red-300: var(--fm-color-red-300);
115
+ --color-red-400: var(--fm-color-red-400);
116
+ --color-red-50: var(--fm-color-red-50);
117
+ --color-red-500: var(--fm-color-red-500);
118
+ --color-red-600: var(--fm-color-red-600);
119
+ --color-red-700: var(--fm-color-red-700);
120
+ --color-red-800: var(--fm-color-red-800);
121
+ --color-red-900: var(--fm-color-red-900);
122
+ --color-red-950: var(--fm-color-red-950);
123
+ --color-system-black: var(--fm-color-system-black);
124
+ --color-system-01: var(--fm-color-system-01);
125
+ --color-system-2: var(--fm-color-system-2);
126
+ --color-system-3: var(--fm-color-system-3);
127
+ --color-system-4: var(--fm-color-system-4);
128
+ --color-system-white: var(--fm-color-system-white);
129
+ --color-teal-100: var(--fm-color-teal-100);
130
+ --color-teal-200: var(--fm-color-teal-200);
131
+ --color-teal-300: var(--fm-color-teal-300);
132
+ --color-teal-400: var(--fm-color-teal-400);
133
+ --color-teal-50: var(--fm-color-teal-50);
134
+ --color-teal-500: var(--fm-color-teal-500);
135
+ --color-teal-600: var(--fm-color-teal-600);
136
+ --color-teal-700: var(--fm-color-teal-700);
137
+ --color-teal-800: var(--fm-color-teal-800);
138
+ --color-teal-900: var(--fm-color-teal-900);
139
+ --color-violet-100: var(--fm-color-violet-100);
140
+ --color-violet-200: var(--fm-color-violet-200);
141
+ --color-violet-300: var(--fm-color-violet-300);
142
+ --color-violet-400: var(--fm-color-violet-400);
143
+ --color-violet-50: var(--fm-color-violet-50);
144
+ --color-violet-500: var(--fm-color-violet-500);
145
+ --color-violet-600: var(--fm-color-violet-600);
146
+ --color-violet-700: var(--fm-color-violet-700);
147
+ --color-violet-800: var(--fm-color-violet-800);
148
+ --color-violet-900: var(--fm-color-violet-900);
149
+ --color-violet-950: var(--fm-color-violet-950);
150
+ --color-yellow-100: var(--fm-color-yellow-100);
151
+ --color-yellow-200: var(--fm-color-yellow-200);
152
+ --color-yellow-300: var(--fm-color-yellow-300);
153
+ --color-yellow-400: var(--fm-color-yellow-400);
154
+ --color-yellow-50: var(--fm-color-yellow-50);
155
+ --color-yellow-500: var(--fm-color-yellow-500);
156
+ --color-yellow-600: var(--fm-color-yellow-600);
157
+ --color-yellow-700: var(--fm-color-yellow-700);
158
+ --color-yellow-800: var(--fm-color-yellow-800);
159
+ --color-yellow-900: var(--fm-color-yellow-900);
160
+ --color-content-brand-default: var(--fm-color-content-brand-default);
161
+ --color-content-brand-pro: var(--fm-color-content-brand-pro);
162
+ --color-content-brand-pro-plus: var(--fm-color-content-brand-pro-plus);
163
+ --color-content-functional-traffic-mega-delay: var(--fm-color-content-functional-traffic-mega-delay);
164
+ --color-content-functional-attention: var(--fm-color-content-functional-attention);
165
+ --color-content-functional-danger: var(--fm-color-content-functional-danger);
166
+ --color-content-functional-info: var(--fm-color-content-functional-info);
167
+ --color-content-functional-success: var(--fm-color-content-functional-success);
168
+ --color-content-functional-warning: var(--fm-color-content-functional-warning);
169
+ --color-content-neutral-default: var(--fm-color-content-neutral-default);
170
+ --color-content-neutral-default-alt: var(--fm-color-content-neutral-default-alt);
171
+ --color-content-neutral-label: var(--fm-color-content-neutral-label);
172
+ --color-content-neutral-label-inverse: var(--fm-color-content-neutral-label-inverse);
173
+ --color-content-neutral-weak: var(--fm-color-content-neutral-weak);
174
+ --color-feedback-warning-subtle: var(--fm-color-feedback-warning-subtle);
175
+ --color-outline-brand-default: var(--fm-color-outline-brand-default);
176
+ --color-outline-functional-avg-speed-check: var(--fm-color-outline-functional-avg-speed-check);
177
+ --color-outline-functional-danger: var(--fm-color-outline-functional-danger);
178
+ --color-outline-functional-danger-alt: var(--fm-color-outline-functional-danger-alt);
179
+ --color-outline-functional-info: var(--fm-color-outline-functional-info);
180
+ --color-outline-functional-success: var(--fm-color-outline-functional-success);
181
+ --color-outline-functional-warning: var(--fm-color-outline-functional-warning);
182
+ --color-outline-functional-warning-alt: var(--fm-color-outline-functional-warning-alt);
183
+ --color-outline-neutral-default: var(--fm-color-outline-neutral-default);
184
+ --color-outline-neutral-default-alt: var(--fm-color-outline-neutral-default-alt);
185
+ --color-outline-neutral-inverted: var(--fm-color-outline-neutral-inverted);
186
+ --color-outline-neutral-inverted-strong: var(--fm-color-outline-neutral-inverted-strong);
187
+ --color-outline-neutral-pin: var(--fm-color-outline-neutral-pin);
188
+ --color-outline-neutral-stronger: var(--fm-color-outline-neutral-stronger);
189
+ --color-outline-neutral-strongest: var(--fm-color-outline-neutral-strongest);
190
+ --color-special-feature-ambulance: var(--fm-color-special-feature-ambulance);
191
+ --color-special-feature-avg-speed-check: var(--fm-color-special-feature-avg-speed-check);
192
+ --color-special-feature-default: var(--fm-color-special-feature-default);
193
+ --color-special-feature-emergency: var(--fm-color-special-feature-emergency);
194
+ --color-special-feature-firetruck: var(--fm-color-special-feature-firetruck);
195
+ --color-special-feature-hotspot: var(--fm-color-special-feature-hotspot);
196
+ --color-special-feature-parking: var(--fm-color-special-feature-parking);
197
+ --color-special-feature-parking-alt: var(--fm-color-special-feature-parking-alt);
198
+ --color-special-feature-poi: var(--fm-color-special-feature-poi);
199
+ --color-special-feature-police: var(--fm-color-special-feature-police);
200
+ --color-special-feature-signal: var(--fm-color-special-feature-signal);
201
+ --color-special-feature-speed-cam: var(--fm-color-special-feature-speed-cam);
202
+ --color-special-feature-speed-trap: var(--fm-color-special-feature-speed-trap);
203
+ --color-special-feature-tol: var(--fm-color-special-feature-tol);
204
+ --color-special-feature-traffic-cam: var(--fm-color-special-feature-traffic-cam);
205
+ --color-special-feature-wrong-way-driver: var(--fm-color-special-feature-wrong-way-driver);
206
+ --color-special-gradient-gerrit-end: var(--fm-color-special-gradient-gerrit-end);
207
+ --color-special-gradient-gerrit-start: var(--fm-color-special-gradient-gerrit-start);
208
+ --color-special-gradient-pro-end: var(--fm-color-special-gradient-pro-end);
209
+ --color-special-gradient-pro-start: var(--fm-color-special-gradient-pro-start);
210
+ --color-special-road-avg-speed-check: var(--fm-color-special-road-avg-speed-check);
211
+ --color-special-road-avg-speed-check-alt: var(--fm-color-special-road-avg-speed-check-alt);
212
+ --color-special-road-danger: var(--fm-color-special-road-danger);
213
+ --color-special-road-danger-alt: var(--fm-color-special-road-danger-alt);
214
+ --color-special-road-default: var(--fm-color-special-road-default);
215
+ --color-special-road-route: var(--fm-color-special-road-route);
216
+ --color-special-road-route-alt: var(--fm-color-special-road-route-alt);
217
+ --color-special-road-route-strong: var(--fm-color-special-road-route-strong);
218
+ --color-special-road-route-strong-alt: var(--fm-color-special-road-route-strong-alt);
219
+ --color-special-road-route-weak: var(--fm-color-special-road-route-weak);
220
+ --color-special-road-route-weak-alt: var(--fm-color-special-road-route-weak-alt);
221
+ --color-special-road-warning: var(--fm-color-special-road-warning);
222
+ --color-special-road-warning-alt: var(--fm-color-special-road-warning-alt);
223
+ --color-special-shadow-default: var(--fm-color-special-shadow-default);
224
+ --color-surface-brand-default: var(--fm-color-surface-brand-default);
225
+ --color-surface-brand-default-alt: var(--fm-color-surface-brand-default-alt);
226
+ --color-surface-brand-default-alt-hover: var(--fm-color-surface-brand-default-alt-hover);
227
+ --color-surface-brand-default-hover: var(--fm-color-surface-brand-default-hover);
228
+ --color-surface-brand-pro: var(--fm-color-surface-brand-pro);
229
+ --color-surface-brand-pro-alt: var(--fm-color-surface-brand-pro-alt);
230
+ --color-surface-brand-pro-plus: var(--fm-color-surface-brand-pro-plus);
231
+ --color-surface-functional-attention: var(--fm-color-surface-functional-attention);
232
+ --color-surface-functional-attention-alt: var(--fm-color-surface-functional-attention-alt);
233
+ --color-surface-functional-danger: var(--fm-color-surface-functional-danger);
234
+ --color-surface-functional-danger-alt: var(--fm-color-surface-functional-danger-alt);
235
+ --color-surface-functional-danger-alt-hover: var(--fm-color-surface-functional-danger-alt-hover);
236
+ --color-surface-functional-danger-hover: var(--fm-color-surface-functional-danger-hover);
237
+ --color-surface-functional-info: var(--fm-color-surface-functional-info);
238
+ --color-surface-functional-info-alt: var(--fm-color-surface-functional-info-alt);
239
+ --color-surface-functional-success: var(--fm-color-surface-functional-success);
240
+ --color-surface-functional-success-alt: var(--fm-color-surface-functional-success-alt);
241
+ --color-surface-functional-success-hover: var(--fm-color-surface-functional-success-hover);
242
+ --color-surface-functional-warning: var(--fm-color-surface-functional-warning);
243
+ --color-surface-functional-warning-alt: var(--fm-color-surface-functional-warning-alt);
244
+ --color-surface-functional-warning-alt-hover: var(--fm-color-surface-functional-warning-alt-hover);
245
+ --color-surface-neutral-default: var(--fm-color-surface-neutral-default);
246
+ --color-surface-neutral-default-higher: var(--fm-color-surface-neutral-default-higher);
247
+ --color-surface-neutral-default-highest: var(--fm-color-surface-neutral-default-highest);
248
+ --color-surface-neutral-default-hover: var(--fm-color-surface-neutral-default-hover);
249
+ --color-surface-neutral-default-lower: var(--fm-color-surface-neutral-default-lower);
250
+ --color-surface-neutral-default-lowest: var(--fm-color-surface-neutral-default-lowest);
251
+ --color-surface-utility-default-higher-opac0: var(--fm-color-surface-utility-default-higher-opac0);
252
+ --color-surface-utility-default-opac30: var(--fm-color-surface-utility-default-opac30);
253
+ --color-surface-utility-default-opac75: var(--fm-color-surface-utility-default-opac75);
254
+ --color-surface-utility-scrim: var(--fm-color-surface-utility-scrim);
255
+ --color-surface-utility-scrim-darker: var(--fm-color-surface-utility-scrim-darker);
256
+ --color-surface-utility-scrim-lighter: var(--fm-color-surface-utility-scrim-lighter);
257
+ --color-system-utility01: var(--fm-color-system-utility01);
258
+ --color-system-utility02: var(--fm-color-system-utility02);
259
+ --color-system-utility03: var(--fm-color-system-utility03);
260
+ --color-system-utility04: var(--fm-color-system-utility04);
261
+ --font-body: var(--fm-font-body);
262
+ --font-display: var(--fm-font-display);
263
+ --font-headline: var(--fm-font-headline);
264
+ --font-label: var(--fm-font-label);
265
+ --font-title: var(--fm-font-title);
266
+ --text-lg: var(--fm-text-lg);
267
+ --text-md: var(--fm-text-md);
268
+ --text-sm: var(--fm-text-sm);
269
+ --text-xl: var(--fm-text-xl);
270
+ --text-xl2: var(--fm-text-xl2);
271
+ --text-xl3: var(--fm-text-xl3);
272
+ --text-xl4: var(--fm-text-xl4);
273
+ --text-xl5: var(--fm-text-xl5);
274
+ --text-xl6: var(--fm-text-xl6);
275
+ --text-xl7: var(--fm-text-xl7);
276
+ --text-xs: var(--fm-text-xs);
277
+ --font-weight-black: var(--fm-font-weight-black);
278
+ --font-weight-bold: var(--fm-font-weight-bold);
279
+ --font-weight-extra-bold: var(--fm-font-weight-extra-bold);
280
+ --font-weight-extra-bold-italic: var(--fm-font-weight-extra-bold-italic);
281
+ --font-weight-medium: var(--fm-font-weight-medium);
282
+ --font-weight-regular: var(--fm-font-weight-regular);
283
+ --font-weight-semi-bold: var(--fm-font-weight-semi-bold);
284
+ --spacing-lg: var(--fm-spacing-lg);
285
+ --spacing-md: var(--fm-spacing-md);
286
+ --spacing-none: var(--fm-spacing-none);
287
+ --spacing-nudge: var(--fm-spacing-nudge);
288
+ --spacing-sm: var(--fm-spacing-sm);
289
+ --spacing-xl: var(--fm-spacing-xl);
290
+ --spacing-xl2: var(--fm-spacing-xl2);
291
+ --spacing-xl3: var(--fm-spacing-xl3);
292
+ --spacing-xl4: var(--fm-spacing-xl4);
293
+ --spacing-xs: var(--fm-spacing-xs);
294
+ --spacing-xs2: var(--fm-spacing-xs2);
295
+ --spacing-xs3: var(--fm-spacing-xs3);
296
+ --radius-fmx: var(--fm-radius-fmx);
297
+ --radius-lg: var(--fm-radius-lg);
298
+ --radius-md: var(--fm-radius-md);
299
+ --radius-none: var(--fm-radius-none);
300
+ --radius-round: var(--fm-radius-round);
301
+ --radius-sm: var(--fm-radius-sm);
302
+ --radius-xl: var(--fm-radius-xl);
303
+ --radius-xl2: var(--fm-radius-xl2);
304
+ --radius-xl3: var(--fm-radius-xl3);
305
+ --radius-xl4: var(--fm-radius-xl4);
306
+ --radius-xs: var(--fm-radius-xs);
307
+ --radius-xs2: var(--fm-radius-xs2);
308
+ --radius-xs3: var(--fm-radius-xs3);
309
+ }
310
+
311
+ @theme {
312
+ --max-width-xs: 20rem;
313
+ --max-width-sm: 24rem;
314
+ --max-width-md: 28rem;
315
+ --max-width-lg: 32rem;
316
+ --max-width-xl: 36rem;
317
+ --max-width-2xl: 42rem;
318
+ --max-width-3xl: 48rem;
319
+ --max-width-4xl: 56rem;
320
+ --max-width-5xl: 64rem;
321
+ --max-width-6xl: 72rem;
322
+ --max-width-7xl: 80rem;
323
+ }