@drivy/cobalt 0.46.0 → 0.46.2

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 (23) hide show
  1. package/cjs/tokens/palette.js +73 -29
  2. package/cjs/tokens/palette.js.map +1 -1
  3. package/cjs/tokens/theme.js +119 -111
  4. package/cjs/tokens/theme.js.map +1 -1
  5. package/components/Calendar/CalendarView/CalendarViewMonth.js +2 -2
  6. package/components/Calendar/CalendarView/CalendarViewMonth.js.map +1 -1
  7. package/package.json +1 -1
  8. package/styles/components/Calendar/CalendarView/index.scss +7 -16
  9. package/styles/components/ContainedIcon/index.scss +2 -0
  10. package/styles/components/Icon/iconColors.scss +42 -30
  11. package/styles/components/Layout/Surfaces/index.scss +36 -20
  12. package/styles/core/_colors-map.scss +49 -41
  13. package/styles/core/breakpoints.scss +20 -0
  14. package/styles/core/default-theme.scss +69 -61
  15. package/styles/core/palette.scss +70 -26
  16. package/styles/core/theme.scss +175 -159
  17. package/tokens/palette.js +73 -29
  18. package/tokens/palette.js.map +1 -1
  19. package/tokens/theme.js +119 -111
  20. package/tokens/theme.js.map +1 -1
  21. package/types/src/components/Icon/index.d.ts +1 -1
  22. package/types/src/tokens/index.d.ts +95 -43
  23. package/utilities.css +249 -169
package/utilities.css CHANGED
@@ -7,50 +7,70 @@
7
7
  /**********************************/
8
8
 
