@flitsmeister/design-system 1.0.13 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/README.md +54 -2
  2. package/dist-lib/assets/style-entry-l0sNRNKZ.js +1 -0
  3. package/dist-lib/flitsmeister-design-system.es.js +242 -0
  4. package/dist-lib/flitsmeister-design-system.umd.js +1 -0
  5. package/dist-lib/main.css +2 -0
  6. package/dist-lib/style.css +1 -0
  7. package/index.js +3 -0
  8. package/package.json +42 -36
  9. package/tokens/schema_exports/fm-design-system/fm-design-system.css +286 -0
  10. package/tokens/schema_exports/fm-design-system/fm-design-system.json +562 -0
  11. package/tokens/schema_exports/fm-design-system/fm-design-system.xml +207 -0
  12. package/tokens/schema_exports/safedrive/safedrive.css +349 -0
  13. package/tokens/schema_exports/safedrive/safedrive.json +658 -0
  14. package/tokens/schema_exports/safedrive/safedrive.xml +248 -0
  15. package/web/components/fmxButton.vue +214 -197
  16. package/web/components/fmxInput.vue +136 -112
  17. package/web/components/navbar.vue +9 -6
  18. package/.github/workflows/npm-publish.yml +0 -34
  19. package/postcss.config.js +0 -20
  20. package/svgo.config.js +0 -37
  21. package/tailwind.config.js +0 -146
  22. package/web/.eslintrc +0 -5
  23. package/web/App.vue +0 -60
  24. package/web/icons/bold/add.svg +0 -3
  25. package/web/icons/bold/check.svg +0 -3
  26. package/web/icons/bold/checkbox-checked.svg +0 -4
  27. package/web/icons/bold/checkbox-unchecked.svg +0 -3
  28. package/web/icons/bold/chevron-backward.svg +0 -3
  29. package/web/icons/bold/chevron-down.svg +0 -3
  30. package/web/icons/bold/chevron-forward.svg +0 -3
  31. package/web/icons/bold/chevron-up.svg +0 -3
  32. package/web/icons/bold/close-1.svg +0 -3
  33. package/web/icons/bold/close.svg +0 -4
  34. package/web/icons/bold/dot.svg +0 -3
  35. package/web/icons/bold/open-external.svg +0 -3
  36. package/web/icons/bold/prominent-1.svg +0 -3
  37. package/web/icons/bold/prominent.svg +0 -3
  38. package/web/icons/bold/question.svg +0 -4
  39. package/web/icons/bold/remove.svg +0 -3
  40. package/web/icons/bold/search.svg +0 -3
  41. package/web/icons/bold/spinner.svg +0 -3
  42. package/web/icons/bold/warning.svg +0 -3
  43. package/web/icons/duotone/check.svg +0 -4
  44. package/web/icons/filled/achievements.svg +0 -3
  45. package/web/icons/filled/add.svg +0 -3
  46. package/web/icons/filled/app-settings.svg +0 -3
  47. package/web/icons/filled/calendar.svg +0 -7
  48. package/web/icons/filled/car-simplified.svg +0 -3
  49. package/web/icons/filled/check.svg +0 -3
  50. package/web/icons/filled/clock.svg +0 -3
  51. package/web/icons/filled/close.svg +0 -3
  52. package/web/icons/filled/control.svg +0 -7
  53. package/web/icons/filled/danger.svg +0 -7
  54. package/web/icons/filled/delete.svg +0 -3
  55. package/web/icons/filled/deviceOne.svg +0 -3
  56. package/web/icons/filled/deviceTwo.svg +0 -3
  57. package/web/icons/filled/disputeFine.svg +0 -3
  58. package/web/icons/filled/email.svg +0 -3
  59. package/web/icons/filled/gasPrices.svg +0 -3
  60. package/web/icons/filled/hazard.svg +0 -3
  61. package/web/icons/filled/highway.svg +0 -3
  62. package/web/icons/filled/info.svg +0 -4
  63. package/web/icons/filled/lock-close.svg +0 -3
  64. package/web/icons/filled/lock-open.svg +0 -3
  65. package/web/icons/filled/lock.svg +0 -3
  66. package/web/icons/filled/microphone.svg +0 -4
  67. package/web/icons/filled/notificaiton-unread.svg +0 -4
  68. package/web/icons/filled/notificaiton.svg +0 -3
  69. package/web/icons/filled/parking.svg +0 -3
  70. package/web/icons/filled/play.svg +0 -8
  71. package/web/icons/filled/question.svg +0 -3
  72. package/web/icons/filled/rating-empty.svg +0 -3
  73. package/web/icons/filled/rating-full.svg +0 -3
  74. package/web/icons/filled/rating-half.svg +0 -4
  75. package/web/icons/filled/remove.svg +0 -3
  76. package/web/icons/filled/return-location.svg +0 -3
  77. package/web/icons/filled/support.svg +0 -3
  78. package/web/icons/filled/toll.svg +0 -3
  79. package/web/icons/filled/tripHistory.svg +0 -3
  80. package/web/icons/filled/truck.svg +0 -3
  81. package/web/icons/filled/user-pin.svg +0 -3
  82. package/web/icons/filled/user-profile.svg +0 -3
  83. package/web/icons/filled/warning.svg +0 -4
  84. package/web/icons/filled/zone-default.svg +0 -3
  85. package/web/icons/filled/zone-indoor.svg +0 -3
  86. package/web/icons/filled/zone-street.svg +0 -3
  87. package/web/icons/stroke/arrow-Down.svg +0 -3
  88. package/web/icons/stroke/arrow-Up.svg +0 -3
  89. package/web/icons/stroke/arrow-left.svg +0 -3
  90. package/web/icons/stroke/arrow-right.svg +0 -3
  91. package/web/icons/stroke/check.svg +0 -3
  92. package/web/icons/stroke/checkbox-checked.svg +0 -4
  93. package/web/icons/stroke/checkbox-unchecked.svg +0 -3
  94. package/web/icons/stroke/chevron-backward.svg +0 -3
  95. package/web/icons/stroke/chevron-down.svg +0 -3
  96. package/web/icons/stroke/chevron-forward.svg +0 -3
  97. package/web/icons/stroke/chevron-up.svg +0 -3
  98. package/web/icons/stroke/clock.svg +0 -3
  99. package/web/icons/stroke/close-1.svg +0 -3
  100. package/web/icons/stroke/close.svg +0 -4
  101. package/web/icons/stroke/download.svg +0 -4
  102. package/web/icons/stroke/email.svg +0 -4
  103. package/web/icons/stroke/hamburger.svg +0 -3
  104. package/web/icons/stroke/login.svg +0 -4
  105. package/web/icons/stroke/logout.svg +0 -3
  106. package/web/icons/stroke/more.svg +0 -5
  107. package/web/icons/stroke/open-external.svg +0 -3
  108. package/web/icons/stroke/question.svg +0 -4
  109. package/web/icons/stroke/search.svg +0 -3
  110. package/web/icons/stroke/spinner.svg +0 -3
  111. package/web/icons/stroke/warning.svg +0 -3
  112. package/web/index.html +0 -25
  113. package/web/locales/da.json +0 -197
  114. package/web/locales/de.json +0 -197
  115. package/web/locales/en.json +0 -333
  116. package/web/locales/fi.json +0 -197
  117. package/web/locales/fr.json +0 -197
  118. package/web/locales/nl.json +0 -333
  119. package/web/locales/no.json +0 -197
  120. package/web/locales/pl.json +0 -197
  121. package/web/locales/sv.json +0 -197
  122. package/web/pages/buttons.html +0 -32
  123. package/web/pages/buttons.vue +0 -18
  124. package/web/pages/colors.html +0 -32
  125. package/web/pages/colors.vue +0 -29
  126. package/web/pages/icons.vue +0 -49
  127. package/web/pages/index.html +0 -25
  128. package/web/pages/index.vue +0 -15
  129. package/web/pages/input.html +0 -47
  130. package/web/pages/input.vue +0 -34
  131. package/web/router.js +0 -20
  132. package/web/static/apple-touch-icon.png +0 -0
  133. package/web/static/download.png +0 -0
  134. package/web/static/facebook-login.png +0 -0
  135. package/web/static/facebook-migrate.png +0 -0
  136. package/web/static/favicon-16x16.png +0 -0
  137. package/web/static/favicon-32x32.png +0 -0
  138. package/web/static/favicon.ico +0 -0
  139. package/web/static/fleet-bg.png +0 -0
  140. package/web/static/flitsmeister-logo-small.png +0 -0
  141. package/web/static/flitsmeister-logo.png +0 -0
  142. package/web/static/flitsmeister_app_icon.png +0 -0
  143. package/web/static/fm-dash-logo.svg +0 -19
  144. package/web/static/icon-facebook.png +0 -0
  145. package/web/static/index.png +0 -0
  146. package/web/static/login-bg.png +0 -0
  147. package/web/static/no_invoices.png +0 -0
  148. package/web/static/person-shrugging.png +0 -0
  149. package/web/static/pro_confetti@2x.png +0 -0
  150. package/web/static/pro_star@2x.png +0 -0
  151. package/web/static/sso/bmfleet.png +0 -0
  152. package/web/static/sso/pitstop.png +0 -0
  153. package/web/static/sso/truckmeister.png +0 -0
  154. package/web/static/sso/webshop.png +0 -0
  155. package/web/static/triplogging_whatsnew.png +0 -0
  156. package/web/store.js +0 -79
  157. package/web/styles/app.scss +0 -9
  158. package/web/styles/flashmaster/fm-design-system.json +0 -4414
  159. package/web/styles/flashmaster/primitives.json +0 -604
  160. package/web/styles/flashmaster.scss +0 -162
  161. package/webpack.config.js +0 -161
