@drivy/cobalt 0.42.4 → 0.42.5

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 (10) hide show
  1. package/cjs/tokens/theme.js +2 -0
  2. package/cjs/tokens/theme.js.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/core/_colors-map.scss +2 -0
  5. package/styles/core/default-theme.scss +2 -0
  6. package/styles/core/theme.scss +4 -0
  7. package/tokens/theme.js +2 -0
  8. package/tokens/theme.js.map +1 -1
  9. package/types/src/tokens/index.d.ts +2 -0
  10. package/utilities.css +10 -0
package/cjs/tokens/theme.js CHANGED
@@ -63,11 +63,13 @@ const text = {
63
63
  owner: "white/grey.100",
64
64
  warning: "orange.500/orange.300",
65
65
  infoAlt: "yellow.700/yellow.700",
66
+ inversed: "white/white",
66
67
  disabled: "navy.200/black.50",
67
68
  onAccent: "white/grey.100",
68
69
  onRideshare: "white/white",
69
70
  onError: "white/white",
70
71
  onSuccess: "white/white",
72
+ onConnect: "white/white",
71
73
  baseInteractive: {
72
74
  DEFAULT: "navy.700/grey.100",
73
75
  hover: "navy.900/grey.300"
package/cjs/tokens/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.42.4",
3
+ "version": "0.42.5",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
package/styles/core/_colors-map.scss CHANGED
@@ -64,11 +64,13 @@ $theme-colors-map: (
64
64
  owner: var(--c-text-owner),
65
65
  warning: var(--c-text-warning),
66
66
  infoAlt: var(--c-text-infoAlt),
67
+ inversed: var(--c-text-inversed),
67
68
  disabled: var(--c-text-disabled),
68
69
  onAccent: var(--c-text-onAccent),
69
70
  onRideshare: var(--c-text-onRideshare),
70
71
  onError: var(--c-text-onError),
71
72
  onSuccess: var(--c-text-onSuccess),
73
+ onConnect: var(--c-text-onConnect),
72
74
  baseInteractive: (
73
75
  DEFAULT: var(--c-text-baseInteractive),
74
76
  hover: var(--c-text-baseInteractive--hover)
package/styles/core/default-theme.scss CHANGED
@@ -51,11 +51,13 @@
51
51
  --c-text-owner: var(--c-white);
52
52
  --c-text-warning: var(--c-orange-500);
53
53
  --c-text-infoAlt: var(--c-yellow-700);
54
+ --c-text-inversed: var(--c-white);
54
55
  --c-text-disabled: var(--c-navy-200);
55
56
  --c-text-onAccent: var(--c-white);
56
57
  --c-text-onRideshare: var(--c-white);
57
58
  --c-text-onError: var(--c-white);
58
59
  --c-text-onSuccess: var(--c-white);
60
+ --c-text-onConnect: var(--c-white);
59
61
  --c-text-baseInteractive: var(--c-navy-700);
60
62
  --c-text-baseInteractive--hover: var(--c-navy-900);
61
63
  --c-text-subduedInteractive: var(--c-navy-300);
package/styles/core/theme.scss CHANGED
@@ -51,11 +51,13 @@
51
51
  --c-text-owner: var(--c-white);
52
52
  --c-text-warning: var(--c-orange-500);
53
53
  --c-text-infoAlt: var(--c-yellow-700);
54
+ --c-text-inversed: var(--c-white);
54
55
  --c-text-disabled: var(--c-navy-200);
55
56
  --c-text-onAccent: var(--c-white);
56
57
  --c-text-onRideshare: var(--c-white);
57
58
  --c-text-onError: var(--c-white);
58
59
  --c-text-onSuccess: var(--c-white);
60
+ --c-text-onConnect: var(--c-white);
59
61
  --c-text-baseInteractive: var(--c-navy-700);
60
62
  --c-text-baseInteractive--hover: var(--c-navy-900);
61
63
  --c-text-subduedInteractive: var(--c-navy-300);
@@ -251,11 +253,13 @@
251
253
  --c-text-owner: var(--c-grey-100);
252
254
  --c-text-warning: var(--c-orange-300);
253
255
  --c-text-infoAlt: var(--c-yellow-700);
256
+ --c-text-inversed: var(--c-white);
254
257
  --c-text-disabled: var(--c-black-50);
255
258
  --c-text-onAccent: var(--c-grey-100);
256
259
  --c-text-onRideshare: var(--c-white);
257
260
  --c-text-onError: var(--c-white);
258
261
  --c-text-onSuccess: var(--c-white);
262
+ --c-text-onConnect: var(--c-white);
259
263
  --c-text-baseInteractive: var(--c-grey-100);
260
264
  --c-text-baseInteractive--hover: var(--c-grey-300);
261
265
  --c-text-subduedInteractive: var(--c-grey-300);
package/tokens/theme.js CHANGED
@@ -59,11 +59,13 @@ const text = {
59
59
  owner: "white/grey.100",
60
60
  warning: "orange.500/orange.300",
61
61
  infoAlt: "yellow.700/yellow.700",
62
+ inversed: "white/white",
62
63
  disabled: "navy.200/black.50",
63
64
  onAccent: "white/grey.100",
64
65
  onRideshare: "white/white",
65
66
  onError: "white/white",
66
67
  onSuccess: "white/white",
68
+ onConnect: "white/white",
67
69
  baseInteractive: {
68
70
  DEFAULT: "navy.700/grey.100",
69
71
  hover: "navy.900/grey.300"
package/tokens/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/types/src/tokens/index.d.ts CHANGED
@@ -535,11 +535,13 @@ export declare const theme: {
535
535
  owner: string;
536
536
  warning: string;
537
537
  infoAlt: string;
538
+ inversed: string;
538
539
  disabled: string;
539
540
  onAccent: string;
540
541
  onRideshare: string;
541
542
  onError: string;
542
543
  onSuccess: string;
544
+ onConnect: string;
543
545
  baseInteractive: {
544
546
  DEFAULT: string;
545
547
  hover: string;
package/utilities.css CHANGED
@@ -145,11 +145,13 @@
145
145
  --c-text-owner: var(--c-white);
146
146
  --c-text-warning: var(--c-orange-500);
147
147
  --c-text-infoAlt: var(--c-yellow-700);
148
+ --c-text-inversed: var(--c-white);
148
149
  --c-text-disabled: var(--c-navy-200);
149
150
  --c-text-onAccent: var(--c-white);
150
151
  --c-text-onRideshare: var(--c-white);
151
152
  --c-text-onError: var(--c-white);
152
153
  --c-text-onSuccess: var(--c-white);
154
+ --c-text-onConnect: var(--c-white);
153
155
  --c-text-baseInteractive: var(--c-navy-700);
154
156
  --c-text-baseInteractive--hover: var(--c-navy-900);
155
157
  --c-text-subduedInteractive: var(--c-navy-300);
@@ -5512,6 +5514,10 @@
5512
5514
  color: var(--c-text-infoAlt);
5513
5515
  }
5514
5516
 
5517
+ .c-text-inversed {
5518
+ color: var(--c-text-inversed);
5519
+ }
5520
+
5515
5521
  .c-text-disabled {
5516
5522
  color: var(--c-text-disabled);
5517
5523
  }
@@ -5532,6 +5538,10 @@
5532
5538
  color: var(--c-text-onSuccess);
5533
5539
  }
5534
5540
 
5541
+ .c-text-onConnect {
5542
+ color: var(--c-text-onConnect);
5543
+ }
5544
+
5535
5545
  .c-text-baseInteractive {
5536
5546
  color: var(--c-text-baseInteractive);
5537
5547
  }