@alfalab/core-components-vars 8.1.0 → 8.1.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 (19) hide show
  1. package/colors-addons.css +29 -0
  2. package/colors-bluetint.css +40 -0
  3. package/colors-indigo.css +40 -0
  4. package/colors-transparent.css +2 -0
  5. package/cssm/bundle/click.css +69 -0
  6. package/cssm/bundle/corp.css +69 -0
  7. package/cssm/bundle/intranet.css +69 -0
  8. package/cssm/bundle/mobile.css +69 -0
  9. package/cssm/bundle/site.css +69 -0
  10. package/cssm/colors-addons.css +29 -0
  11. package/cssm/colors-bluetint.css +40 -0
  12. package/cssm/colors-indigo.css +40 -0
  13. package/cssm/colors-transparent.css +2 -0
  14. package/cssm/index.css +71 -0
  15. package/index.d.ts +71 -0
  16. package/index.js +71 -0
  17. package/package.json +1 -1
  18. package/cssm/main.css +0 -759
  19. package/main.css +0 -24
package/colors-addons.css CHANGED
@@ -88,6 +88,35 @@
88
88
  --color-static-status-purple: #673ab7;
89
89
  --color-static-status-red: #d91d0b;
90
90
  --color-static-status-teal: #219187;
91
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
92
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
93
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
94
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
95
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
96
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
97
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
98
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
99
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
100
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
101
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
102
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
103
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
104
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
105
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
106
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
107
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
108
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
109
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
110
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
111
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
112
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
113
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
114
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
115
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
116
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
117
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
118
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
119
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
91
120
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
92
121
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
93
122
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
package/colors-bluetint.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
148
148
  --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
149
149
  --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #3a3a3c; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
158
+ --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
165
+ --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dcdcdd; /* deprecated */
169
+ --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
173
+ --color-light-graphic-neutral: #dcdcdd; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
183
+ --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
package/colors-indigo.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
148
148
  --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
149
149
  --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #485767; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #233549; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
158
+ --color-dark-graphic-neutral: #485767; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
165
+ --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dbdee1; /* deprecated */
169
+ --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
173
+ --color-light-graphic-neutral: #dbdee1; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #485767; /* deprecated */
183
+ --color-static-bg-neutral-light: #dbdee1; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
package/colors-transparent.css CHANGED
@@ -1,4 +1,5 @@
1
1
  :root {
2
+ --color-dynamic-nulled: rgba(0, 0, 0, 0);
2
3
  --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
3
4
  --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
4
5
  --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -11,6 +12,7 @@
11
12
  --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
12
13
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
13
14
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
15
+ --color-static-nulled: rgba(0, 0, 0, 0);
14
16
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
15
17
  --color-static-primary-light: rgba(255, 255, 255, 0.8);
16
18
  --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
package/cssm/bundle/click.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
148
148
  --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
149
149
  --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #3a3a3c; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
158
+ --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
165
+ --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dcdcdd; /* deprecated */
169
+ --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
173
+ --color-light-graphic-neutral: #dcdcdd; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
183
+ --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -541,6 +581,35 @@
541
581
  --color-static-status-purple: #673ab7;
542
582
  --color-static-status-red: #d91d0b;
543
583
  --color-static-status-teal: #219187;
584
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
585
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
586
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
587
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
588
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
589
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
590
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
591
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
592
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
593
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
594
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
595
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
596
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
597
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
598
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
599
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
600
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
601
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
602
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
603
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
604
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
605
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
606
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
607
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
608
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
609
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
610
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
611
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
612
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
544
613
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
545
614
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
546
615
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
package/cssm/bundle/corp.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
148
148
  --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
149
149
  --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #485767; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #233549; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
158
+ --color-dark-graphic-neutral: #485767; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
165
+ --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dbdee1; /* deprecated */
169
+ --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
173
+ --color-light-graphic-neutral: #dbdee1; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #485767; /* deprecated */
183
+ --color-static-bg-neutral-light: #dbdee1; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -541,6 +581,35 @@
541
581
  --color-static-status-purple: #673ab7;
542
582
  --color-static-status-red: #d91d0b;
543
583
  --color-static-status-teal: #219187;
584
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
585
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
586
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
587
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
588
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
589
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
590
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
591
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
592
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
593
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
594
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
595
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
596
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
597
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
598
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
599
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
600
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
601
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
602
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
603
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
604
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
605
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
606
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
607
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
608
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
609
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
610
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
611
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
612
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
544
613
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
545
614
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
546
615
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
package/cssm/bundle/intranet.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
148
148
  --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
149
149
  --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #3a3a3c; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
158
+ --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
165
+ --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dcdcdd; /* deprecated */
169
+ --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
173
+ --color-light-graphic-neutral: #dcdcdd; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
183
+ --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -541,6 +581,35 @@
541
581
  --color-static-status-purple: #673ab7;
542
582
  --color-static-status-red: #d91d0b;
543
583
  --color-static-status-teal: #219187;
584
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
585
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
586
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
587
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
588
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
589
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
590
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
591
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
592
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
593
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
594
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
595
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
596
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
597
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
598
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
599
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
600
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
601
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
602
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
603
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
604
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
605
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
606
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
607
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
608
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
609
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
610
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
611
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
612
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
544
613
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
545
614
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
546
615
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
package/cssm/bundle/mobile.css CHANGED
@@ -147,6 +147,44 @@
147
147
  --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
148
148
  --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
149
149
  --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32);
150
+ --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
151
+ --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
152
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
153
+ --color-dark-bg-neutral: #3a3a3c; /* deprecated */
154
+ --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
155
+ --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
156
+ --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
157
+ --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
158
+ --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
159
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
160
+ --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
161
+ --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
162
+ --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
163
+ --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
164
+ --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
165
+ --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
166
+ --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
167
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
168
+ --color-light-bg-neutral: #dcdcdd; /* deprecated */
169
+ --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
170
+ --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
171
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
172
+ --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
173
+ --color-light-graphic-neutral: #dcdcdd; /* deprecated */
174
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
175
+ --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
176
+ --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
177
+ --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
178
+ --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
179
+ --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
180
+ --color-static-bg-dark: #000; /* deprecated */
181
+ --color-static-bg-light: #fff; /* deprecated */
182
+ --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
183
+ --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
184
+ --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
185
+ --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
186
+ --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
187
+ --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
150
188
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
151
189
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
152
190
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -210,6 +248,7 @@
210
248
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
211
249
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
212
250
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
251
+ --color-dark-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
213
252
  --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
214
253
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
254
  --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
@@ -360,6 +399,7 @@
360
399
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
361
400
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
362
401
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
402
+ --color-light-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
363
403
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
364
404
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
405
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -541,6 +581,35 @@
541
581
  --color-static-status-purple: #673ab7;
542
582
  --color-static-status-red: #d91d0b;
543
583
  --color-static-status-teal: #219187;
584
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
585
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
586
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
587
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
588
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
589
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
590
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
591
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
592
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
593
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
594
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
595
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
596
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
597
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
598
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
599
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
600
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
601
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
602
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
603
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
604
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
605
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
606
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
607
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
608
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
609
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
610
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
611
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
612
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
544
613
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
545
614
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
546
615
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);