package/tokens/schema_exports/fm-design-system/fm-design-system.css ADDED
@@ -0,0 +1,286 @@
1
+ :root {
2
+ --token-shape-padding-padding-xxxl: 64;
3
+ --token-shape-padding-padding-xxl: 48;
4
+ --token-shape-padding-padding-xl: 32;
5
+ --token-shape-padding-padding-lg: 24;
6
+ --token-shape-padding-padding-md: 16;
7
+ --token-shape-padding-padding-sm: 12;
8
+ --token-shape-padding-padding-xs: 8;
9
+ --token-shape-padding-padding-xxs: 4;
10
+ --token-shape-padding-padding-xxxs: 2;
11
+ --token-shape-padding-padding-nudge: 1;
12
+ --token-shape-padding-padding-none: 0;
13
+ --token-shape-size-size-xxxl: 96;
14
+ --token-shape-size-size-xxl: 80;
15
+ --token-shape-size-size-xl: 64;
16
+ --token-shape-size-size-lx: 48;
17
+ --token-shape-size-size-lg: 40;
18
+ --token-shape-size-size-md: 32;
19
+ --token-shape-size-size-sm: 24;
20
+ --token-shape-size-size-xs: 20;
21
+ --token-shape-size-size-xxs: 16;
22
+ --token-shape-size-size-xxxs: 8;
23
+ --token-shape-radius-radius-round: 9001;
24
+ --token-shape-radius-radius-xxxl: 64;
25
+ --token-shape-radius-radius-xxl: 48;
26
+ --token-shape-radius-radius-xl: 32;
27
+ --token-shape-radius-radius-lg: 24;
28
+ --token-shape-radius-radius-md: 16;
29
+ --token-shape-radius-radius-sm: 12;
30
+ --token-shape-radius-radius-xs: 8;
31
+ --token-shape-radius-radius-xxs: 4;
32
+ --token-shape-radius-radius-xxxs: 2;
33
+ --token-shape-radius-radius-none: 0;
34
+ --token-shape-radius-radius-fmx: 26.600000381469727;
35
+ --token-shape-stroke-with-stroke-none: 0;
36
+ --token-shape-stroke-with-stroke-xs: 1;
37
+ --token-shape-stroke-with-stroke-sm: 2;
38
+ --token-shape-stroke-with-stroke-md: 3;
39
+ --token-shape-stroke-with-stroke-lg: 8;
40
+ --token-shape-stroke-with-stroke-xl: 16;
41
+ --token-shape-spacing: 0;
42
+ --token-shape-button-height-button-height-sm: 40;
43
+ --token-shape-button-height-button-heigh-md: 48;
44
+ --token-shape-button-height-button-height-lg: 60;
45
+ --token-shape-button-height-button-height-xl: 80;
46
+ --token-shape-button-width-button-width-auto: auto;
47
+ --token-shape-button-width-button-width-min: 240;
48
+ --token-shape-button-width-button-width-fill: fill;
49
+ --token-color-surface-neutral-default-highest: #ffffff;
50
+ --token-color-surface-neutral-default-higher: #f0f1f2;
51
+ --token-color-surface-neutral-default: #e1e3e5;
52
+ --token-color-surface-neutral-default-lower: #40464a;
53
+ --token-color-surface-neutral-default-lowest: #161616;
54
+ --token-color-surface-brand-brand: #007fe8;
55
+ --token-color-surface-brand-brand-alt: #d0ebff;
56
+ --token-color-surface-brand-pro: #ae61fa;
57
+ --token-color-surface-brand-pro-alt: #f3d9fa;
58
+ --token-color-surface-brand-pro-plus: #724899;
59
+ --token-color-surface-functional-danger: #f24d4d;
60
+ --token-color-surface-functional-danger-alt: #ffe3e3;
61
+ --token-color-surface-functional-warning: #ff8b17;
62
+ --token-color-surface-functional-warning-alt: #ffbe17;
63
+ --token-color-surface-functional-attention: #ffcc00;
64
+ --token-color-surface-functional-info: #386bff;
65
+ --token-color-surface-functional-info-alt: #dbe4ff;
66
+ --token-color-surface-functional-success: #39a049;
67
+ --token-color-surface-functional-succes-alt: #d3f9d8;
68
+ --token-color-surface-utility-default-higher-opac0: rgba(240, 241, 242, 0);
69
+ --token-color-surface-utility-defautl-opac75: rgba(255, 255, 255, 75);
70
+ --token-color-surface-utility-defautl-opac30: rgba(255, 255, 255, 30);
71
+ --token-color-surface-utility-scrim-lighter: rgba(0, 0, 0, 10);
72
+ --token-color-surface-utility-scrim: rgba(0, 0, 0, 66);
73
+ --token-color-surface-utility-scrim-darker: rgba(0, 0, 0, 85);
74
+ --token-color-content-neutral-default: #161616;
75
+ --token-color-content-neutral-default-alt: #6a747b;
76
+ --token-color-content-neutral-weak: #cbcfd2;
77
+ --token-color-content-neutral-label: #ffffff;
78
+ --token-color-content-brand-brand: #007fe8;
79
+ --token-color-content-brand-pro: #ae61fa;
80
+ --token-color-content-brand-pro-plus: #724899;
81
+ --token-color-content-functional-warning: #ff8b17;
82
+ --token-color-content-functional-info: #345cce;
83
+ --token-color-content-functional-success: #39a049;
84
+ --token-color-content-functional-danger: #f24d4d;
85
+ --token-color-content-functional-attention: #ffcc00;
86
+ --token-color-outline-neutral-default: rgba(0, 0, 0, 10);
87
+ --token-color-outline-neutral-default-alt: rgba(0, 0, 0, 66);
88
+ --token-color-outline-neutral-stronger: rgba(0, 0, 0, 66);
89
+ --token-color-outline-neutral-strongest: #161616;
90
+ --token-color-outline-neutral-inverted: rgba(255, 255, 255, 10);
91
+ --token-color-outline-brand-brand: #007fe8;
92
+ --token-color-outline-functional-danger: #f24d4d;
93
+ --token-color-outline-functional-danger-alt: #c92a2a;
94
+ --token-color-outline-functional-warning: #ff8b17;
95
+ --token-color-outline-functional-warning-alt: #e8590c;
96
+ --token-color-outline-functional-success: #39a049;
97
+ --token-color-outline-functional-informative: #345cce;
98
+ --token-color-outline-functional-avg-speed-check: #364fc7;
99
+ --token-color-special-feature-speedcam: #1eb3ff;
100
+ --token-color-special-feature-avg-speed-check: #386bff;
101
+ --token-color-special-feature-parking: #066cbf;
102
+ --token-color-special-feature-parking-alt: #adcbe4;
103
+ --token-color-special-feature-police: #0c469e;
104
+ --token-color-special-feature-firetruck: #c92a2a;
105
+ --token-color-special-feature-ambulance: #ffeb12;
106
+ --token-color-special-feature-emergency: #faff12;
107
+ --token-color-special-feature-signal: #9fff53;
108
+ --token-color-special-gradient-gerrit-start: #c2d84d;
109
+ --token-color-special-gradient-gerrit-end: #7db527;
110
+ --token-color-special-gradient-pro-start: #ae40f2;
111
+ --token-color-special-gradient-pro-end: #4f19e9;
112
+ --token-color-special-shadow-shadow-shadow-default: rgba(0, 0, 0, 15);
113
+ --token-color-system-black: #000000;
114
+ --token-color-system-white: #ffffff;
115
+ --token-color-system-dark: false;
116
+ --token-color-system-show-dark: 0;
117
+ --token-color-system-show-light: 100;
118
+ --token-color-system-theme: light;
119
+ --token-color-system-utility01: #ff2cac;
120
+ --token-color-system-utility02: #31daec;
121
+ --token-color-system-utility03: #ffbe17;
122
+ --token-color-system-utility04: #10ff7d;
123
+ --token-modifiers-blur-sharpest: 2;
124
+ --token-modifiers-blur-sharp: 4;
125
+ --token-modifiers-blur-default: 8;
126
+ --token-modifiers-blur-soft: 16;
127
+ --token-modifiers-blur-softer: 32;
128
+ --token-modifiers-timing-fastest: 0.10000000149011612;
129
+ --token-modifiers-timing-fast: 0.20000000298023224;
130
+ --token-modifiers-timing-default: 0.4000000059604645;
131
+ --token-modifiers-timing-slow: 0.6000000238418579;
132
+ --token-modifiers-timing-slowest: 1;
133
+ --token-modifiers-effects: 0;
134
+ --token-modifiers-opacity-faded: 10;
135
+ --token-modifiers-opacity-disabled: 20;
136
+ --token-modifiers-opacity-default: 66;
137
+ --token-modifiers-opacity-pressed: 80;
138
+ --token-modifiers-opacity-solid: 90;
139
+ --token-modifiers-shadow-higher: 10;
140
+ --token-modifiers-shadow-default: 8;
141
+ --token-modifiers-shadow-lower: 4;
142
+ }
143
+ :root.dark {
144
+ --token-shape-radius-radius-fmx: 0;
145
+ --token-color-surface-neutral-default-highest: #2b2f32;
146
+ --token-color-surface-neutral-default-higher: #1d1f20;
147
+ --token-color-surface-neutral-default: #161616;
148
+ --token-color-surface-neutral-default-lower: #1d1f20;
149
+ --token-color-surface-neutral-default-lowest: #000000;
150
+ --token-color-surface-brand-brand: #0086f5;
151
+ --token-color-surface-brand-brand-alt: #273744;
152
+ --token-color-surface-brand-pro-alt: #862e9c;
153
+ --token-color-surface-functional-danger: #fa4848;
154
+ --token-color-surface-functional-danger-alt: #492728;
155
+ --token-color-surface-functional-warning: #fd7e14;
156
+ --token-color-surface-functional-warning-alt: #d9480f;
157
+ --token-color-surface-functional-info: #2e74ff;
158
+ --token-color-surface-functional-info-alt: #364fc7;
159
+ --token-color-surface-functional-success: #38a849;
160
+ --token-color-surface-functional-succes-alt: #17401d;
161
+ --token-color-surface-utility-default-higher-opac0: rgba(29, 31, 32, 0);
162
+ --token-color-surface-utility-defautl-opac75: rgba(0, 0, 0, 75);
163
+ --token-color-surface-utility-defautl-opac30: rgba(0, 0, 0, 30);
164
+ --token-color-surface-utility-scrim-darker: rgba(0, 0, 0, 66);
165
+ --token-color-content-neutral-default: #f0f1f2;
166
+ --token-color-content-neutral-default-alt: #aab1b6;
167
+ --token-color-content-neutral-weak: #6a747b;
168
+ --token-color-content-neutral-label: #f0f1f2;
169
+ --token-color-content-brand-brand: #0086f5;
170
+ --token-color-content-functional-warning: #fe942a;
171
+ --token-color-content-functional-info: #2e74ff;
172
+ --token-color-content-functional-success: #38a849;
173
+ --token-color-content-functional-danger: #fa4848;
174
+ --token-color-outline-neutral-default: rgba(255, 255, 255, 10);
175
+ --token-color-outline-neutral-default-alt: rgba(255, 255, 255, 33);
176
+ --token-color-outline-neutral-stronger: rgba(255, 255, 255, 66);
177
+ --token-color-outline-neutral-strongest: #f0f1f2;
178
+ --token-color-outline-neutral-inverted: rgba(0, 0, 0, 10);
179
+ --token-color-outline-brand-brand: #0086f5;
180
+ --token-color-outline-functional-danger: #fa4848;
181
+ --token-color-outline-functional-warning: #fe942a;
182
+ --token-color-outline-functional-success: #38a849;
183
+ --token-color-outline-functional-informative: #2e74ff;
184
+ --token-color-special-feature-avg-speed-check: #2e74ff;
185
+ --token-color-special-feature-parking-alt: #273744;
186
+ --token-color-special-shadow-shadow-shadow-default: #000000;
187
+ --token-color-system-dark: true;
188
+ --token-color-system-show-dark: 100;
189
+ --token-color-system-show-light: 0;
190
+ --token-color-system-theme: dark;
191
+ --token-modifiers-blur-sharpest: 0;
192
+ --token-modifiers-blur-sharp: 0;
193
+ --token-modifiers-blur-default: 0;
194
+ --token-modifiers-blur-soft: 0;
195
+ --token-modifiers-blur-softer: 0;
196
+ --token-modifiers-timing-fastest: 0;
197
+ --token-modifiers-timing-fast: 0;
198
+ --token-modifiers-timing-default: 0;
199
+ --token-modifiers-timing-slow: 0;
200
+ --token-modifiers-timing-slowest: 0;
201
+ --token-modifiers-opacity-faded: 0;
202
+ --token-modifiers-opacity-disabled: 0;
203
+ --token-modifiers-opacity-default: 0;
204
+ --token-modifiers-opacity-pressed: 0;
205
+ --token-modifiers-opacity-solid: 0;
206
+ --token-modifiers-shadow-higher: 0;
207
+ --token-modifiers-shadow-default: 0;
208
+ --token-modifiers-shadow-lower: 0;
209
+ }
210
+
211
+ @theme {
212
+ --color-surface-neutral-default-highest: var(--token-color-surface-neutral-default-highest);
213
+ --color-surface-neutral-default-higher: var(--token-color-surface-neutral-default-higher);
214
+ --color-surface-neutral-default: var(--token-color-surface-neutral-default);
215
+ --color-surface-neutral-default-lower: var(--token-color-surface-neutral-default-lower);
216
+ --color-surface-neutral-default-lowest: var(--token-color-surface-neutral-default-lowest);
217
+ --color-surface-brand-brand: var(--token-color-surface-brand-brand);
218
+ --color-surface-brand-brand-alt: var(--token-color-surface-brand-brand-alt);
219
+ --color-surface-brand-pro: var(--token-color-surface-brand-pro);
220
+ --color-surface-brand-pro-alt: var(--token-color-surface-brand-pro-alt);
221
+ --color-surface-brand-pro-plus: var(--token-color-surface-brand-pro-plus);
222
+ --color-surface-functional-danger: var(--token-color-surface-functional-danger);
223
+ --color-surface-functional-danger-alt: var(--token-color-surface-functional-danger-alt);
224
+ --color-surface-functional-warning: var(--token-color-surface-functional-warning);
225
+ --color-surface-functional-warning-alt: var(--token-color-surface-functional-warning-alt);
226
+ --color-surface-functional-attention: var(--token-color-surface-functional-attention);
227
+ --color-surface-functional-info: var(--token-color-surface-functional-info);
228
+ --color-surface-functional-info-alt: var(--token-color-surface-functional-info-alt);
229
+ --color-surface-functional-success: var(--token-color-surface-functional-success);
230
+ --color-surface-functional-succes-alt: var(--token-color-surface-functional-succes-alt);
231
+ --color-surface-utility-default-higher-opac0: var(--token-color-surface-utility-default-higher-opac0);
232
+ --color-surface-utility-defautl-opac75: var(--token-color-surface-utility-defautl-opac75);
233
+ --color-surface-utility-defautl-opac30: var(--token-color-surface-utility-defautl-opac30);
234
+ --color-surface-utility-scrim-lighter: var(--token-color-surface-utility-scrim-lighter);
235
+ --color-surface-utility-scrim: var(--token-color-surface-utility-scrim);
236
+ --color-surface-utility-scrim-darker: var(--token-color-surface-utility-scrim-darker);
237
+ --color-content-neutral-default: var(--token-color-content-neutral-default);
238
+ --color-content-neutral-default-alt: var(--token-color-content-neutral-default-alt);
239
+ --color-content-neutral-weak: var(--token-color-content-neutral-weak);
240
+ --color-content-neutral-label: var(--token-color-content-neutral-label);
241
+ --color-content-brand-brand: var(--token-color-content-brand-brand);
242
+ --color-content-brand-pro: var(--token-color-content-brand-pro);
243
+ --color-content-brand-pro-plus: var(--token-color-content-brand-pro-plus);
244
+ --color-content-functional-warning: var(--token-color-content-functional-warning);
245
+ --color-content-functional-info: var(--token-color-content-functional-info);
246
+ --color-content-functional-success: var(--token-color-content-functional-success);
247
+ --color-content-functional-danger: var(--token-color-content-functional-danger);
248
+ --color-content-functional-attention: var(--token-color-content-functional-attention);
249
+ --color-outline-neutral-default: var(--token-color-outline-neutral-default);
250
+ --color-outline-neutral-default-alt: var(--token-color-outline-neutral-default-alt);
251
+ --color-outline-neutral-stronger: var(--token-color-outline-neutral-stronger);
252
+ --color-outline-neutral-strongest: var(--token-color-outline-neutral-strongest);
253
+ --color-outline-neutral-inverted: var(--token-color-outline-neutral-inverted);
254
+ --color-outline-brand-brand: var(--token-color-outline-brand-brand);
255
+ --color-outline-functional-danger: var(--token-color-outline-functional-danger);
256
+ --color-outline-functional-danger-alt: var(--token-color-outline-functional-danger-alt);
257
+ --color-outline-functional-warning: var(--token-color-outline-functional-warning);
258
+ --color-outline-functional-warning-alt: var(--token-color-outline-functional-warning-alt);
259
+ --color-outline-functional-success: var(--token-color-outline-functional-success);
260
+ --color-outline-functional-informative: var(--token-color-outline-functional-informative);
261
+ --color-outline-functional-avg-speed-check: var(--token-color-outline-functional-avg-speed-check);
262
+ --color-special-feature-speedcam: var(--token-color-special-feature-speedcam);
263
+ --color-special-feature-avg-speed-check: var(--token-color-special-feature-avg-speed-check);
264
+ --color-special-feature-parking: var(--token-color-special-feature-parking);
265
+ --color-special-feature-parking-alt: var(--token-color-special-feature-parking-alt);
266
+ --color-special-feature-police: var(--token-color-special-feature-police);
267
+ --color-special-feature-firetruck: var(--token-color-special-feature-firetruck);
268
+ --color-special-feature-ambulance: var(--token-color-special-feature-ambulance);
269
+ --color-special-feature-emergency: var(--token-color-special-feature-emergency);
270
+ --color-special-feature-signal: var(--token-color-special-feature-signal);
271
+ --color-special-gradient-gerrit-start: var(--token-color-special-gradient-gerrit-start);
272
+ --color-special-gradient-gerrit-end: var(--token-color-special-gradient-gerrit-end);
273
+ --color-special-gradient-pro-start: var(--token-color-special-gradient-pro-start);
274
+ --color-special-gradient-pro-end: var(--token-color-special-gradient-pro-end);
275
+ --color-special-shadow-shadow-shadow-default: var(--token-color-special-shadow-shadow-shadow-default);
276
+ --color-system-black: var(--token-color-system-black);
277
+ --color-system-white: var(--token-color-system-white);
278
+ --color-system-dark: var(--token-color-system-dark);
279
+ --color-system-show-dark: var(--token-color-system-show-dark);
280
+ --color-system-show-light: var(--token-color-system-show-light);
281
+ --color-system-theme: var(--token-color-system-theme);
282
+ --color-system-utility01: var(--token-color-system-utility01);
283
+ --color-system-utility02: var(--token-color-system-utility02);
284
+ --color-system-utility03: var(--token-color-system-utility03);
285
+ --color-system-utility04: var(--token-color-system-utility04);
286
+ }