9
9
  :root {
10
- --c-white: #fff;
11
- --c-purple-100: #f6e5f5;
12
- --c-purple-300: #ca6bc3;
13
- --c-purple-400: #c04fb8;
10
+ --c-white: #ffffff;
11
+ --c-purple-100: #f8f2f8;
12
+ --c-purple-200: #f0e1ee;
13
+ --c-purple-300: #db97d5;
14
+ --c-purple-400: #c758bd;
14
15
  --c-purple-500: #b01aa7;
15
- --c-purple-700: #8d1586;
16
- --c-purple-900: #5f1159;
16
+ --c-purple-600: #a6199d;
17
+ --c-purple-700: #901588;
18
+ --c-purple-800: #75116f;
19
+ --c-purple-900: #530c4f;
20
+ --c-purple-1000: #3e093b;
21
+ --c-purple-1100: #280626;
22
+ --c-purple-1200: #160315;
17
23
  --c-purpleDeep-100: #f2a6ee;
18
24
  --c-purpleDeep-300: #ea71e3;
19
25
  --c-purpleDeep-400: #c31dba;
20
26
  --c-purpleDeep-500: #9b1794;
21
27
  --c-purpleDeep-700: #73116e;
22
28
  --c-purpleDeep-900: #4b0b48;
29
+ --c-purpleDeep-1000: #3e093c;
23
30
  --c-purpleLight-100: #ffdcfd;
24
31
  --c-navy-50: #f1f1f4;
25
32
  --c-navy-100: #e3e2e8;
26
33
  --c-navy-120: #cac7d2;
27
34
  --c-navy-200: #bbb8c7;
28
35
  --c-navy-300: #7b728e;
36
+ --c-navy-400: #554b70;
29
37
  --c-navy-500: #362e53;
30
38
  --c-navy-700: #261a48;
31
39
  --c-navy-900: #0f0429;
32
40
  --c-yellow-100: #ffeed1;
33
41
  --c-yellow-300: #ffdda3;
42
+ --c-yellow-400: #ffd387;
34
43
  --c-yellow-500: #ffc766;
35
44
  --c-yellow-700: #c59548;
36
45
  --c-yellow-900: #75592d;
37
46
  --c-yellow-1000: #3b2e17;
38
- --c-green-100: #cdebcb;
39
- --c-green-120: #bfe5bd;
40
- --c-green-150: #b1e0ae;
47
+ --c-green-100: #f4f9f3;
48
+ --c-green-200: #e5f2e4;
49
+ --c-green-300: #c8e5c6;
50
+ --c-green-400: #93d790;
41
51
  --c-green-500: #5cbf54;
42
52
  --c-green-700: #479d3e;
43
53
  --c-green-900: #2f6d1c;
44
54
  --c-green-1000: #1b500a;
55
+ --c-green-1100: #143b05;
56
+ --c-green-1200: #102e03;
45
57
  --c-red-100: #fdeded;
46
- --c-red-120: #fbdada;
47
- --c-red-150: #f9c8c8;
48
- --c-red-200: #e38c8c;
49
- --c-red-400: #ed4545;
58
+ --c-red-120: #f7e9e9;
59
+ --c-red-150: #eed0d0;
60
+ --c-red-200: #e5b5b5;
61
+ --c-red-300: #db9494;
62
+ --c-red-400: #d16969;
50
63
  --c-red-500: #c71414;
51
- --c-red-700: #af1212;
52
- --c-red-800: #764747;
53
- --c-red-900: #3f2424;
64
+ --c-red-600: #b61212;
65
+ --c-red-700: #a21010;
66
+ --c-red-800: #8d0e0e;
67
+ --c-red-900: #730c0c;
68
+ --c-red-1000: #510808;
69
+ --c-red-1200: #4a0707;
70
+ --c-red-1300: #420707;
71
+ --c-red-1400: #390606;
72
+ --c-red-1500: #2f0505;
73
+ --c-red-1600: #210303;
54
74
  --c-orange-100: #f1d5b1;
55
75
  --c-orange-300: #eec186;
56
76
  --c-orange-500: #e39735;
@@ -58,14 +78,34 @@
58
78
  --c-black-50: #544f53;
59
79
  --c-black-75: #443f44;
60
80
  --c-black-100: #363036;
81
+ --c-black-200: #2e292e;
61
82
  --c-black-300: #282127;
83
+ --c-black-400: #251d24;
62
84
  --c-black-500: #191218;
63
- --c-black-1000: #000;
85
+ --c-black-600: #0f0a0e;
86
+ --c-black-700: #090609;
87
+ --c-black-800: #030203;
88
+ --c-black-1000: #000000;
64
89
  --c-grey-50: #f8f9fa;
65
90
  --c-grey-100: #e3e2e3;
91
+ --c-grey-200: #c3c1c3;
66
92
  --c-grey-300: #a9a6a9;
93
+ --c-grey-400: #9d9a9d;
67
94
  --c-grey-500: #918d91;
68
- --c-blue-500: #79a3f3;
95
+ --c-grey-600: #7d787d;
96
+ --c-grey-700: #6a676a;
97
+ --c-blue-100: #f5f8ff;
98
+ --c-blue-200: #e5edff;
99
+ --c-blue-300: #b7d3ff;
100
+ --c-blue-400: #74b0ff;
101
+ --c-blue-500: #1f81f3;
102
+ --c-blue-600: #185bd1;
103
+ --c-blue-700: #1b3b8b;
104
+ --c-blue-800: #19255c;
105
+ --c-blue-900: #151c38;
106
+ --c-blue-1000: #101423;
107
+ --c-blue-1100: #0d1016;
108
+ --c-blue-1200: #0a0b0f;
69
109
  --c-turquoise-50: #ecf9fb;
70
110
  --c-turquoise-100: #cfeff5;
71
111
  --c-turquoise-200: #afe5ee;
@@ -77,14 +117,18 @@
77
117
  --c-turquoise-800: #42b8cf;
78
118
  --c-turquoise-900: #31acc7;
79
119
  --c-turquoise-1200: #11505e;
80
- --c-season-100: #bdffac;
81
- --c-season-200: #94ea84;
82
- --c-season-300: #73c865;
83
- --c-season-400: #54a949;
84
- --c-season-700: #0b7011;
85
- --c-season-800: #005100;
86
- --c-season-900: #030;
87
- --c-season-1000: #001900;
120
+ --c-season-100: #a9d4a8;
121
+ --c-season-200: #9fd09e;
122
+ --c-season-300: #7cc27b;
123
+ --c-season-400: #56b654;
124
+ --c-season-500: #24aa1f;
125
+ --c-season-600: #229f1c;
126
+ --c-season-700: #1f931a;
127
+ --c-season-800: #1d8618;
128
+ --c-season-900: #1a7816;
129
+ --c-season-1000: #166612;
130
+ --c-season-1100: #11510f;
131
+ --c-season-1200: #0a3109;
88
132
  --c-newPurple-200: #e46fee;
89
133
  --c-newPurple-500: #bc00cc;
90
134
  --c-newViolet-200: #b86fff;
@@ -103,7 +147,7 @@
103
147
  --c-background-primary: var(--c-white);
104
148
  --c-background-secondary: var(--c-white);
105
149
  --c-background-accent: var(--c-purple-500);
106
- --c-background-accentAlt: var(--c-purple-100);
150
+ --c-background-accentAlt: var(--c-purple-200);
107
151
  --c-background-info: var(--c-yellow-100);
108
152
  --c-background-error: var(--c-red-500);
109
153
  --c-background-errorAlt: var(--c-red-100);
@@ -111,51 +155,48 @@
111
155
  --c-background-successAlt: var(--c-green-100);
112
156
  --c-background-connect: var(--c-newPurple-500);
113
157
  --c-background-connectAlt: var(--c-turquoise-50);
114
- --c-background-keyExchange: var(--c-newViolet-500);
115
- --c-background-picked: var(--c-green-700);
116
- --c-background-rideshare: var(--c-black-1000);
117
158
  --c-background-driver: var(--c-yellow-500);
118
159
  --c-background-owner: var(--c-navy-700);
119
- --c-background-disabled: var(--c-navy-100);
160
+ --c-background-disabled: var(--c-navy-50);
120
161
  --c-background-neutral: var(--c-navy-100);
121
162
  --c-background-neutralAlt: var(--c-navy-50);
122
163
  --c-background-seasonLow: var(--c-season-100);
123
- --c-background-seasonMedium: var(--c-season-200);
124
- --c-background-seasonHigh: var(--c-season-300);
125
- --c-background-seasonVeryhigh: var(--c-season-400);
126
- --c-background-rental: var(--c-turquoise-100);
127
- --c-background-blocker: var(--c-navy-100);
164
+ --c-background-seasonMedium: var(--c-season-300);
165
+ --c-background-seasonHigh: var(--c-season-700);
166
+ --c-background-seasonVeryHigh: var(--c-season-1100);
167
+ --c-background-rental: var(--c-blue-500);
168
+ --c-background-rentalAlt: var(--c-blue-300);
169
+ --c-background-blocker: var(--c-grey-100);
170
+ --c-background-rideshare: var(--c-black-1000);
171
+ --c-background-keyExchange: var(--c-newViolet-500);
172
+ --c-background-picked: var(--c-green-700);
128
173
  --c-background-base: var(--c-navy-900);
129
174
  --c-background-secondaryInteractive: var(--c-white);
130
175
  --c-background-secondaryInteractive--hover: var(--c-navy-50);
131
176
  --c-background-accentInteractive: var(--c-purple-500);
132
177
  --c-background-accentInteractive--hover: var(--c-purple-700);
133
- --c-background-accentAltInteractive: var(--c-purple-100);
178
+ --c-background-accentAltInteractive: var(--c-purple-200);
134
179
  --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
135
180
  --c-background-connectInteractive: var(--c-newPurple-500);
136
181
  --c-background-connectInteractive--hover: var(--c-turquoise-700);
137
182
  --c-background-errorInteractive: var(--c-red-500);
138
183
  --c-background-errorInteractive--hover: var(--c-red-700);
139
184
  --c-text-base: var(--c-navy-700);
140
- --c-text-subdued: var(--c-navy-300);
185
+ --c-text-subdued: var(--c-navy-400);
141
186
  --c-text-accent: var(--c-purple-500);
142
- --c-text-accentAlt: var(--c-purple-500);
187
+ --c-text-accentAlt: var(--c-purple-700);
143
188
  --c-text-info: var(--c-yellow-900);
144
- --c-text-infoAlt: var(--c-yellow-700);
145
189
  --c-text-error: var(--c-red-500);
146
190
  --c-text-errorAlt: var(--c-red-500);
147
191
  --c-text-success: var(--c-green-700);
148
192
  --c-text-successAlt: var(--c-green-1000);
149
- --c-text-warning: var(--c-orange-500);
150
193
  --c-text-connect: var(--c-newPurple-500);
151
194
  --c-text-connectAlt: var(--c-turquoise-900);
152
- --c-text-keyExchange: var(--c-newViolet-500);
153
- --c-text-picked: var(--c-green-700);
154
- --c-text-rideshare: var(--c-black-1000);
155
195
  --c-text-driver: var(--c-navy-700);
156
196
  --c-text-owner: var(--c-white);
157
- --c-text-disabled: var(--c-navy-200);
158
- --c-text-inversed: var(--c-white);
197
+ --c-text-warning: var(--c-orange-500);
198
+ --c-text-infoAlt: var(--c-yellow-700);
199
+ --c-text-disabled: var(--c-navy-120);
159
200
  --c-text-onAccent: var(--c-white);
160
201
  --c-text-onRideshare: var(--c-white);
161
202
  --c-text-onError: var(--c-white);
@@ -163,36 +204,41 @@
163
204
  --c-text-onConnect: var(--c-white);
164
205
  --c-text-onKeyExchange: var(--c-white);
165
206
  --c-text-onPicked: var(--c-white);
207
+ --c-text-keyExchange: var(--c-newViolet-500);
208
+ --c-text-picked: var(--c-green-700);
209
+ --c-text-rideshare: var(--c-black-1000);
166
210
  --c-text-onBase: var(--c-white);
211
+ --c-text-onSeasonLow: var(--c-black-800);
212
+ --c-text-onSeasonMedium: var(--c-black-800);
213
+ --c-text-onSeasonHigh: var(--c-white);
214
+ --c-text-onSeasonVeryHigh: var(--c-white);
215
+ --c-text-onRental: var(--c-white);
216
+ --c-text-onRentalAlt: var(--c-black-300);
217
+ --c-text-inversed: var(--c-white);
167
218
  --c-text-baseInteractive: var(--c-navy-700);
168
219
  --c-text-baseInteractive--hover: var(--c-navy-900);
169
- --c-text-subduedInteractive: var(--c-navy-300);
220
+ --c-text-subduedInteractive: var(--c-navy-400);
170
221
  --c-text-subduedInteractive--hover: var(--c-navy-500);
171
222
  --c-text-accentInteractive: var(--c-purple-500);
172
223
  --c-text-accentInteractive--hover: var(--c-purple-700);
173
- --c-text-accentAltInteractive: var(--c-purple-500);
224
+ --c-text-accentAltInteractive: var(--c-purple-700);
174
225
  --c-text-accentAltInteractive--hover: var(--c-purple-700);
175
- --c-icon-base: var(--c-navy-500);
176
- --c-icon-subdued: var(--c-navy-300);
226
+ --c-icon-base: var(--c-navy-700);
227
+ --c-icon-subdued: var(--c-navy-400);
177
228
  --c-icon-accent: var(--c-purple-500);
178
- --c-icon-accentAlt: var(--c-purple-500);
229
+ --c-icon-accentAlt: var(--c-purple-700);
179
230
  --c-icon-info: var(--c-yellow-900);
180
- --c-icon-infoAlt: var(--c-yellow-500);
181
231
  --c-icon-error: var(--c-red-500);
182
232
  --c-icon-errorAlt: var(--c-red-500);
183
233
  --c-icon-success: var(--c-green-700);
184
234
  --c-icon-successAlt: var(--c-green-1000);
185
- --c-icon-warning: var(--c-orange-500);
186
235
  --c-icon-connect: var(--c-newPurple-500);
187
236
  --c-icon-connectAlt: var(--c-turquoise-900);
188
- --c-icon-keyExchange: var(--c-newViolet-500);
189
- --c-icon-picked: var(--c-green-700);
190
- --c-icon-rideshare: var(--c-black-1000);
191
237
  --c-icon-driver: var(--c-navy-700);
192
238
  --c-icon-owner: var(--c-white);
239
+ --c-icon-warning: var(--c-orange-500);
240
+ --c-icon-infoAlt: var(--c-yellow-500);
193
241
  --c-icon-disabled: var(--c-navy-200);
194
- --c-icon-disabledAlt: var(--c-navy-300);
195
- --c-icon-inversed: var(--c-white);
196
242
  --c-icon-onAccent: var(--c-white);
197
243
  --c-icon-onRideshare: var(--c-white);
198
244
  --c-icon-onError: var(--c-white);
@@ -200,37 +246,43 @@
200
246
  --c-icon-onConnect: var(--c-white);
201
247
  --c-icon-onKeyExchange: var(--c-white);
202
248
  --c-icon-onPicked: var(--c-white);
249
+ --c-icon-keyExchange: var(--c-newViolet-500);
250
+ --c-icon-picked: var(--c-green-700);
251
+ --c-icon-rideshare: var(--c-black-1000);
203
252
  --c-icon-onBase: var(--c-white);
204
- --c-icon-baseInteractive: var(--c-navy-500);
253
+ --c-icon-disabledAlt: var(--c-navy-120);
254
+ --c-icon-onRental: var(--c-white);
255
+ --c-icon-inversed: var(--c-white);
256
+ --c-icon-baseInteractive: var(--c-navy-700);
205
257
  --c-icon-baseInteractive--hover: var(--c-navy-700);
206
- --c-icon-subduedInteractive: var(--c-navy-300);
258
+ --c-icon-subduedInteractive: var(--c-navy-400);
207
259
  --c-icon-subduedInteractive--hover: var(--c-navy-500);
208
260
  --c-icon-accentInteractive: var(--c-purple-500);
209
261
  --c-icon-accentInteractive--hover: var(--c-purple-700);
210
- --c-icon-accentAltInteractive: var(--c-purple-500);
262
+ --c-icon-accentAltInteractive: var(--c-purple-700);
211
263
  --c-icon-accentAltInteractive--hover: var(--c-purple-700);
212
264
  --c-stroke-base: var(--c-navy-100);
213
265
  --c-stroke-subdued: var(--c-navy-50);
214
- --c-stroke-strong: var(--c-navy-300);
215
266
  --c-stroke-accent: var(--c-purple-500);
216
- --c-stroke-accentAlt: var(--c-purple-300);
217
- --c-stroke-error: var(--c-red-500);
218
- --c-stroke-errorAlt: var(--c-red-500);
267
+ --c-stroke-accentAlt: var(--c-purple-600);
219
268
  --c-stroke-success: var(--c-green-500);
220
269
  --c-stroke-successAlt: var(--c-green-500);
221
- --c-stroke-connect: var(--c-newPurple-500);
222
- --c-stroke-keyExchange: var(--c-newViolet-500);
223
- --c-stroke-picked: var(--c-green-700);
224
- --c-stroke-rideshare: var(--c-black-1000);
225
- --c-stroke-rental: var(--c-turquoise-500);
226
- --c-stroke-blocker: var(--c-navy-300);
270
+ --c-stroke-error: var(--c-red-500);
271
+ --c-stroke-errorAlt: var(--c-red-500);
272
+ --c-stroke-strong: var(--c-grey-300);
227
273
  --c-stroke-onAccent: var(--c-white);
274
+ --c-stroke-rental: var(--c-blue-700);
275
+ --c-stroke-blocker: var(--c-grey-200);
228
276
  --c-stroke-onError: var(--c-white);
229
277
  --c-stroke-onSuccess: var(--c-white);
278
+ --c-stroke-connect: var(--c-newPurple-500);
279
+ --c-stroke-keyExchange: var(--c-newViolet-500);
280
+ --c-stroke-picked: var(--c-green-700);
230
281
  --c-stroke-onConnect: var(--c-white);
231
- --c-stroke-onPicked: var(--c-white);
232
282
  --c-stroke-onKeyExchange: var(--c-white);
283
+ --c-stroke-onPicked: var(--c-white);
233
284
  --c-stroke-onRideshare: var(--c-white);
285
+ --c-stroke-rideshare: var(--c-black-1000);
234
286
  --c-stroke-onBase: var(--c-white);
235
287
  --c-stroke-baseInteractive: var(--c-navy-100);
236
288
  --c-stroke-baseInteractive--hover: var(--c-navy-300);
@@ -289,6 +341,19 @@
289
341
  --c-buttonLabel-successAltInteractive: var(--c-green-900);
290
342
  --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
291
343
  --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
344
+ --c-fill-base: var(--c-navy-500);
345
+ --c-fill-accent: var(--c-purple-500);
346
+ --c-fill-secondary: var(--c-yellow-500);
347
+ --c-fill-subdued: var(--c-navy-100);
348
+ --c-fill-neutral: var(--c-navy-50);
349
+ --c-fill-negative: var(--c-red-150);
350
+ --c-fill-accentAlt: var(--c-purple-100);
351
+ --c-fill-disabled: var(--c-navy-300);
352
+ --c-fill-error: var(--c-red-500);
353
+ --c-fill-success: var(--c-green-500);
354
+ --c-fill-rental: var(--c-blue-300);
355
+ --c-fill-blocker: var(--c-grey-100);
356
+ --c-fill-primary: var(--c-white);
292
357
  --c-buttonBackground-selected: var(--c-purple-100);
293
358
  --c-buttonBackground-primary: var(--c-purple-500);
294
359
  --c-buttonBackground-secondary: var(--c-white);
@@ -311,21 +376,8 @@
311
376
  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
312
377
  --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
313
378
  --c-buttonBackground-successAltInteractive: var(--c-green-100);
314
- --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
315
- --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
316
- --c-fill-base: var(--c-navy-500);
317
- --c-fill-subdued: var(--c-navy-100);
318
- --c-fill-secondary: var(--c-yellow-500);
319
- --c-fill-accent: var(--c-purple-500);
320
- --c-fill-accentAlt: var(--c-purple-100);
321
- --c-fill-error: var(--c-red-500);
322
- --c-fill-success: var(--c-green-500);
323
- --c-fill-neutral: var(--c-navy-50);
324
- --c-fill-negative: var(--c-red-150);
325
- --c-fill-disabled: var(--c-navy-300);
326
- --c-fill-rental: var(--c-turquoise-100);
327
- --c-fill-blocker: var(--c-navy-120);
328
- --c-fill-primary: var(--c-white);
379
+ --c-buttonBackground-successAltInteractive--hover: var(--c-green-300);
380
+ --c-buttonBackground-successAltInteractive--press: var(--c-green-400);
329
381
  --c-illustrations-primary: var(--c-navy-500);
330
382
  --c-illustrations-secondary: var(--c-white);
331
383
  --c-illustrations-accent1: var(--c-purple-500);
@@ -5220,10 +5272,6 @@
5220
5272
  border-color: var(--c-stroke-subdued);
5221
5273
  }
