@alfalab/core-components-vars 8.1.1 → 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 (17) 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
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);
package/cssm/bundle/site.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/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/cssm/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/cssm/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/cssm/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/index.css CHANGED
@@ -217,6 +217,44 @@
217
217
  --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
218
218
  --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
219
219
  --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
220
+ --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
221
+ --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
222
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
223
+ --color-dark-bg-neutral: #485767; /* deprecated */
224
+ --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
225
+ --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
226
+ --color-dark-bg-secondary-grouped: #233549; /* deprecated */
227
+ --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
228
+ --color-dark-graphic-neutral: #485767; /* deprecated */
229
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
230
+ --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
231
+ --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
232
+ --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
233
+ --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
234
+ --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
235
+ --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
236
+ --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
237
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
238
+ --color-light-bg-neutral: #dbdee1; /* deprecated */
239
+ --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
240
+ --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
241
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
242
+ --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
243
+ --color-light-graphic-neutral: #dbdee1; /* deprecated */
244
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
245
+ --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
246
+ --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
247
+ --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
248
+ --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
249
+ --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
250
+ --color-static-bg-dark: #000; /* deprecated */
251
+ --color-static-bg-light: #fff; /* deprecated */
252
+ --color-static-bg-neutral-dark: #485767; /* deprecated */
253
+ --color-static-bg-neutral-light: #dbdee1; /* deprecated */
254
+ --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
255
+ --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
256
+ --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
257
+ --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
220
258
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
221
259
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
222
260
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -280,6 +318,7 @@
280
318
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
281
319
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
282
320
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
321
+ --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
283
322
  --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
284
323
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
285
324
  --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -430,6 +469,7 @@
430
469
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
431
470
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
432
471
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
472
+ --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
433
473
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
434
474
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
435
475
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -610,6 +650,35 @@
610
650
  --color-static-status-purple: #673ab7;
611
651
  --color-static-status-red: #d91d0b;
612
652
  --color-static-status-teal: #219187;
