@drivy/cobalt 0.34.1 → 0.34.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 (2) hide show
  1. package/package.json +1 -1
  2. package/utilities.css +1 -165
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.34.1",
3
+ "version": "0.34.2",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
package/utilities.css CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  /**********************************/
108
108
 
109
- .use-cobalt-light-theme {
109
+ :root {
110
110
  --c-background-primary: var(--c-white);
111
111
  --c-background-secondary: var(--c-white);
112
112
  --c-background-secondaryInteractive: var(--c-white);
@@ -270,170 +270,6 @@
270
270
  --c-fill-neutral: var(--c-navy-50);
271
271
  }
272
272
 
273
- .use-cobalt-dark-theme {
274
- --c-background-primary: var(--c-black-500);
275
- --c-background-secondary: var(--c-black-300);
276
- --c-background-secondaryInteractive: var(--c-black-300);
277
- --c-background-secondaryInteractive--hover: var(--c-black-300);
278
- --c-background-accent: var(--c-purpleDeep-400);
279
- --c-background-accentInteractive: var(--c-purpleDeep-400);
280
- --c-background-accentInteractive--hover: var(--c-purpleDeep-400);
281
- --c-background-accentAlt: var(--c-purpleDeep-900);
282
- --c-background-accentAltInteractive: var(--c-purpleDeep-900);
283
- --c-background-accentAltInteractive--hover: var(--c-purpleDeep-900);
284
- --c-background-info: var(--c-yellow-1000);
285
- --c-background-error: var(--c-red-500);
286
- --c-background-errorInteractive: var(--c-red-500);
287
- --c-background-errorInteractive--hover: var(--c-red-500);
288
- --c-background-errorAlt: var(--c-red-900);
289
- --c-background-success: var(--c-green-700);
290
- --c-background-successAlt: var(--c-green-1000);
291
- --c-background-connect: var(--c-turquoise-500);
292
- --c-background-connectInteractive: var(--c-turquoise-500);
293
- --c-background-connectInteractive--hover: var(--c-turquoise-500);
294
- --c-background-connectAlt: var(--c-turquoise-900);
295
- --c-background-driver: var(--c-yellow-500);
296
- --c-background-owner: var(--c-navy-700);
297
- --c-background-disabled: var(--c-black-50);
298
- --c-background-neutral: var(--c-black-50);
299
- --c-background-neutralAlt: var(--c-black-100);
300
- --c-background-seasonLow: var(--c-season-700);
301
- --c-background-seasonMedium: var(--c-season-800);
302
- --c-background-seasonHigh: var(--c-season-900);
303
- --c-background-seasonVeryHigh: var(--c-season-1000);
304
- --c-text-base: var(--c-grey-100);
305
- --c-text-baseInteractive: var(--c-grey-100);
306
- --c-text-baseInteractive--hover: var(--c-grey-300);
307
- --c-text-subdued: var(--c-grey-300);
308
- --c-text-subduedInteractive: var(--c-grey-300);
309
- --c-text-subduedInteractive--hover: var(--c-grey-300);
310
- --c-text-accent: var(--c-purpleDeep-400);
311
- --c-text-accentInteractive: var(--c-purpleDeep-400);
312
- --c-text-accentInteractive--hover: var(--c-purpleDeep-400);
313
- --c-text-accentAlt: var(--c-grey-100);
314
- --c-text-accentAltInteractive: var(--c-grey-100);
315
- --c-text-accentAltInteractive--hover: var(--c-grey-100);
316
- --c-text-info: var(--c-yellow-300);
317
- --c-text-infoAlt: var(--c-yellow-700);
318
- --c-text-error: var(--c-red-400);
319
- --c-text-errorAlt: var(--c-red-500);
320
- --c-text-success: var(--c-green-700);
321
- --c-text-successAlt: var(--c-green-100);
322
- --c-text-warning: var(--c-orange-300);
323
- --c-text-connect: var(--c-turquoise-500);
324
- --c-text-connectAlt: var(--c-turquoise-50);
325
- --c-text-driver: var(--c-navy-700);
326
- --c-text-owner: var(--c-grey-100);
327
- --c-text-inversed: var(--c-white);
328
- --c-buttonBackground-selected: var(--c-purpleDeep-900);
329
- --c-buttonBackground-destructiveInteractive: var(--c-red-900);
330
- --c-buttonBackground-destructiveInteractive--hover: var(--c-red-900);
331
- --c-buttonBackground-destructiveInteractive--press: var(--c-red-900);
332
- --c-buttonBackground-disabled: var(--c-black-50);
333
- --c-buttonBackground-primaryInteractive: var(--c-purpleDeep-500);
334
- --c-buttonBackground-primaryInteractive--hover: var(--c-purpleDeep-500);
335
- --c-buttonBackground-primaryInteractive--press: var(--c-purpleDeep-500);
336
- --c-buttonBackground-secondaryInteractive: var(--c-black-500);
337
- --c-buttonBackground-secondaryInteractive--hover: var(--c-black-500);
338
- --c-buttonBackground-secondaryInteractive--press: var(--c-black-500);
339
- --c-buttonBackground-success: var(--c-green-900);
340
- --c-buttonBackground-successAltInteractive: var(--c-green-1000);
341
- --c-buttonBackground-successAltInteractive--hover: var(--c-green-1000);
342
- --c-buttonBackground-successAltInteractive--press: var(--c-green-1000);
343
- --c-buttonBackground-tertiaryInteractive: var(--c-white);
344
- --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
345
- --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
346
- --c-buttonIcon-selected: var(--c-grey-100);
347
- --c-buttonIcon-destructiveInteractive: var(--c-red-200);
348
- --c-buttonIcon-destructiveInteractive--hover: var(--c-red-200);
349
- --c-buttonIcon-destructiveInteractive--press: var(--c-red-200);
350
- --c-buttonIcon-disabled: var(--c-grey-300);
351
- --c-buttonIcon-primaryInteractive: var(--c-grey-100);
352
- --c-buttonIcon-primaryInteractive--hover: var(--c-grey-100);
353
- --c-buttonIcon-primaryInteractive--press: var(--c-grey-100);
354
- --c-buttonIcon-secondaryInteractive: var(--c-purpleDeep-400);
355
- --c-buttonIcon-secondaryInteractive--hover: var(--c-purpleDeep-400);
356
- --c-buttonIcon-secondaryInteractive--press: var(--c-purpleDeep-400);
357
- --c-buttonIcon-success: var(--c-green-100);
358
- --c-buttonIcon-successAltInteractive: var(--c-green-100);
359
- --c-buttonIcon-successAltInteractive--hover: var(--c-green-100);
360
- --c-buttonIcon-successAltInteractive--press: var(--c-green-100);
361
- --c-buttonIcon-tertiaryInteractive: var(--c-purpleDeep-400);
362
- --c-buttonIcon-tertiaryInteractive--hover: var(--c-purpleDeep-400);
363
- --c-buttonIcon-tertiaryInteractive--press: var(--c-purpleDeep-400);
364
- --c-buttonLabel-selected: var(--c-grey-100);
365
- --c-buttonLabel-destructiveInteractive: var(--c-red-200);
366
- --c-buttonLabel-destructiveInteractive--hover: var(--c-red-200);
367
- --c-buttonLabel-destructiveInteractive--press: var(--c-red-200);
368
- --c-buttonLabel-disabled: var(--c-grey-300);
369
- --c-buttonLabel-primaryInteractive: var(--c-grey-100);
370
- --c-buttonLabel-primaryInteractive--hover: var(--c-grey-100);
371
- --c-buttonLabel-primaryInteractive--press: var(--c-grey-100);
372
- --c-buttonLabel-secondaryInteractive: var(--c-purpleDeep-400);
373
- --c-buttonLabel-secondaryInteractive--hover: var(--c-purpleDeep-400);
374
- --c-buttonLabel-secondaryInteractive--press: var(--c-purpleDeep-400);
375
- --c-buttonLabel-success: var(--c-green-100);
376
- --c-buttonLabel-successAltInteractive: var(--c-green-100);
377
- --c-buttonLabel-successAltInteractive--hover: var(--c-green-100);
378
- --c-buttonLabel-successAltInteractive--press: var(--c-green-100);
379
- --c-buttonLabel-tertiaryInteractive: var(--c-purpleDeep-400);
380
- --c-buttonLabel-tertiaryInteractive--hover: var(--c-purpleDeep-400);
381
- --c-buttonLabel-tertiaryInteractive--press: var(--c-purpleDeep-400);
382
- --c-icon-base: var(--c-grey-100);
383
- --c-icon-baseInteractive: var(--c-grey-100);
384
- --c-icon-baseInteractive--hover: var(--c-grey-100);
385
- --c-icon-subdued: var(--c-grey-300);
386
- --c-icon-subduedInteractive: var(--c-grey-300);
387
- --c-icon-subduedInteractive--hover: var(--c-grey-300);
388
- --c-icon-accent: var(--c-purpleDeep-400);
389
- --c-icon-accentInteractive: var(--c-purpleDeep-400);
390
- --c-icon-accentInteractive--hover: var(--c-);
391
- --c-icon-accentAlt: var(--c-grey-100);
392
- --c-icon-accentAltInteractive: var(--c-grey-100);
393
- --c-icon-accentAltInteractive--hover: var(--c-grey-100);
394
- --c-icon-info: var(--c-yellow-300);
395
- --c-icon-infoAlt: var(--c-yellow-700);
396
- --c-icon-error: var(--c-red-400);
397
- --c-icon-errorAlt: var(--c-red-200);
398
- --c-icon-success: var(--c-green-700);
399
- --c-icon-successAlt: var(--c-green-100);
400
- --c-icon-warning: var(--c-orange-300);
401
- --c-icon-connect: var(--c-white);
402
- --c-icon-connectAlt: var(--c-turquoise-50);
403
- --c-icon-driver: var(--c-);
404
- --c-icon-owner: var(--c-white);
405
- --c-icon-inversed: var(--c-white);
406
- --c-icon-disabled: var(--c-black-50);
407
- --c-stroke-base: var(--c-black-50);
408
- --c-stroke-baseInteractive: var(--c-black-50);
409
- --c-stroke-baseInteractive--hover: var(--c-purpleDeep-400);
410
- --c-stroke-baseInteractive--press: var(--c-purpleDeep-400);
411
- --c-stroke-strong: var(--c-navy-200);
412
- --c-stroke-strongInteractive: var(--c-navy-200);
413
- --c-stroke-strongInteractive--hover: var(--c-purpleDeep-400);
414
- --c-stroke-strongInteractive--press: var(--c-purpleDeep-400);
415
- --c-stroke-subdued: var(--c-black-50);
416
- --c-stroke-accent: var(--c-purpleDeep-400);
417
- --c-stroke-accentInteractive: var(--c-purpleDeep-400);
418
- --c-stroke-accentInteractive--hover: var(--c-purpleDeep-400);
419
- --c-stroke-accentInteractive--press: var(--c-purpleDeep-400);
420
- --c-stroke-accentAlt: var(--c-purpleDeep-700);
421
- --c-stroke-error: var(--c-red-200);
422
- --c-stroke-errorAlt: var(--c-red-200);
423
- --c-stroke-success: var(--c-green-700);
424
- --c-stroke-successAlt: var(--c-green-700);
425
- --c-fill-base: var(--c-grey-100);
426
- --c-fill-secondary: var(--c-yellow-500);
427
- --c-fill-subdued: var(--c-black-50);
428
- --c-fill-accent: var(--c-purpleDeep-400);
429
- --c-fill-accentAlt: var(--c-purpleDeep-900);
430
- --c-fill-error: var(--c-red-500);
431
- --c-fill-negative: var(--c-red-900);
432
- --c-fill-success: var(--c-green-700);
433
- --c-fill-disabled: var(--c-grey-300);
434
- --c-fill-neutral: var(--c-black-100);
435
- }
436
-
437
273
  .c-sr-only {
438
274
  position: absolute;
439
275
  width: 1px;