5222
5274
 
5223
- .c-border-strong {
5224
- border-color: var(--c-stroke-strong);
5225
- }
5226
-
5227
5275
  .c-border-accent {
5228
5276
  border-color: var(--c-stroke-accent);
5229
5277
  }
@@ -5232,14 +5280,6 @@
5232
5280
  border-color: var(--c-stroke-accentAlt);
5233
5281
  }
5234
5282
 
5235
- .c-border-error {
5236
- border-color: var(--c-stroke-error);
5237
- }
5238
-
5239
- .c-border-errorAlt {
5240
- border-color: var(--c-stroke-errorAlt);
5241
- }
5242
-
5243
5283
  .c-border-success {
5244
5284
  border-color: var(--c-stroke-success);
5245
5285
  }
@@ -5248,20 +5288,20 @@
5248
5288
  border-color: var(--c-stroke-successAlt);
5249
5289
  }
5250
5290
 
5251
- .c-border-connect {
5252
- border-color: var(--c-stroke-connect);
5291
+ .c-border-error {
5292
+ border-color: var(--c-stroke-error);
5253
5293
  }
5254
5294
 
5255
- .c-border-keyExchange {
5256
- border-color: var(--c-stroke-keyExchange);
5295
+ .c-border-errorAlt {
5296
+ border-color: var(--c-stroke-errorAlt);
5257
5297
  }
5258
5298
 
5259
- .c-border-picked {
5260
- border-color: var(--c-stroke-picked);
5299
+ .c-border-strong {
5300
+ border-color: var(--c-stroke-strong);
5261
5301
  }
5262
5302
 
5263
- .c-border-rideshare {
5264
- border-color: var(--c-stroke-rideshare);
5303
+ .c-border-onAccent {
5304
+ border-color: var(--c-stroke-onAccent);
5265
5305
  }
5266
5306
 
5267
5307
  .c-border-rental {
@@ -5272,10 +5312,6 @@
5272
5312
  border-color: var(--c-stroke-blocker);
5273
5313
  }
5274
5314
 
5275
- .c-border-onAccent {
5276
- border-color: var(--c-stroke-onAccent);
5277
- }
5278
-
5279
5315
  .c-border-onError {
5280
5316
  border-color: var(--c-stroke-onError);
5281
5317
  }
@@ -5284,22 +5320,38 @@
5284
5320
  border-color: var(--c-stroke-onSuccess);
5285
5321
  }
5286
5322
 
5287
- .c-border-onConnect {
5288
- border-color: var(--c-stroke-onConnect);
5323
+ .c-border-connect {
5324
+ border-color: var(--c-stroke-connect);
5289
5325
  }
5290
5326
 
5291
- .c-border-onPicked {
5292
- border-color: var(--c-stroke-onPicked);
5327
+ .c-border-keyExchange {
5328
+ border-color: var(--c-stroke-keyExchange);
5329
+ }
5330
+
5331
+ .c-border-picked {
5332
+ border-color: var(--c-stroke-picked);
5333
+ }
5334
+
5335
+ .c-border-onConnect {
5336
+ border-color: var(--c-stroke-onConnect);
5293
5337
  }
5294
5338
 
5295
5339
  .c-border-onKeyExchange {
5296
5340
  border-color: var(--c-stroke-onKeyExchange);
5297
5341
  }
5298
5342
 
5343
+ .c-border-onPicked {
5344
+ border-color: var(--c-stroke-onPicked);
5345
+ }
5346
+
5299
5347
  .c-border-onRideshare {
5300
5348
  border-color: var(--c-stroke-onRideshare);
5301
5349
  }
5302
5350
 
5351
+ .c-border-rideshare {
5352
+ border-color: var(--c-stroke-rideshare);
5353
+ }
5354
+
5303
5355
  .c-border-onBase {
5304
5356
  border-color: var(--c-stroke-onBase);
5305
5357
  }
@@ -5396,18 +5448,6 @@
5396
5448
  background-color: var(--c-background-connectAlt);
5397
5449
  }
5398
5450
 
5399
- .c-bg-keyExchange {
5400
- background-color: var(--c-background-keyExchange);
5401
- }
5402
-
5403
- .c-bg-picked {
5404
- background-color: var(--c-background-picked);
5405
- }
5406
-
5407
- .c-bg-rideshare {
5408
- background-color: var(--c-background-rideshare);
5409
- }
5410
-
5411
5451
  .c-bg-driver {
5412
5452
  background-color: var(--c-background-driver);
5413
5453
  }
@@ -5440,18 +5480,34 @@
5440
5480
  background-color: var(--c-background-seasonHigh);
5441
5481
  }
5442
5482
 
5443
- .c-bg-seasonVeryhigh {
5444
- background-color: var(--c-background-seasonVeryhigh);
5483
+ .c-bg-seasonVeryHigh {
5484
+ background-color: var(--c-background-seasonVeryHigh);
5445
5485
  }
5446
5486
 
5447
5487
  .c-bg-rental {
5448
5488
  background-color: var(--c-background-rental);
5449
5489
  }
5450
5490
 
5491
+ .c-bg-rentalAlt {
5492
+ background-color: var(--c-background-rentalAlt);
5493
+ }
5494
+
5451
5495
  .c-bg-blocker {
5452
5496
  background-color: var(--c-background-blocker);
5453
5497
  }
5454
5498
 
5499
+ .c-bg-rideshare {
5500
+ background-color: var(--c-background-rideshare);
5501
+ }
5502
+
5503
+ .c-bg-keyExchange {
5504
+ background-color: var(--c-background-keyExchange);
5505
+ }
5506
+
5507
+ .c-bg-picked {
5508
+ background-color: var(--c-background-picked);
5509
+ }
5510
+
5455
5511
  .c-bg-base {
5456
5512
  background-color: var(--c-background-base);
5457
5513
  }
@@ -5520,28 +5576,16 @@
5520
5576
  background-color: var(--c-fill-base);
5521
5577
  }
5522
5578
 
5523
- .c-bg-fill-subdued {
5524
- background-color: var(--c-fill-subdued);
5525
- }
5526
-
5527
- .c-bg-fill-secondary {
5528
- background-color: var(--c-fill-secondary);
5529
- }
5530
-
5531
5579
  .c-bg-fill-accent {
5532
5580
  background-color: var(--c-fill-accent);
5533
5581
  }
5534
5582
 
5535
- .c-bg-fill-accentAlt {
5536
- background-color: var(--c-fill-accentAlt);
5537
- }
5538
-
5539
- .c-bg-fill-error {
5540
- background-color: var(--c-fill-error);
5583
+ .c-bg-fill-secondary {
5584
+ background-color: var(--c-fill-secondary);
5541
5585
  }
5542
5586
 
5543
- .c-bg-fill-success {
5544
- background-color: var(--c-fill-success);
5587
+ .c-bg-fill-subdued {
5588
+ background-color: var(--c-fill-subdued);
5545
5589
  }
5546
5590
 
5547
5591
  .c-bg-fill-neutral {
@@ -5552,10 +5596,22 @@
5552
5596
  background-color: var(--c-fill-negative);
5553
5597
  }
5554
5598
 
5599
+ .c-bg-fill-accentAlt {
5600
+ background-color: var(--c-fill-accentAlt);
5601
+ }
5602
+
5555
5603
  .c-bg-fill-disabled {
5556
5604
  background-color: var(--c-fill-disabled);
5557
5605
  }
5558
5606
 
5607
+ .c-bg-fill-error {
5608
+ background-color: var(--c-fill-error);
5609
+ }
5610
+
5611
+ .c-bg-fill-success {
5612
+ background-color: var(--c-fill-success);
5613
+ }
5614
+
5559
5615
  .c-bg-fill-rental {
5560
5616
  background-color: var(--c-fill-rental);
5561
5617
  }
@@ -5588,10 +5644,6 @@
5588
5644
  color: var(--c-text-info);
5589
5645
  }
5590
5646
 
5591
- .c-text-infoAlt {
5592
- color: var(--c-text-infoAlt);
5593
- }
5594
-
5595
5647
  .c-text-error {
5596
5648
  color: var(--c-text-error);
5597
5649
  }
@@ -5608,10 +5660,6 @@
5608
5660
  color: var(--c-text-successAlt);
5609
5661
  }
5610
5662
 
5611
- .c-text-warning {
5612
- color: var(--c-text-warning);
5613
- }
5614
-
5615
5663
  .c-text-connect {
5616
5664
  color: var(--c-text-connect);
5617
5665
  }
@@ -5620,18 +5668,6 @@
5620
5668
  color: var(--c-text-connectAlt);
5621
5669
  }
5622
5670
 
5623
- .c-text-keyExchange {
5624
- color: var(--c-text-keyExchange);
5625
- }
5626
-
5627
- .c-text-picked {
5628
- color: var(--c-text-picked);
5629
- }
5630
-
5631
- .c-text-rideshare {
5632
- color: var(--c-text-rideshare);
5633
- }
5634
-
5635
5671
  .c-text-driver {
5636
5672
  color: var(--c-text-driver);
5637
5673
  }
@@ -5640,12 +5676,16 @@
5640
5676
  color: var(--c-text-owner);
5641
5677
  }
5642
5678
 
5643
- .c-text-disabled {
5644
- color: var(--c-text-disabled);
5679
+ .c-text-warning {
5680
+ color: var(--c-text-warning);
5645
5681
  }
5646
5682
 
5647
- .c-text-inversed {
5648
- color: var(--c-text-inversed);
5683
+ .c-text-infoAlt {
5684
+ color: var(--c-text-infoAlt);
5685
+ }
5686
+
5687
+ .c-text-disabled {
5688
+ color: var(--c-text-disabled);
5649
5689
  }
5650
5690
 
5651
5691
  .c-text-onAccent {
@@ -5676,10 +5716,50 @@
5676
5716
  color: var(--c-text-onPicked);
5677
5717
  }
5678
5718
 
5719
+ .c-text-keyExchange {
5720
+ color: var(--c-text-keyExchange);
5721
+ }
5722
+
5723
+ .c-text-picked {
5724
+ color: var(--c-text-picked);
5725
+ }
5726
+
5727
+ .c-text-rideshare {
5728
+ color: var(--c-text-rideshare);
5729
+ }
5730
+
5679
5731
  .c-text-onBase {
5680
5732
  color: var(--c-text-onBase);
5681
5733
  }
5682
5734
 
5735
+ .c-text-onSeasonLow {
5736
+ color: var(--c-text-onSeasonLow);
5737
+ }
5738
+
5739
+ .c-text-onSeasonMedium {
5740
+ color: var(--c-text-onSeasonMedium);
5741
+ }
5742
+
5743
+ .c-text-onSeasonHigh {
5744
+ color: var(--c-text-onSeasonHigh);
5745
+ }
5746
+
5747
+ .c-text-onSeasonVeryHigh {
5748
+ color: var(--c-text-onSeasonVeryHigh);
5749
+ }
5750
+
5751
+ .c-text-onRental {
5752
+ color: var(--c-text-onRental);
5753
+ }
5754
+
5755
+ .c-text-onRentalAlt {
5756
+ color: var(--c-text-onRentalAlt);
5757
+ }
5758
+
5759
+ .c-text-inversed {
5760
+ color: var(--c-text-inversed);
5761
+ }
5762
+
5683
5763
  .c-text-baseInteractive {
5684
5764
  color: var(--c-text-baseInteractive);
5685
5765
  }