653
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
654
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
655
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
656
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
657
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
658
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
659
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
660
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
661
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
662
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
663
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
664
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
665
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
666
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
667
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
668
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
669
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
670
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
671
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
672
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
673
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
674
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
675
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
676
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
677
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
678
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
679
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
680
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
681
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
613
682
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
614
683
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
615
684
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
@@ -618,6 +687,7 @@
618
687
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
619
688
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
620
689
  } :root {
690
+ --color-dynamic-nulled: rgba(0, 0, 0, 0);
621
691
  --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
622
692
  --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
623
693
  --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -630,6 +700,7 @@
630
700
  --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
631
701
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
632
702
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
703
+ --color-static-nulled: rgba(0, 0, 0, 0);
633
704
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
634
705
  --color-static-primary-light: rgba(255, 255, 255, 0.8);
635
706
  --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
package/index.d.ts CHANGED
@@ -215,6 +215,44 @@ export const colorStaticTextSecondaryDark: "rgba(11, 31, 53, 0.6)";
215
215
  export const colorStaticTextSecondaryLight: "rgba(255, 255, 255, 0.7)";
216
216
  export const colorStaticTextTertiaryDark: "rgba(11, 31, 53, 0.3)";
217
217
  export const colorStaticTextTertiaryLight: "rgba(255, 255, 255, 0.4)";
218
+ export const colorDarkBgComponent: "rgba(255, 255, 255, 0.15)";
219
+ export const colorDarkBgComponentInverted: "rgba(11, 31, 53, 0.07)";
220
+ export const colorDarkBgLinkMuted: "#001c3c";
221
+ export const colorDarkBgNeutral: "#485767";
222
+ export const colorDarkBgNulled: "rgba(11, 31, 53, 0)";
223
+ export const colorDarkBgPrimaryGrouped: "#0b1f35";
224
+ export const colorDarkBgSecondaryGrouped: "#233549";
225
+ export const colorDarkBgTertiaryGrouped: "#3c4c5d";
226
+ export const colorDarkGraphicNeutral: "#485767";
227
+ export const colorDarkSpecialbgOverlay: "rgba(0, 0, 0, 0.6)";
228
+ export const colorDarkTextDisabledTransparent: "rgba(255, 255, 255, 0.25)";
229
+ export const colorDarkTextSecondaryInvertedTransparent: "rgba(11, 31, 53, 0.7)";
230
+ export const colorDarkTextSecondaryTransparent: "rgba(255, 255, 255, 0.7)";
231
+ export const colorDarkTextTertiaryInvertedTransparent: "rgba(11, 31, 53, 0.3)";
232
+ export const colorDarkTextTertiaryTransparent: "rgba(255, 255, 255, 0.4)";
233
+ export const colorLightBgComponent: "rgba(11, 31, 53, 0.07)";
234
+ export const colorLightBgComponentInverted: "rgba(255, 255, 255, 0.15)";
235
+ export const colorLightBgLinkMuted: "#d6e8fc";
236
+ export const colorLightBgNeutral: "#dbdee1";
237
+ export const colorLightBgNulled: "rgba(11, 31, 53, 0)";
238
+ export const colorLightBgPrimaryGrouped: "#f3f4f5";
239
+ export const colorLightBgSecondaryGrouped: "#fff";
240
+ export const colorLightBgTertiaryGrouped: "#f3f4f5";
241
+ export const colorLightGraphicNeutral: "#dbdee1";
242
+ export const colorLightSpecialbgOverlay: "rgba(0, 0, 0, 0.6)";
243
+ export const colorLightTextDisabledTransparent: "rgba(11, 31, 53, 0.15)";
244
+ export const colorLightTextSecondaryInvertedTransparent: "rgba(255, 255, 255, 0.7)";
245
+ export const colorLightTextSecondaryTransparent: "rgba(11, 31, 53, 0.7)";
246
+ export const colorLightTextTertiaryInvertedTransparent: "rgba(255, 255, 255, 0.4)";
247
+ export const colorLightTextTertiaryTransparent: "rgba(11, 31, 53, 0.3)";
248
+ export const colorStaticBgDark: "#000";
249
+ export const colorStaticBgLight: "#fff";
250
+ export const colorStaticBgNeutralDark: "#485767";
251
+ export const colorStaticBgNeutralLight: "#dbdee1";
252
+ export const colorStaticTextSecondaryDarkTransparent: "rgba(11, 31, 53, 0.6)";
253
+ export const colorStaticTextSecondaryLightTransparent: "rgba(255, 255, 255, 0.7)";
254
+ export const colorStaticTextTertiaryDarkTransparent: "rgba(11, 31, 53, 0.3)";
255
+ export const colorStaticTextTertiaryLightTransparent: "rgba(255, 255, 255, 0.4)";
218
256
  export const colorDarkBgAccentAlpha30: "rgba(239, 49, 36, 0.3)";
219
257
  export const colorDarkBgAccentShade15: "rgb(203, 42, 31)";
220
258
  export const colorDarkBgAccentShade20: "rgb(191, 39, 29)";
@@ -278,6 +316,7 @@ export const colorDarkGraphicAccentTint7: "rgb(240, 63, 51)";
278
316
  export const colorDarkGraphicAccentTint10: "rgb(241, 70, 58)";
279
317
  export const colorDarkGraphicAccentTint15: "rgb(241, 80, 69)";
280
318
  export const colorDarkGraphicAccentTint30: "rgb(244, 111, 102)";
319
+ export const colorDarkGraphicLinkAlpha15: "rgba(0, 122, 255, 0.15)";
281
320
  export const colorDarkGraphicNegativeAlpha10: "rgba(241, 80, 69, 0.1)";
282
321
  export const colorDarkGraphicNegativeAlpha30: "rgba(241, 80, 69, 0.3)";
283
322
  export const colorDarkGraphicNegativeAlpha40: "rgba(241, 80, 69, 0.4)";
@@ -428,6 +467,7 @@ export const colorLightGraphicAccentShade7: "rgb(222, 46, 33)";
428
467
  export const colorLightGraphicAccentShade10: "rgb(215, 44, 32)";
429
468
  export const colorLightGraphicAccentShade15: "rgb(203, 42, 31)";
430
469
  export const colorLightGraphicAccentShade30: "rgb(167, 34, 25)";
470
+ export const colorLightGraphicLinkAlpha15: "rgba(0, 122, 255, 0.15)";
431
471
  export const colorLightGraphicNegativeAlpha10: "rgba(241, 80, 69, 0.1)";
432
472
  export const colorLightGraphicNegativeAlpha30: "rgba(241, 80, 69, 0.3)";
433
473
  export const colorLightGraphicNegativeAlpha40: "rgba(241, 80, 69, 0.4)";
@@ -607,6 +647,35 @@ export const colorStaticStatusOrange: "#de6a00";
607
647
  export const colorStaticStatusPurple: "#673ab7";
608
648
  export const colorStaticStatusRed: "#d91d0b";
609
649
  export const colorStaticStatusTeal: "#219187";
650
+ export const colorStaticGraphicBlueChillOld: "#0f9c8c";
651
+ export const colorStaticGraphicBoulderOld: "#7a7a7a";
652
+ export const colorStaticGraphicBrinkPinkOld: "#fc617c";
653
+ export const colorStaticGraphicBurntSiennaOld: "#eb7a58";
654
+ export const colorStaticGraphicChatelleOld: "#bfafc6";
655
+ export const colorStaticGraphicChathamsBlueOld: "#155966";
656
+ export const colorStaticGraphicCuriousBlueLightOld: "#3b99d9";
657
+ export const colorStaticGraphicFunBlueOld: "#1d6ab5";
658
+ export const colorStaticGraphicHippieBlueOld: "#5aa4b0";
659
+ export const colorStaticGraphicJaffaLightOld: "#f18836";
660
+ export const colorStaticGraphicJavaOld: "#15c0e0";
661
+ export const colorStaticGraphicMantisOld: "#63cd4f";
662
+ export const colorStaticGraphicMatisseOld: "#16548f";
663
+ export const colorStaticGraphicMaya: "#7eb3ff";
664
+ export const colorStaticGraphicMilanoRedOld: "#cd1501";
665
+ export const colorStaticGraphicMirageOld: "#1d2434";
666
+ export const colorStaticGraphicNevadaOld: "#626b75";
667
+ export const colorStaticGraphicOlivineOld: "#87b965";
668
+ export const colorStaticGraphicPermission: "#ff5c5c";
669
+ export const colorStaticGraphicPewterOld: "#96a5a5";
670
+ export const colorStaticGraphicPickledBluewoodOld: "#2d3f50";
671
+ export const colorStaticGraphicPorscheOld: "#e7b965";
672
+ export const colorStaticGraphicRedDamaskOld: "#da713c";
673
+ export const colorStaticGraphicSaffronOld: "#f0c330";
674
+ export const colorStaticGraphicSandybrownOld: "#f38f6f";
675
+ export const colorStaticGraphicTurkishRoseOld: "#b56a6b";
676
+ export const colorStaticGraphicTurquoiseBlueOld: "#6bd3e6";
677
+ export const colorStaticGraphicValenciaOld: "#d8463b";
678
+ export const colorStaticGraphicWaikawaGrayOld: "#5b6d9c";
610
679
  export const colorStaticStatusBlueAlpha10: "rgba(0, 122, 255, 0.1)";
611
680
  export const colorStaticStatusGreenAlpha10: "rgba(19, 164, 99, 0.1)";
612
681
  export const colorStaticStatusGreyAlpha10: "rgba(109, 121, 134, 0.1)";
@@ -614,6 +683,7 @@ export const colorStaticStatusOrangeAlpha10: "rgba(222, 106, 0, 0.1)";
614
683
  export const colorStaticStatusPurpleAlpha10: "rgba(103, 58, 183, 0.1)";
615
684
  export const colorStaticStatusRedAlpha10: "rgba(217, 29, 11, 0.1)";
616
685
  export const colorStaticStatusTealAlpha10: "rgba(33, 145, 135, 0.1)";
686
+ export const colorDynamicNulled: "rgba(0, 0, 0, 0)";
617
687
  export const colorDynamicPrimaryDark: "rgba(0, 0, 0, 0.8)";
618
688
  export const colorDynamicPrimaryLight: "rgba(255, 255, 255, 0.8)";
619
689
  export const colorDynamicQuaternaryDark: "rgba(0, 0, 0, 0.32)";
@@ -626,6 +696,7 @@ export const colorDynamicSenaryDark: "rgba(0, 0, 0, 0.12)";
626
696
  export const colorDynamicSenaryLight: "rgba(255, 255, 255, 0.12)";
627
697
  export const colorDynamicTertiaryDark: "rgba(0, 0, 0, 0.48)";
628
698
  export const colorDynamicTertiaryLight: "rgba(255, 255, 255, 0.48)";
699
+ export const colorStaticNulled: "rgba(0, 0, 0, 0)";
629
700
  export const colorStaticPrimaryDark: "rgba(0, 0, 0, 0.8)";
630
701
  export const colorStaticPrimaryLight: "rgba(255, 255, 255, 0.8)";
631
702
  export const colorStaticQuaternaryDark: "rgba(0, 0, 0, 0.32)";
package/index.js CHANGED
@@ -215,6 +215,44 @@ export const colorStaticTextSecondaryDark = "rgba(11, 31, 53, 0.6)";
215
215
  export const colorStaticTextSecondaryLight = "rgba(255, 255, 255, 0.7)";
216
216
  export const colorStaticTextTertiaryDark = "rgba(11, 31, 53, 0.3)";
217
217
  export const colorStaticTextTertiaryLight = "rgba(255, 255, 255, 0.4)";
218
+ export const colorDarkBgComponent = "rgba(255, 255, 255, 0.15)";
219
+ export const colorDarkBgComponentInverted = "rgba(11, 31, 53, 0.07)";
220
+ export const colorDarkBgLinkMuted = "#001c3c";
221
+ export const colorDarkBgNeutral = "#485767";
222
+ export const colorDarkBgNulled = "rgba(11, 31, 53, 0)";
223
+ export const colorDarkBgPrimaryGrouped = "#0b1f35";
224
+ export const colorDarkBgSecondaryGrouped = "#233549";
225
+ export const colorDarkBgTertiaryGrouped = "#3c4c5d";
226
+ export const colorDarkGraphicNeutral = "#485767";
227
+ export const colorDarkSpecialbgOverlay = "rgba(0, 0, 0, 0.6)";
228
+ export const colorDarkTextDisabledTransparent = "rgba(255, 255, 255, 0.25)";
229
+ export const colorDarkTextSecondaryInvertedTransparent = "rgba(11, 31, 53, 0.7)";
230
+ export const colorDarkTextSecondaryTransparent = "rgba(255, 255, 255, 0.7)";
231
+ export const colorDarkTextTertiaryInvertedTransparent = "rgba(11, 31, 53, 0.3)";
232
+ export const colorDarkTextTertiaryTransparent = "rgba(255, 255, 255, 0.4)";
233
+ export const colorLightBgComponent = "rgba(11, 31, 53, 0.07)";
234
+ export const colorLightBgComponentInverted = "rgba(255, 255, 255, 0.15)";
235
+ export const colorLightBgLinkMuted = "#d6e8fc";
236
+ export const colorLightBgNeutral = "#dbdee1";
237
+ export const colorLightBgNulled = "rgba(11, 31, 53, 0)";
238
+ export const colorLightBgPrimaryGrouped = "#f3f4f5";
239
+ export const colorLightBgSecondaryGrouped = "#fff";
240
+ export const colorLightBgTertiaryGrouped = "#f3f4f5";
241
+ export const colorLightGraphicNeutral = "#dbdee1";
242
+ export const colorLightSpecialbgOverlay = "rgba(0, 0, 0, 0.6)";
243
+ export const colorLightTextDisabledTransparent = "rgba(11, 31, 53, 0.15)";
244
+ export const colorLightTextSecondaryInvertedTransparent = "rgba(255, 255, 255, 0.7)";
245
+ export const colorLightTextSecondaryTransparent = "rgba(11, 31, 53, 0.7)";
246
+ export const colorLightTextTertiaryInvertedTransparent = "rgba(255, 255, 255, 0.4)";
247
+ export const colorLightTextTertiaryTransparent = "rgba(11, 31, 53, 0.3)";
248
+ export const colorStaticBgDark = "#000";
249
+ export const colorStaticBgLight = "#fff";
250
+ export const colorStaticBgNeutralDark = "#485767";
251
+ export const colorStaticBgNeutralLight = "#dbdee1";
252
+ export const colorStaticTextSecondaryDarkTransparent = "rgba(11, 31, 53, 0.6)";
253
+ export const colorStaticTextSecondaryLightTransparent = "rgba(255, 255, 255, 0.7)";
254
+ export const colorStaticTextTertiaryDarkTransparent = "rgba(11, 31, 53, 0.3)";
255
+ export const colorStaticTextTertiaryLightTransparent = "rgba(255, 255, 255, 0.4)";
218
256
  export const colorDarkBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
219
257
  export const colorDarkBgAccentShade15 = "rgb(203, 42, 31)";
220
258
  export const colorDarkBgAccentShade20 = "rgb(191, 39, 29)";
@@ -278,6 +316,7 @@ export const colorDarkGraphicAccentTint7 = "rgb(240, 63, 51)";
278
316
  export const colorDarkGraphicAccentTint10 = "rgb(241, 70, 58)";
279
317
  export const colorDarkGraphicAccentTint15 = "rgb(241, 80, 69)";
280
318
  export const colorDarkGraphicAccentTint30 = "rgb(244, 111, 102)";
319
+ export const colorDarkGraphicLinkAlpha15 = "rgba(0, 122, 255, 0.15)";
281
320
  export const colorDarkGraphicNegativeAlpha10 = "rgba(241, 80, 69, 0.1)";
282
321
  export const colorDarkGraphicNegativeAlpha30 = "rgba(241, 80, 69, 0.3)";
283
322
  export const colorDarkGraphicNegativeAlpha40 = "rgba(241, 80, 69, 0.4)";
@@ -428,6 +467,7 @@ export const colorLightGraphicAccentShade7 = "rgb(222, 46, 33)";
428
467
  export const colorLightGraphicAccentShade10 = "rgb(215, 44, 32)";
429
468
  export const colorLightGraphicAccentShade15 = "rgb(203, 42, 31)";
430
469
  export const colorLightGraphicAccentShade30 = "rgb(167, 34, 25)";
470
+ export const colorLightGraphicLinkAlpha15 = "rgba(0, 122, 255, 0.15)";
431
471
  export const colorLightGraphicNegativeAlpha10 = "rgba(241, 80, 69, 0.1)";
432
472
  export const colorLightGraphicNegativeAlpha30 = "rgba(241, 80, 69, 0.3)";
433
473
  export const colorLightGraphicNegativeAlpha40 = "rgba(241, 80, 69, 0.4)";
@@ -607,6 +647,35 @@ export const colorStaticStatusOrange = "#de6a00";
607
647
  export const colorStaticStatusPurple = "#673ab7";
608
648
  export const colorStaticStatusRed = "#d91d0b";
609
649
  export const colorStaticStatusTeal = "#219187";
650
+ export const colorStaticGraphicBlueChillOld = "#0f9c8c";
651
+ export const colorStaticGraphicBoulderOld = "#7a7a7a";
652
+ export const colorStaticGraphicBrinkPinkOld = "#fc617c";
653
+ export const colorStaticGraphicBurntSiennaOld = "#eb7a58";
654
+ export const colorStaticGraphicChatelleOld = "#bfafc6";
655
+ export const colorStaticGraphicChathamsBlueOld = "#155966";
656
+ export const colorStaticGraphicCuriousBlueLightOld = "#3b99d9";
657
+ export const colorStaticGraphicFunBlueOld = "#1d6ab5";
658
+ export const colorStaticGraphicHippieBlueOld = "#5aa4b0";
659
+ export const colorStaticGraphicJaffaLightOld = "#f18836";
660
+ export const colorStaticGraphicJavaOld = "#15c0e0";
661
+ export const colorStaticGraphicMantisOld = "#63cd4f";
662
+ export const colorStaticGraphicMatisseOld = "#16548f";
663
+ export const colorStaticGraphicMaya = "#7eb3ff";
664
+ export const colorStaticGraphicMilanoRedOld = "#cd1501";
665
+ export const colorStaticGraphicMirageOld = "#1d2434";
666
+ export const colorStaticGraphicNevadaOld = "#626b75";
667
+ export const colorStaticGraphicOlivineOld = "#87b965";
668
+ export const colorStaticGraphicPermission = "#ff5c5c";
669
+ export const colorStaticGraphicPewterOld = "#96a5a5";
670
+ export const colorStaticGraphicPickledBluewoodOld = "#2d3f50";
671
+ export const colorStaticGraphicPorscheOld = "#e7b965";
672
+ export const colorStaticGraphicRedDamaskOld = "#da713c";
673
+ export const colorStaticGraphicSaffronOld = "#f0c330";
674
+ export const colorStaticGraphicSandybrownOld = "#f38f6f";
675
+ export const colorStaticGraphicTurkishRoseOld = "#b56a6b";
676
+ export const colorStaticGraphicTurquoiseBlueOld = "#6bd3e6";
677
+ export const colorStaticGraphicValenciaOld = "#d8463b";
678
+ export const colorStaticGraphicWaikawaGrayOld = "#5b6d9c";
610
679
  export const colorStaticStatusBlueAlpha10 = "rgba(0, 122, 255, 0.1)";
611
680
  export const colorStaticStatusGreenAlpha10 = "rgba(19, 164, 99, 0.1)";
612
681
  export const colorStaticStatusGreyAlpha10 = "rgba(109, 121, 134, 0.1)";
@@ -614,6 +683,7 @@ export const colorStaticStatusOrangeAlpha10 = "rgba(222, 106, 0, 0.1)";
614
683
  export const colorStaticStatusPurpleAlpha10 = "rgba(103, 58, 183, 0.1)";
615
684
  export const colorStaticStatusRedAlpha10 = "rgba(217, 29, 11, 0.1)";
616
685
  export const colorStaticStatusTealAlpha10 = "rgba(33, 145, 135, 0.1)";
686
+ export const colorDynamicNulled = "rgba(0, 0, 0, 0)";
617
687
  export const colorDynamicPrimaryDark = "rgba(0, 0, 0, 0.8)";
618
688
  export const colorDynamicPrimaryLight = "rgba(255, 255, 255, 0.8)";
619
689
  export const colorDynamicQuaternaryDark = "rgba(0, 0, 0, 0.32)";
@@ -626,6 +696,7 @@ export const colorDynamicSenaryDark = "rgba(0, 0, 0, 0.12)";
626
696
  export const colorDynamicSenaryLight = "rgba(255, 255, 255, 0.12)";
627
697
  export const colorDynamicTertiaryDark = "rgba(0, 0, 0, 0.48)";
628
698
  export const colorDynamicTertiaryLight = "rgba(255, 255, 255, 0.48)";
699
+ export const colorStaticNulled = "rgba(0, 0, 0, 0)";
629
700
  export const colorStaticPrimaryDark = "rgba(0, 0, 0, 0.8)";
630
701
  export const colorStaticPrimaryLight = "rgba(255, 255, 255, 0.8)";
631
702
  export const colorStaticQuaternaryDark = "rgba(0, 0, 0, 0.32)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "8.1.1",
3
+ "version": "8.1.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",