@companycam/slab-web 0.0.16 → 0.0.17

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 (13) hide show
  1. package/dist/bundle.js +50 -27
  2. package/package.json +1 -1
  3. package/shared/theming/themes/base.js +1 -2
  4. package/shared/theming/themes/dark_environment.js +4 -1
  5. package/shared/theming/themes/light_environment.js +4 -1
  6. package/shared/tokens/build/css/base.css +38 -76
  7. package/shared/tokens/build/css/dark_environment.css +75 -18
  8. package/shared/tokens/build/css/light_environment.css +75 -18
  9. package/shared/tokens/build/docs/token_docs.js +19 -8
  10. package/shared/tokens/build/js/tokens.js +11 -7
  11. package/shared/tokens/build/json/tokens.json +10 -6
  12. package/shared/tokens/build/scss/tokens.scss +11 -7
  13. package/shared/tokens/properties/color.json +32 -13
package/dist/bundle.js CHANGED
@@ -23,11 +23,13 @@ var color_brand_accent = "#ffd000";
23
23
  var color_brand_upgrade = "#0ce8d6";
24
24
  var color_brand_add_on_le = "#7949d1";
25
25
  var color_brand_add_on_de = "#bca4e8";
26
- var color_utility_destroy = "#ef4e4e";
26
+ var color_utility_destroy_le = "#ef4e4e";
27
+ var color_utility_destroy_de = "#f48585";
27
28
  var color_utility_caution = "#ffd000";
28
- var color_utility_success = "#3ebd93";
29
- var color_utility_info_le = "#4d5a68";
30
- var color_utility_info_de = "#4d5a68";
29
+ var color_utility_success_le = "#12a537";
30
+ var color_utility_success_de = "#3ebd93";
31
+ var color_utility_info = "#42608a";
32
+ var color_utility_assigned = "#e76119";
31
33
  var color_background_1_le = "#ffffff";
32
34
  var color_background_1_de = "#142334";
33
35
  var color_background_2_le = "#f5f7fa";
@@ -47,8 +49,10 @@ var color_button_background_secondary_le = "#1f3751";
47
49
  var color_button_background_secondary_de = "#ffffff";
48
50
  var color_button_background_subtle_le = "#ebeff5";
49
51
  var color_button_background_subtle_de = "#2a415a";
50
- var color_button_background_destroy = "#ef4e4e";
51
- var color_button_background_success = "#3ebd93";
52
+ var color_button_background_destroy_le = "#ef4e4e";
53
+ var color_button_background_destroy_de = "#f48585";
54
+ var color_button_background_success_le = "#12a537";
55
+ var color_button_background_success_de = "#3ebd93";
52
56
  var color_button_background_tint_le = "#e5f1ff";
53
57
  var color_button_background_tint_de = "rgba(255, 255, 255, 0.1)";
54
58
  var color_button_text_primary_le = "#ffffff";
@@ -141,11 +145,13 @@ var tokens = {
141
145
  color_brand_upgrade: color_brand_upgrade,
142
146
  color_brand_add_on_le: color_brand_add_on_le,
143
147
  color_brand_add_on_de: color_brand_add_on_de,
144
- color_utility_destroy: color_utility_destroy,
148
+ color_utility_destroy_le: color_utility_destroy_le,
149
+ color_utility_destroy_de: color_utility_destroy_de,
145
150
  color_utility_caution: color_utility_caution,
146
- color_utility_success: color_utility_success,
147
- color_utility_info_le: color_utility_info_le,
148
- color_utility_info_de: color_utility_info_de,
151
+ color_utility_success_le: color_utility_success_le,
152
+ color_utility_success_de: color_utility_success_de,
153
+ color_utility_info: color_utility_info,
154
+ color_utility_assigned: color_utility_assigned,
149
155
  color_background_1_le: color_background_1_le,
150
156
  color_background_1_de: color_background_1_de,
151
157
  color_background_2_le: color_background_2_le,
@@ -165,8 +171,10 @@ var tokens = {
165
171
  color_button_background_secondary_de: color_button_background_secondary_de,
166
172
  color_button_background_subtle_le: color_button_background_subtle_le,
167
173
  color_button_background_subtle_de: color_button_background_subtle_de,
168
- color_button_background_destroy: color_button_background_destroy,
169
- color_button_background_success: color_button_background_success,
174
+ color_button_background_destroy_le: color_button_background_destroy_le,
175
+ color_button_background_destroy_de: color_button_background_destroy_de,
176
+ color_button_background_success_le: color_button_background_success_le,
177
+ color_button_background_success_de: color_button_background_success_de,
170
178
  color_button_background_tint_le: color_button_background_tint_le,
171
179
  color_button_background_tint_de: color_button_background_tint_de,
172
180
  color_button_text_primary_le: color_button_text_primary_le,
@@ -288,10 +296,9 @@ var tokens = {
288
296
  darkGray: tokens.color_label_dark_gray
289
297
  },
290
298
  utility: {
291
- success: tokens.color_utility_success,
292
299
  caution: tokens.color_utility_caution,
293
- destroy: tokens.color_utility_destroy,
294
- info: tokens.color_utility_info
300
+ info: tokens.color_utility_info,
301
+ assigned: tokens.color_utility_assigned
295
302
  }
296
303
  }
297
304
  });
@@ -320,7 +327,9 @@ var tokens = {
320
327
  primary: tokens.color_button_background_primary_le,
321
328
  secondary: tokens.color_button_background_secondary_le,
322
329
  subtle: tokens.color_button_background_subtle_le,
323
- tint: tokens.color_button_background_tint_le
330
+ tint: tokens.color_button_background_tint_le,
331
+ destroy: tokens.color_button_background_destroy_le,
332
+ success: tokens.color_button_background_success_le
324
333
  },
325
334
  text: {
326
335
  primary: tokens.color_button_text_primary_le,
@@ -344,7 +353,8 @@ var tokens = {
344
353
  nonessential: tokens.color_text_nonessential_le
345
354
  },
346
355
  utility: {
347
- info: tokens.color_utility_info_le
356
+ success: tokens.color_utility_success_le,
357
+ destroy: tokens.color_utility_destroy_le
348
358
  }
349
359
  }
350
360
  });
@@ -373,7 +383,9 @@ var tokens = {
373
383
  primary: tokens.color_button_background_primary_de,
374
384
  secondary: tokens.color_button_background_secondary_de,
375
385
  subtle: tokens.color_button_background_subtle_de,
376
- tint: tokens.color_button_background_tint_de
386
+ tint: tokens.color_button_background_tint_de,
387
+ destroy: tokens.color_button_background_destroy_de,
388
+ success: tokens.color_button_background_success_de
377
389
  },
378
390
  text: {
379
391
  primary: tokens.color_button_text_primary_de,
@@ -397,7 +409,8 @@ var tokens = {
397
409
  nonessential: tokens.color_text_nonessential_de
398
410
  },
399
411
  utility: {
400
- info: tokens.color_utility_info_de
412
+ success: tokens.color_utility_success_de,
413
+ destroy: tokens.color_utility_destroy_de
401
414
  }
402
415
  }
403
416
  });
@@ -555,7 +568,7 @@ const tokenDocs = [{
555
568
  comment: "Use to warn the user of destructive actions or app errors.",
556
569
  getsLightDarkWeb: true,
557
570
  getsAlphaWeb: true,
558
- isThemed: false
571
+ isThemed: true
559
572
  }, {
560
573
  name: "color_utility_caution",
561
574
  value: "#ffd000",
@@ -568,24 +581,34 @@ const tokenDocs = [{
568
581
  isThemed: false
569
582
  }, {
570
583
  name: "color_utility_success",
571
- value: "#3ebd93",
584
+ value: "#12a537",
572
585
  category: "color",
573
586
  type: "utility",
574
587
  item: "success",
575
588
  comment: "Use to confirm a successfully completed action.",
576
589
  getsLightDarkWeb: true,
577
590
  getsAlphaWeb: true,
578
- isThemed: false
591
+ isThemed: true
579
592
  }, {
580
593
  name: "color_utility_info",
581
- value: "#4d5a68",
594
+ value: "#42608a",
582
595
  category: "color",
583
596
  type: "utility",
584
597
  item: "info",
585
598
  comment: "Use to inform the user about a neutral state or action.",
586
599
  getsLightDarkWeb: true,
587
600
  getsAlphaWeb: true,
588
- isThemed: true
601
+ isThemed: false
602
+ }, {
603
+ name: "color_utility_assigned",
604
+ value: "#e76119",
605
+ category: "color",
606
+ type: "utility",
607
+ item: "assigned",
608
+ comment: "Use to indicate that a user or company is assigned to something.",
609
+ getsLightDarkWeb: true,
610
+ getsAlphaWeb: true,
611
+ isThemed: false
589
612
  }, {
590
613
  name: "color_background_1",
591
614
  value: "#ffffff",
@@ -695,17 +718,17 @@ const tokenDocs = [{
695
718
  comment: "Background or border color for destroy buttons.",
696
719
  getsLightDarkWeb: true,
697
720
  getsAlphaWeb: true,
698
- isThemed: false
721
+ isThemed: true
699
722
  }, {
700
723
  name: "color_button_background_success",
701
- value: "#3ebd93",
724
+ value: "#12a537",
702
725
  category: "color",
703
726
  type: "button",
704
727
  item: "background",
705
728
  comment: "Background or border color for success buttons.",
706
729
  getsLightDarkWeb: true,
707
730
  getsAlphaWeb: true,
708
- isThemed: false
731
+ isThemed: true
709
732
  }, {
710
733
  name: "color_button_background_tint",
711
734
  value: "#e5f1ff",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@companycam/slab-web",
3
- "version": "0.0.16",
3
+ "version": "0.0.17",
4
4
  "description": "Design System for use across CompanyCam web applications",
5
5
  "main": "web/index.js",
6
6
  "module": "dist/bundle.js",
package/shared/theming/themes/base.js CHANGED
@@ -34,10 +34,9 @@ export default {
34
34
  darkGray: tokens.color_label_dark_gray,
35
35
  },
36
36
  utility: {
37
- success: tokens.color_utility_success,
38
37
  caution: tokens.color_utility_caution,
39
- destroy: tokens.color_utility_destroy,
40
38
  info: tokens.color_utility_info,
39
+ assigned: tokens.color_utility_assigned,
41
40
  },
42
41
  },
43
42
  };
package/shared/theming/themes/dark_environment.js CHANGED
@@ -25,6 +25,8 @@ export default {
25
25
  secondary: tokens.color_button_background_secondary_de,
26
26
  subtle: tokens.color_button_background_subtle_de,
27
27
  tint: tokens.color_button_background_tint_de,
28
+ destroy: tokens.color_button_background_destroy_de,
29
+ success: tokens.color_button_background_success_de,
28
30
  },
29
31
  text: {
30
32
  primary: tokens.color_button_text_primary_de,
@@ -48,7 +50,8 @@ export default {
48
50
  nonessential: tokens.color_text_nonessential_de,
49
51
  },
50
52
  utility: {
51
- info: tokens.color_utility_info_de,
53
+ success: tokens.color_utility_success_de,
54
+ destroy: tokens.color_utility_destroy_de,
52
55
  },
53
56
  },
54
57
  };
package/shared/theming/themes/light_environment.js CHANGED
@@ -25,6 +25,8 @@ export default {
25
25
  secondary: tokens.color_button_background_secondary_le,
26
26
  subtle: tokens.color_button_background_subtle_le,
27
27
  tint: tokens.color_button_background_tint_le,
28
+ destroy: tokens.color_button_background_destroy_le,
29
+ success: tokens.color_button_background_success_le,
28
30
  },
29
31
  text: {
30
32
  primary: tokens.color_button_text_primary_le,
@@ -48,7 +50,8 @@ export default {
48
50
  nonessential: tokens.color_text_nonessential_le,
49
51
  },
50
52
  utility: {
51
- info: tokens.color_utility_info_le,
53
+ success: tokens.color_utility_success_le,
54
+ destroy: tokens.color_utility_destroy_le,
52
55
  },
53
56
  },
54
57
  };
package/shared/tokens/build/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 02 May 2023 18:24:53 GMT
3
+ * Generated on Tue, 09 May 2023 16:21:44 GMT
4
4
  */
5
5
 
6
6
  :root, .light-environment {
@@ -80,25 +80,6 @@
80
80
  --cc_color_brand_upgrade_alpha_20: rgba(12,232,214,0.2);
81
81
  --cc_color_brand_upgrade_alpha_10: rgba(12,232,214,0.1);
82
82
 
83
- --cc_color_utility_destroy: #ef4e4e;
84
- --cc_color_utility_destroy_lighten_10: #f05f5f;
85
- --cc_color_utility_destroy_lighten_15: #f16868;
86
- --cc_color_utility_destroy_lighten_85: #fce4e4;
87
- --cc_color_utility_destroy_lighten_90: #fdeded;
88
- --cc_color_utility_destroy_lighten_95: #fef6f6;
89
- --cc_color_utility_destroy_darken_10: #d74646;
90
- --cc_color_utility_destroy_darken_15: #cb4242;
91
-
92
- --cc_color_utility_destroy_alpha_90: rgba(239,78,78,0.9);
93
- --cc_color_utility_destroy_alpha_80: rgba(239,78,78,0.8);
94
- --cc_color_utility_destroy_alpha_70: rgba(239,78,78,0.7);
95
- --cc_color_utility_destroy_alpha_60: rgba(239,78,78,0.6);
96
- --cc_color_utility_destroy_alpha_50: rgba(239,78,78,0.5);
97
- --cc_color_utility_destroy_alpha_40: rgba(239,78,78,0.4);
98
- --cc_color_utility_destroy_alpha_30: rgba(239,78,78,0.3);
99
- --cc_color_utility_destroy_alpha_20: rgba(239,78,78,0.2);
100
- --cc_color_utility_destroy_alpha_10: rgba(239,78,78,0.1);
101
-
102
83
  --cc_color_utility_caution: #ffd000;
103
84
  --cc_color_utility_caution_lighten_10: #ffd419;
104
85
  --cc_color_utility_caution_lighten_15: #ffd726;
@@ -118,24 +99,43 @@
118
99
  --cc_color_utility_caution_alpha_20: rgba(255,208,0,0.2);
119
100
  --cc_color_utility_caution_alpha_10: rgba(255,208,0,0.1);
120
101
 
121
- --cc_color_utility_success: #3ebd93;
122
- --cc_color_utility_success_lighten_10: #51c39d;
123
- --cc_color_utility_success_lighten_15: #5ac6a3;
124
- --cc_color_utility_success_lighten_85: #e2f5ee;
125
- --cc_color_utility_success_lighten_90: #ebf8f4;
126
- --cc_color_utility_success_lighten_95: #f5fbf9;
127
- --cc_color_utility_success_darken_10: #37aa84;
128
- --cc_color_utility_success_darken_15: #34a07c;
129
-
130
- --cc_color_utility_success_alpha_90: rgba(62,189,147,0.9);
131
- --cc_color_utility_success_alpha_80: rgba(62,189,147,0.8);
132
- --cc_color_utility_success_alpha_70: rgba(62,189,147,0.7);
133
- --cc_color_utility_success_alpha_60: rgba(62,189,147,0.6);
134
- --cc_color_utility_success_alpha_50: rgba(62,189,147,0.5);
135
- --cc_color_utility_success_alpha_40: rgba(62,189,147,0.4);
136
- --cc_color_utility_success_alpha_30: rgba(62,189,147,0.3);
137
- --cc_color_utility_success_alpha_20: rgba(62,189,147,0.2);
138
- --cc_color_utility_success_alpha_10: rgba(62,189,147,0.1);
102
+ --cc_color_utility_info: #42608a;
103
+ --cc_color_utility_info_lighten_10: #546f95;
104
+ --cc_color_utility_info_lighten_15: #5e779b;
105
+ --cc_color_utility_info_lighten_85: #e2e7ed;
106
+ --cc_color_utility_info_lighten_90: #eceff3;
107
+ --cc_color_utility_info_lighten_95: #f5f7f9;
108
+ --cc_color_utility_info_darken_10: #3b567c;
109
+ --cc_color_utility_info_darken_15: #385175;
110
+
111
+ --cc_color_utility_info_alpha_90: rgba(66,96,138,0.9);
112
+ --cc_color_utility_info_alpha_80: rgba(66,96,138,0.8);
113
+ --cc_color_utility_info_alpha_70: rgba(66,96,138,0.7);
114
+ --cc_color_utility_info_alpha_60: rgba(66,96,138,0.6);
115
+ --cc_color_utility_info_alpha_50: rgba(66,96,138,0.5);
116
+ --cc_color_utility_info_alpha_40: rgba(66,96,138,0.4);
117
+ --cc_color_utility_info_alpha_30: rgba(66,96,138,0.3);
118
+ --cc_color_utility_info_alpha_20: rgba(66,96,138,0.2);
119
+ --cc_color_utility_info_alpha_10: rgba(66,96,138,0.1);
120
+
121
+ --cc_color_utility_assigned: #e76119;
122
+ --cc_color_utility_assigned_lighten_10: #e9702f;
123
+ --cc_color_utility_assigned_lighten_15: #ea783b;
124
+ --cc_color_utility_assigned_lighten_85: #fbe7dc;
125
+ --cc_color_utility_assigned_lighten_90: #fcefe8;
126
+ --cc_color_utility_assigned_lighten_95: #fdf7f3;
127
+ --cc_color_utility_assigned_darken_10: #cf5716;
128
+ --cc_color_utility_assigned_darken_15: #c45215;
129
+
130
+ --cc_color_utility_assigned_alpha_90: rgba(231,97,25,0.9);
131
+ --cc_color_utility_assigned_alpha_80: rgba(231,97,25,0.8);
132
+ --cc_color_utility_assigned_alpha_70: rgba(231,97,25,0.7);
133
+ --cc_color_utility_assigned_alpha_60: rgba(231,97,25,0.6);
134
+ --cc_color_utility_assigned_alpha_50: rgba(231,97,25,0.5);
135
+ --cc_color_utility_assigned_alpha_40: rgba(231,97,25,0.4);
136
+ --cc_color_utility_assigned_alpha_30: rgba(231,97,25,0.3);
137
+ --cc_color_utility_assigned_alpha_20: rgba(231,97,25,0.2);
138
+ --cc_color_utility_assigned_alpha_10: rgba(231,97,25,0.1);
139
139
 
140
140
  --cc_color_background_backdrop: rgba(31, 55, 81, 0.75);
141
141
  --cc_color_background_backdrop_lighten_10: rgba(66,86,108,0.775);
@@ -156,44 +156,6 @@
156
156
  --cc_color_background_backdrop_alpha_20: rgba(31,55,81,0);
157
157
  --cc_color_background_backdrop_alpha_10: rgba(31,55,81,0);
158
158
 
159
- --cc_color_button_background_destroy: #ef4e4e;
160
- --cc_color_button_background_destroy_lighten_10: #f05f5f;
161
- --cc_color_button_background_destroy_lighten_15: #f16868;
162
- --cc_color_button_background_destroy_lighten_85: #fce4e4;
163
- --cc_color_button_background_destroy_lighten_90: #fdeded;
164
- --cc_color_button_background_destroy_lighten_95: #fef6f6;
165
- --cc_color_button_background_destroy_darken_10: #d74646;
166
- --cc_color_button_background_destroy_darken_15: #cb4242;
167
-
168
- --cc_color_button_background_destroy_alpha_90: rgba(239,78,78,0.9);
169
- --cc_color_button_background_destroy_alpha_80: rgba(239,78,78,0.8);
170
- --cc_color_button_background_destroy_alpha_70: rgba(239,78,78,0.7);
171
- --cc_color_button_background_destroy_alpha_60: rgba(239,78,78,0.6);
172
- --cc_color_button_background_destroy_alpha_50: rgba(239,78,78,0.5);
173
- --cc_color_button_background_destroy_alpha_40: rgba(239,78,78,0.4);
174
- --cc_color_button_background_destroy_alpha_30: rgba(239,78,78,0.3);
175
- --cc_color_button_background_destroy_alpha_20: rgba(239,78,78,0.2);
176
- --cc_color_button_background_destroy_alpha_10: rgba(239,78,78,0.1);
177
-
178
- --cc_color_button_background_success: #3ebd93;
179
- --cc_color_button_background_success_lighten_10: #51c39d;
180
- --cc_color_button_background_success_lighten_15: #5ac6a3;
181
- --cc_color_button_background_success_lighten_85: #e2f5ee;
182
- --cc_color_button_background_success_lighten_90: #ebf8f4;
183
- --cc_color_button_background_success_lighten_95: #f5fbf9;
184
- --cc_color_button_background_success_darken_10: #37aa84;
185
- --cc_color_button_background_success_darken_15: #34a07c;
186
-
187
- --cc_color_button_background_success_alpha_90: rgba(62,189,147,0.9);
188
- --cc_color_button_background_success_alpha_80: rgba(62,189,147,0.8);
189
- --cc_color_button_background_success_alpha_70: rgba(62,189,147,0.7);
190
- --cc_color_button_background_success_alpha_60: rgba(62,189,147,0.6);
191
- --cc_color_button_background_success_alpha_50: rgba(62,189,147,0.5);
192
- --cc_color_button_background_success_alpha_40: rgba(62,189,147,0.4);
193
- --cc_color_button_background_success_alpha_30: rgba(62,189,147,0.3);
194
- --cc_color_button_background_success_alpha_20: rgba(62,189,147,0.2);
195
- --cc_color_button_background_success_alpha_10: rgba(62,189,147,0.1);
196
-
197
159
  --cc_color_label_green: #31a03c;
198
160
 
199
161
 
package/shared/tokens/build/css/dark_environment.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 02 May 2023 18:24:53 GMT
3
+ * Generated on Tue, 09 May 2023 16:21:44 GMT
4
4
  */
5
5
 
6
6
  .dark-environment {
@@ -23,24 +23,43 @@
23
23
  --cc_color_brand_add_on_alpha_20: rgba(188,164,232,0.2);
24
24
  --cc_color_brand_add_on_alpha_10: rgba(188,164,232,0.1);
25
25
 
26
- --cc_color_utility_info: #4d5a68;
27
- --cc_color_utility_info_lighten_10: #5e6a77;
28
- --cc_color_utility_info_lighten_15: #67727e;
29
- --cc_color_utility_info_lighten_85: #e4e6e8;
30
- --cc_color_utility_info_lighten_90: #edeeef;
31
- --cc_color_utility_info_lighten_95: #f6f6f7;
32
- --cc_color_utility_info_darken_10: #45515d;
33
- --cc_color_utility_info_darken_15: #414c58;
26
+ --cc_color_utility_destroy: #f48585;
27
+ --cc_color_utility_destroy_lighten_10: #f59191;
28
+ --cc_color_utility_destroy_lighten_15: #f59797;
29
+ --cc_color_utility_destroy_lighten_85: #fdecec;
30
+ --cc_color_utility_destroy_lighten_90: #fdf2f2;
31
+ --cc_color_utility_destroy_lighten_95: #fef8f8;
32
+ --cc_color_utility_destroy_darken_10: #db7777;
33
+ --cc_color_utility_destroy_darken_15: #cf7171;
34
34
 
35
- --cc_color_utility_info_alpha_90: rgba(77,90,104,0.9);
36
- --cc_color_utility_info_alpha_80: rgba(77,90,104,0.8);
37
- --cc_color_utility_info_alpha_70: rgba(77,90,104,0.7);
38
- --cc_color_utility_info_alpha_60: rgba(77,90,104,0.6);
39
- --cc_color_utility_info_alpha_50: rgba(77,90,104,0.5);
40
- --cc_color_utility_info_alpha_40: rgba(77,90,104,0.4);
41
- --cc_color_utility_info_alpha_30: rgba(77,90,104,0.3);
42
- --cc_color_utility_info_alpha_20: rgba(77,90,104,0.2);
43
- --cc_color_utility_info_alpha_10: rgba(77,90,104,0.1);
35
+ --cc_color_utility_destroy_alpha_90: rgba(244,133,133,0.9);
36
+ --cc_color_utility_destroy_alpha_80: rgba(244,133,133,0.8);
37
+ --cc_color_utility_destroy_alpha_70: rgba(244,133,133,0.7);
38
+ --cc_color_utility_destroy_alpha_60: rgba(244,133,133,0.6);
39
+ --cc_color_utility_destroy_alpha_50: rgba(244,133,133,0.5);
40
+ --cc_color_utility_destroy_alpha_40: rgba(244,133,133,0.4);
41
+ --cc_color_utility_destroy_alpha_30: rgba(244,133,133,0.3);
42
+ --cc_color_utility_destroy_alpha_20: rgba(244,133,133,0.2);
43
+ --cc_color_utility_destroy_alpha_10: rgba(244,133,133,0.1);
44
+
45
+ --cc_color_utility_success: #3ebd93;
46
+ --cc_color_utility_success_lighten_10: #51c39d;
47
+ --cc_color_utility_success_lighten_15: #5ac6a3;
48
+ --cc_color_utility_success_lighten_85: #e2f5ee;
49
+ --cc_color_utility_success_lighten_90: #ebf8f4;
50
+ --cc_color_utility_success_lighten_95: #f5fbf9;
51
+ --cc_color_utility_success_darken_10: #37aa84;
52
+ --cc_color_utility_success_darken_15: #34a07c;
53
+
54
+ --cc_color_utility_success_alpha_90: rgba(62,189,147,0.9);
55
+ --cc_color_utility_success_alpha_80: rgba(62,189,147,0.8);
56
+ --cc_color_utility_success_alpha_70: rgba(62,189,147,0.7);
57
+ --cc_color_utility_success_alpha_60: rgba(62,189,147,0.6);
58
+ --cc_color_utility_success_alpha_50: rgba(62,189,147,0.5);
59
+ --cc_color_utility_success_alpha_40: rgba(62,189,147,0.4);
60
+ --cc_color_utility_success_alpha_30: rgba(62,189,147,0.3);
61
+ --cc_color_utility_success_alpha_20: rgba(62,189,147,0.2);
62
+ --cc_color_utility_success_alpha_10: rgba(62,189,147,0.1);
44
63
 
45
64
  --cc_color_background_1: #142334;
46
65
  --cc_color_background_1_lighten_10: #2b3848;
@@ -165,6 +184,44 @@
165
184
  --cc_color_button_background_subtle_alpha_20: rgba(42,65,90,0.2);
166
185
  --cc_color_button_background_subtle_alpha_10: rgba(42,65,90,0.1);
167
186
 
187
+ --cc_color_button_background_destroy: #f48585;
188
+ --cc_color_button_background_destroy_lighten_10: #f59191;
189
+ --cc_color_button_background_destroy_lighten_15: #f59797;
190
+ --cc_color_button_background_destroy_lighten_85: #fdecec;
191
+ --cc_color_button_background_destroy_lighten_90: #fdf2f2;
192
+ --cc_color_button_background_destroy_lighten_95: #fef8f8;
193
+ --cc_color_button_background_destroy_darken_10: #db7777;
194
+ --cc_color_button_background_destroy_darken_15: #cf7171;
195
+
196
+ --cc_color_button_background_destroy_alpha_90: rgba(244,133,133,0.9);
197
+ --cc_color_button_background_destroy_alpha_80: rgba(244,133,133,0.8);
198
+ --cc_color_button_background_destroy_alpha_70: rgba(244,133,133,0.7);
199
+ --cc_color_button_background_destroy_alpha_60: rgba(244,133,133,0.6);
200
+ --cc_color_button_background_destroy_alpha_50: rgba(244,133,133,0.5);
201
+ --cc_color_button_background_destroy_alpha_40: rgba(244,133,133,0.4);
202
+ --cc_color_button_background_destroy_alpha_30: rgba(244,133,133,0.3);
203
+ --cc_color_button_background_destroy_alpha_20: rgba(244,133,133,0.2);
204
+ --cc_color_button_background_destroy_alpha_10: rgba(244,133,133,0.1);
205
+
206
+ --cc_color_button_background_success: #3ebd93;
207
+ --cc_color_button_background_success_lighten_10: #51c39d;
208
+ --cc_color_button_background_success_lighten_15: #5ac6a3;
209
+ --cc_color_button_background_success_lighten_85: #e2f5ee;
210
+ --cc_color_button_background_success_lighten_90: #ebf8f4;
211
+ --cc_color_button_background_success_lighten_95: #f5fbf9;
212
+ --cc_color_button_background_success_darken_10: #37aa84;
213
+ --cc_color_button_background_success_darken_15: #34a07c;
214
+
215
+ --cc_color_button_background_success_alpha_90: rgba(62,189,147,0.9);
216
+ --cc_color_button_background_success_alpha_80: rgba(62,189,147,0.8);
217
+ --cc_color_button_background_success_alpha_70: rgba(62,189,147,0.7);
218
+ --cc_color_button_background_success_alpha_60: rgba(62,189,147,0.6);
219
+ --cc_color_button_background_success_alpha_50: rgba(62,189,147,0.5);
220
+ --cc_color_button_background_success_alpha_40: rgba(62,189,147,0.4);
221
+ --cc_color_button_background_success_alpha_30: rgba(62,189,147,0.3);
222
+ --cc_color_button_background_success_alpha_20: rgba(62,189,147,0.2);
223
+ --cc_color_button_background_success_alpha_10: rgba(62,189,147,0.1);
224
+
168
225
  --cc_color_button_background_tint: rgba(255, 255, 255, 0.1);
169
226
  --cc_color_button_background_tint_lighten_10: rgba(255,255,255,0.19);
170
227
  --cc_color_button_background_tint_lighten_15: rgba(255,255,255,0.235);
package/shared/tokens/build/css/light_environment.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 02 May 2023 18:24:53 GMT
3
+ * Generated on Tue, 09 May 2023 16:21:44 GMT
4
4
  */
5
5
 
6
6
  :root, .light-environment {
@@ -23,24 +23,43 @@
23
23
  --cc_color_brand_add_on_alpha_20: rgba(121,73,209,0.2);
24
24
  --cc_color_brand_add_on_alpha_10: rgba(121,73,209,0.1);
25
25
 
26
- --cc_color_utility_info: #4d5a68;
27
- --cc_color_utility_info_lighten_10: #5e6a77;
28
- --cc_color_utility_info_lighten_15: #67727e;
29
- --cc_color_utility_info_lighten_85: #e4e6e8;
30
- --cc_color_utility_info_lighten_90: #edeeef;
31
- --cc_color_utility_info_lighten_95: #f6f6f7;
32
- --cc_color_utility_info_darken_10: #45515d;
33
- --cc_color_utility_info_darken_15: #414c58;
26
+ --cc_color_utility_destroy: #ef4e4e;
27
+ --cc_color_utility_destroy_lighten_10: #f05f5f;
28
+ --cc_color_utility_destroy_lighten_15: #f16868;
29
+ --cc_color_utility_destroy_lighten_85: #fce4e4;
30
+ --cc_color_utility_destroy_lighten_90: #fdeded;
31
+ --cc_color_utility_destroy_lighten_95: #fef6f6;
32
+ --cc_color_utility_destroy_darken_10: #d74646;
33
+ --cc_color_utility_destroy_darken_15: #cb4242;
34
34
 
35
- --cc_color_utility_info_alpha_90: rgba(77,90,104,0.9);
36
- --cc_color_utility_info_alpha_80: rgba(77,90,104,0.8);
37
- --cc_color_utility_info_alpha_70: rgba(77,90,104,0.7);
38
- --cc_color_utility_info_alpha_60: rgba(77,90,104,0.6);
39
- --cc_color_utility_info_alpha_50: rgba(77,90,104,0.5);
40
- --cc_color_utility_info_alpha_40: rgba(77,90,104,0.4);
41
- --cc_color_utility_info_alpha_30: rgba(77,90,104,0.3);
42
- --cc_color_utility_info_alpha_20: rgba(77,90,104,0.2);
43
- --cc_color_utility_info_alpha_10: rgba(77,90,104,0.1);
35
+ --cc_color_utility_destroy_alpha_90: rgba(239,78,78,0.9);
36
+ --cc_color_utility_destroy_alpha_80: rgba(239,78,78,0.8);
37
+ --cc_color_utility_destroy_alpha_70: rgba(239,78,78,0.7);
38
+ --cc_color_utility_destroy_alpha_60: rgba(239,78,78,0.6);
39
+ --cc_color_utility_destroy_alpha_50: rgba(239,78,78,0.5);
40
+ --cc_color_utility_destroy_alpha_40: rgba(239,78,78,0.4);
41
+ --cc_color_utility_destroy_alpha_30: rgba(239,78,78,0.3);
42
+ --cc_color_utility_destroy_alpha_20: rgba(239,78,78,0.2);
43
+ --cc_color_utility_destroy_alpha_10: rgba(239,78,78,0.1);
44
+
45
+ --cc_color_utility_success: #12a537;
46
+ --cc_color_utility_success_lighten_10: #29ae4b;
47
+ --cc_color_utility_success_lighten_15: #35b255;
48
+ --cc_color_utility_success_lighten_85: #dbf1e1;
49
+ --cc_color_utility_success_lighten_90: #e7f6eb;
50
+ --cc_color_utility_success_lighten_95: #f3faf5;
51
+ --cc_color_utility_success_darken_10: #109431;
52
+ --cc_color_utility_success_darken_15: #0f8c2e;
53
+
54
+ --cc_color_utility_success_alpha_90: rgba(18,165,55,0.9);
55
+ --cc_color_utility_success_alpha_80: rgba(18,165,55,0.8);
56
+ --cc_color_utility_success_alpha_70: rgba(18,165,55,0.7);
57
+ --cc_color_utility_success_alpha_60: rgba(18,165,55,0.6);
58
+ --cc_color_utility_success_alpha_50: rgba(18,165,55,0.5);
59
+ --cc_color_utility_success_alpha_40: rgba(18,165,55,0.4);
60
+ --cc_color_utility_success_alpha_30: rgba(18,165,55,0.3);
61
+ --cc_color_utility_success_alpha_20: rgba(18,165,55,0.2);
62
+ --cc_color_utility_success_alpha_10: rgba(18,165,55,0.1);
44
63
 
45
64
  --cc_color_background_1: #ffffff;
46
65
  --cc_color_background_1_lighten_10: #fff;
@@ -165,6 +184,44 @@
165
184
  --cc_color_button_background_subtle_alpha_20: rgba(235,239,245,0.2);
166
185
  --cc_color_button_background_subtle_alpha_10: rgba(235,239,245,0.1);
167
186
 
187
+ --cc_color_button_background_destroy: #ef4e4e;
188
+ --cc_color_button_background_destroy_lighten_10: #f05f5f;
189
+ --cc_color_button_background_destroy_lighten_15: #f16868;
190
+ --cc_color_button_background_destroy_lighten_85: #fce4e4;
191
+ --cc_color_button_background_destroy_lighten_90: #fdeded;
192
+ --cc_color_button_background_destroy_lighten_95: #fef6f6;
193
+ --cc_color_button_background_destroy_darken_10: #d74646;
194
+ --cc_color_button_background_destroy_darken_15: #cb4242;
195
+
196
+ --cc_color_button_background_destroy_alpha_90: rgba(239,78,78,0.9);
197
+ --cc_color_button_background_destroy_alpha_80: rgba(239,78,78,0.8);
198
+ --cc_color_button_background_destroy_alpha_70: rgba(239,78,78,0.7);
199
+ --cc_color_button_background_destroy_alpha_60: rgba(239,78,78,0.6);
200
+ --cc_color_button_background_destroy_alpha_50: rgba(239,78,78,0.5);
201
+ --cc_color_button_background_destroy_alpha_40: rgba(239,78,78,0.4);
202
+ --cc_color_button_background_destroy_alpha_30: rgba(239,78,78,0.3);
203
+ --cc_color_button_background_destroy_alpha_20: rgba(239,78,78,0.2);
204
+ --cc_color_button_background_destroy_alpha_10: rgba(239,78,78,0.1);
205
+
206
+ --cc_color_button_background_success: #12a537;
207
+ --cc_color_button_background_success_lighten_10: #29ae4b;
208
+ --cc_color_button_background_success_lighten_15: #35b255;
209
+ --cc_color_button_background_success_lighten_85: #dbf1e1;
210
+ --cc_color_button_background_success_lighten_90: #e7f6eb;
211
+ --cc_color_button_background_success_lighten_95: #f3faf5;
212
+ --cc_color_button_background_success_darken_10: #109431;
213
+ --cc_color_button_background_success_darken_15: #0f8c2e;
214
+
215
+ --cc_color_button_background_success_alpha_90: rgba(18,165,55,0.9);
216
+ --cc_color_button_background_success_alpha_80: rgba(18,165,55,0.8);
217
+ --cc_color_button_background_success_alpha_70: rgba(18,165,55,0.7);
218
+ --cc_color_button_background_success_alpha_60: rgba(18,165,55,0.6);
219
+ --cc_color_button_background_success_alpha_50: rgba(18,165,55,0.5);
220
+ --cc_color_button_background_success_alpha_40: rgba(18,165,55,0.4);
221
+ --cc_color_button_background_success_alpha_30: rgba(18,165,55,0.3);
222
+ --cc_color_button_background_success_alpha_20: rgba(18,165,55,0.2);
223
+ --cc_color_button_background_success_alpha_10: rgba(18,165,55,0.1);
224
+
168
225
  --cc_color_button_background_tint: #e5f1ff;
169
226
  --cc_color_button_background_tint_lighten_10: #e7f2ff;
170
227
  --cc_color_button_background_tint_lighten_15: #e8f3ff;
package/shared/tokens/build/docs/token_docs.js CHANGED
@@ -63,7 +63,7 @@ export const tokenDocs = [
63
63
  comment: "Use to warn the user of destructive actions or app errors.",
64
64
  getsLightDarkWeb: true,
65
65
  getsAlphaWeb: true,
66
- isThemed: false
66
+ isThemed: true
67
67
  },
68
68
  {
69
69
  name: "color_utility_caution",
@@ -78,25 +78,36 @@ export const tokenDocs = [
78
78
  },
79
79
  {
80
80
  name: "color_utility_success",
81
- value: "#3ebd93",
81
+ value: "#12a537",
82
82
  category: "color",
83
83
  type: "utility",
84
84
  item: "success",
85
85
  comment: "Use to confirm a successfully completed action.",
86
86
  getsLightDarkWeb: true,
87
87
  getsAlphaWeb: true,
88
- isThemed: false
88
+ isThemed: true
89
89
  },
90
90
  {
91
91
  name: "color_utility_info",
92
- value: "#4d5a68",
92
+ value: "#42608a",
93
93
  category: "color",
94
94
  type: "utility",
95
95
  item: "info",
96
96
  comment: "Use to inform the user about a neutral state or action.",
97
97
  getsLightDarkWeb: true,
98
98
  getsAlphaWeb: true,
99
- isThemed: true
99
+ isThemed: false
100
+ },
101
+ {
102
+ name: "color_utility_assigned",
103
+ value: "#e76119",
104
+ category: "color",
105
+ type: "utility",
106
+ item: "assigned",
107
+ comment: "Use to indicate that a user or company is assigned to something.",
108
+ getsLightDarkWeb: true,
109
+ getsAlphaWeb: true,
110
+ isThemed: false
100
111
  },
101
112
  {
102
113
  name: "color_background_1",
@@ -217,18 +228,18 @@ export const tokenDocs = [
217
228
  comment: "Background or border color for destroy buttons.",
218
229
  getsLightDarkWeb: true,
219
230
  getsAlphaWeb: true,
220
- isThemed: false
231
+ isThemed: true
221
232
  },
222
233
  {
223
234
  name: "color_button_background_success",
224
- value: "#3ebd93",
235
+ value: "#12a537",
225
236
  category: "color",
226
237
  type: "button",
227
238
  item: "background",
228
239
  comment: "Background or border color for success buttons.",
229
240
  getsLightDarkWeb: true,
230
241
  getsAlphaWeb: true,
231
- isThemed: false
242
+ isThemed: true
232
243
  },
233
244
  {
234
245
  name: "color_button_background_tint",
package/shared/tokens/build/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 02 May 2023 18:24:53 GMT
3
+ * Generated on Tue, 09 May 2023 16:21:44 GMT
4
4
  */
5
5
 
6
6
  export const color_brand_primary = "#0967d2"; // Our beloved CoCam deep blue. Use only for branding purposes.
@@ -9,11 +9,13 @@ export const color_brand_accent = "#ffd000"; // Used to indicate something is ne
9
9
  export const color_brand_upgrade = "#0ce8d6"; // Used to indicate something is part of the Pro plan or part of an upgrade path. When used as a background color, pair with color_text_secondary.
10
10
  export const color_brand_add_on_le = "#7949d1"; // Used to indicate something is an add-on.
11
11
  export const color_brand_add_on_de = "#bca4e8";
12
- export const color_utility_destroy = "#ef4e4e"; // Use to warn the user of destructive actions or app errors.
12
+ export const color_utility_destroy_le = "#ef4e4e"; // Use to warn the user of destructive actions or app errors.
13
+ export const color_utility_destroy_de = "#f48585";
13
14
  export const color_utility_caution = "#ffd000"; // Use to call attention to important information or warnings.
14
- export const color_utility_success = "#3ebd93"; // Use to confirm a successfully completed action.
15
- export const color_utility_info_le = "#4d5a68"; // Use to inform the user about a neutral state or action.
16
- export const color_utility_info_de = "#4d5a68";
15
+ export const color_utility_success_le = "#12a537"; // Use to confirm a successfully completed action.
16
+ export const color_utility_success_de = "#3ebd93";
17
+ export const color_utility_info = "#42608a"; // Use to inform the user about a neutral state or action.
18
+ export const color_utility_assigned = "#e76119"; // Use to indicate that a user or company is assigned to something.
17
19
  export const color_background_1_le = "#ffffff"; // The default background color in light environments.
18
20
  export const color_background_1_de = "#142334";
19
21
  export const color_background_2_le = "#f5f7fa"; // Use to highlight supporting content: sidebars, modal footers, callouts, etc. Do not use for button backgrounds.
@@ -33,8 +35,10 @@ export const color_button_background_secondary_le = "#1f3751"; // Background or
33
35
  export const color_button_background_secondary_de = "#ffffff";
34
36
  export const color_button_background_subtle_le = "#ebeff5"; // Background or border color for subtle buttons in light env.
35
37
  export const color_button_background_subtle_de = "#2a415a"; // Background or border color for subtle buttons in dark env.
36
- export const color_button_background_destroy = "#ef4e4e"; // Background or border color for destroy buttons.
37
- export const color_button_background_success = "#3ebd93"; // Background or border color for success buttons.
38
+ export const color_button_background_destroy_le = "#ef4e4e"; // Background or border color for destroy buttons.
39
+ export const color_button_background_destroy_de = "#f48585";
40
+ export const color_button_background_success_le = "#12a537"; // Background or border color for success buttons.
41
+ export const color_button_background_success_de = "#3ebd93";
38
42
  export const color_button_background_tint_le = "#e5f1ff"; // Light background color tint for hover and active button states
39
43
  export const color_button_background_tint_de = "rgba(255, 255, 255, 0.1)";
40
44
  export const color_button_text_primary_le = "#ffffff"; // Text color for our primary solid buttons.
package/shared/tokens/build/json/tokens.json CHANGED
@@ -5,11 +5,13 @@
5
5
  "color_brand_upgrade": "#0ce8d6",
6
6
  "color_brand_add_on_le": "#7949d1",
7
7
  "color_brand_add_on_de": "#bca4e8",
8
- "color_utility_destroy": "#ef4e4e",
8
+ "color_utility_destroy_le": "#ef4e4e",
9
+ "color_utility_destroy_de": "#f48585",
9
10
  "color_utility_caution": "#ffd000",
10
- "color_utility_success": "#3ebd93",
11
- "color_utility_info_le": "#4d5a68",
12
- "color_utility_info_de": "#4d5a68",
11
+ "color_utility_success_le": "#12a537",
12
+ "color_utility_success_de": "#3ebd93",
13
+ "color_utility_info": "#42608a",
14
+ "color_utility_assigned": "#e76119",
13
15
  "color_background_1_le": "#ffffff",
14
16
  "color_background_1_de": "#142334",
15
17
  "color_background_2_le": "#f5f7fa",
@@ -29,8 +31,10 @@
29
31
  "color_button_background_secondary_de": "#ffffff",
30
32
  "color_button_background_subtle_le": "#ebeff5",
31
33
  "color_button_background_subtle_de": "#2a415a",
32
- "color_button_background_destroy": "#ef4e4e",
33
- "color_button_background_success": "#3ebd93",
34
+ "color_button_background_destroy_le": "#ef4e4e",
35
+ "color_button_background_destroy_de": "#f48585",
36
+ "color_button_background_success_le": "#12a537",
37
+ "color_button_background_success_de": "#3ebd93",
34
38
  "color_button_background_tint_le": "#e5f1ff",
35
39
  "color_button_background_tint_de": "rgba(255, 255, 255, 0.1)",
36
40
  "color_button_text_primary_le": "#ffffff",
package/shared/tokens/build/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 02 May 2023 18:24:53 GMT
3
+ // Generated on Tue, 09 May 2023 16:21:44 GMT
4
4
 
5
5
  $cc_color_brand_primary: #0967d2; // Our beloved CoCam deep blue. Use only for branding purposes.
6
6
  $cc_color_brand_secondary: #142334; // Complements our primary blue. Use only for branding purposes.
@@ -8,11 +8,13 @@ $cc_color_brand_accent: #ffd000; // Used to indicate something is new or coming
8
8
  $cc_color_brand_upgrade: #0ce8d6; // Used to indicate something is part of the Pro plan or part of an upgrade path. When used as a background color, pair with color_text_secondary.
9
9
  $cc_color_brand_add_on_le: #7949d1; // Used to indicate something is an add-on.
10
10
  $cc_color_brand_add_on_de: #bca4e8;
11
- $cc_color_utility_destroy: #ef4e4e; // Use to warn the user of destructive actions or app errors.
11
+ $cc_color_utility_destroy_le: #ef4e4e; // Use to warn the user of destructive actions or app errors.
12
+ $cc_color_utility_destroy_de: #f48585;
12
13
  $cc_color_utility_caution: #ffd000; // Use to call attention to important information or warnings.
13
- $cc_color_utility_success: #3ebd93; // Use to confirm a successfully completed action.
14
- $cc_color_utility_info_le: #4d5a68; // Use to inform the user about a neutral state or action.
15
- $cc_color_utility_info_de: #4d5a68;
14
+ $cc_color_utility_success_le: #12a537; // Use to confirm a successfully completed action.
15
+ $cc_color_utility_success_de: #3ebd93;
16
+ $cc_color_utility_info: #42608a; // Use to inform the user about a neutral state or action.
17
+ $cc_color_utility_assigned: #e76119; // Use to indicate that a user or company is assigned to something.
16
18
  $cc_color_background_1_le: #ffffff; // The default background color in light environments.
17
19
  $cc_color_background_1_de: #142334;
18
20
  $cc_color_background_2_le: #f5f7fa; // Use to highlight supporting content: sidebars, modal footers, callouts, etc. Do not use for button backgrounds.
@@ -32,8 +34,10 @@ $cc_color_button_background_secondary_le: #1f3751; // Background or outline bord
32
34
  $cc_color_button_background_secondary_de: #ffffff;
33
35
  $cc_color_button_background_subtle_le: #ebeff5; // Background or border color for subtle buttons in light env.
34
36
  $cc_color_button_background_subtle_de: #2a415a; // Background or border color for subtle buttons in dark env.
35
- $cc_color_button_background_destroy: #ef4e4e; // Background or border color for destroy buttons.
36
- $cc_color_button_background_success: #3ebd93; // Background or border color for success buttons.
37
+ $cc_color_button_background_destroy_le: #ef4e4e; // Background or border color for destroy buttons.
38
+ $cc_color_button_background_destroy_de: #f48585;
39
+ $cc_color_button_background_success_le: #12a537; // Background or border color for success buttons.
40
+ $cc_color_button_background_success_de: #3ebd93;
37
41
  $cc_color_button_background_tint_le: #e5f1ff; // Light background color tint for hover and active button states
38
42
  $cc_color_button_background_tint_de: rgba(255, 255, 255, 0.1);
39
43
  $cc_color_button_text_primary_le: #ffffff; // Text color for our primary solid buttons.
package/shared/tokens/properties/color.json CHANGED
@@ -29,25 +29,34 @@
29
29
  },
30
30
  "utility": {
31
31
  "destroy": {
32
- "value": "#EF4E4E",
33
- "comment": "Use to warn the user of destructive actions or app errors."
32
+ "le": {
33
+ "value": "#EF4E4E",
34
+ "comment": "Use to warn the user of destructive actions or app errors."
35
+ },
36
+ "de": {
37
+ "value": "#F48585"
38
+ }
34
39
  },
35
40
  "caution": {
36
41
  "value": "#FFD000",
37
42
  "comment": "Use to call attention to important information or warnings."
38
43
  },
39
44
  "success": {
40
- "value": "#3EBD93",
41
- "comment": "Use to confirm a successfully completed action."
42
- },
43
- "info": {
44
45
  "le": {
45
- "value": "#4d5a68",
46
- "comment": "Use to inform the user about a neutral state or action."
46
+ "value": "#12A537",
47
+ "comment": "Use to confirm a successfully completed action."
47
48
  },
48
49
  "de": {
49
- "value": "#4d5a68"
50
+ "value": "#3EBD93"
50
51
  }
52
+ },
53
+ "info": {
54
+ "value": "#42608a",
55
+ "comment": "Use to inform the user about a neutral state or action."
56
+ },
57
+ "assigned": {
58
+ "value": "#E76119",
59
+ "comment": "Use to indicate that a user or company is assigned to something."
51
60
  }
52
61
  },
53
62
  "background": {
@@ -143,12 +152,22 @@
143
152
  }
144
153
  },
145
154
  "destroy": {
146
- "value": "#EF4E4E",
147
- "comment": "Background or border color for destroy buttons."
155
+ "le": {
156
+ "value": "#EF4E4E",
157
+ "comment": "Background or border color for destroy buttons."
158
+ },
159
+ "de": {
160
+ "value": "#F48585"
161
+ }
148
162
  },
149
163
  "success": {
150
- "value": "#3EBD93",
151
- "comment": "Background or border color for success buttons."
164
+ "le": {
165
+ "value": "#12A537",
166
+ "comment": "Background or border color for success buttons."
167
+ },
168
+ "de": {
169
+ "value": "#3EBD93"
170
+ }
152
171
  },
153
172
  "tint": {
154
173
  "le": {