@salesforce-ux/design-system 2.28.0 → 2.28.1

package/assets/styles/salesforce-lightning-design-system-offline.css

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.28.0 */
+/*! Lightning Design System 2.28.1 */
 @charset "UTF-8";
 :root{
   --slds-g-color-neutral-base-100:#ffffff;
@@ -344,6 +344,8 @@
     --slds-g-sizing-border-3:3px;
     --sds-g-sizing-border-4:var(--slds-g-sizing-border-4);
     --slds-g-sizing-border-4:4px;
+    --sds-g-sizing-base:var(--slds-g-sizing-base);
+    --slds-g-sizing-base:1rem;
     --sds-g-sizing-1:var(--slds-g-sizing-1);
     --slds-g-sizing-1:0.125rem;
     --sds-g-sizing-2:var(--slds-g-sizing-2);
@@ -472,12 +474,36 @@
     --slds-g-color-palette-cloud-blue-90:#cfe9fe;
     --sds-g-color-palette-cloud-blue-95:var(--slds-g-color-palette-cloud-blue-95);
     --slds-g-color-palette-cloud-blue-95:#eaf5fe;
+    --sds-g-color-palette-electric-blue-10:var(--slds-g-color-palette-electric-blue-10);
+    --slds-g-color-palette-electric-blue-10:#001642;
+    --sds-g-color-palette-electric-blue-15:var(--slds-g-color-palette-electric-blue-15);
+    --slds-g-color-palette-electric-blue-15:#001e5b;
+    --sds-g-color-palette-electric-blue-20:var(--slds-g-color-palette-electric-blue-20);
+    --slds-g-color-palette-electric-blue-20:#002775;
+    --sds-g-color-palette-electric-blue-30:var(--slds-g-color-palette-electric-blue-30);
+    --slds-g-color-palette-electric-blue-30:#022ac0;
+    --sds-g-color-palette-electric-blue-40:var(--slds-g-color-palette-electric-blue-40);
+    --slds-g-color-palette-electric-blue-40:#0250d9;
+    --sds-g-color-palette-electric-blue-50:var(--slds-g-color-palette-electric-blue-50);
+    --slds-g-color-palette-electric-blue-50:#066afe;
+    --sds-g-color-palette-electric-blue-60:var(--slds-g-color-palette-electric-blue-60);
+    --slds-g-color-palette-electric-blue-60:#4992fe;
+    --sds-g-color-palette-electric-blue-65:var(--slds-g-color-palette-electric-blue-65);
+    --slds-g-color-palette-electric-blue-65:#5f9ffe;
+    --sds-g-color-palette-electric-blue-70:var(--slds-g-color-palette-electric-blue-70);
+    --slds-g-color-palette-electric-blue-70:#7cb1fe;
+    --sds-g-color-palette-electric-blue-80:var(--slds-g-color-palette-electric-blue-80);
+    --slds-g-color-palette-electric-blue-80:#a8cbff;
+    --sds-g-color-palette-electric-blue-90:var(--slds-g-color-palette-electric-blue-90);
+    --slds-g-color-palette-electric-blue-90:#d6e6ff;
+    --sds-g-color-palette-electric-blue-95:var(--slds-g-color-palette-electric-blue-95);
+    --slds-g-color-palette-electric-blue-95:#edf4ff;
     --sds-g-color-palette-green-10:var(--slds-g-color-palette-green-10);
     --slds-g-color-palette-green-10:#071b12;
     --sds-g-color-palette-green-15:var(--slds-g-color-palette-green-15);
     --slds-g-color-palette-green-15:#0c2912;
     --sds-g-color-palette-green-20:var(--slds-g-color-palette-green-20);
-    --slds-g-color-palette-green-20:#1C3326;
+    --slds-g-color-palette-green-20:#1c3326;
     --sds-g-color-palette-green-30:var(--slds-g-color-palette-green-30);
     --slds-g-color-palette-green-30:#194e31;
     --sds-g-color-palette-green-40:var(--slds-g-color-palette-green-40);
@@ -501,7 +527,7 @@
     --sds-g-color-palette-hot-orange-15:var(--slds-g-color-palette-hot-orange-15);
     --slds-g-color-palette-hot-orange-15:#421604;
     --sds-g-color-palette-hot-orange-20:var(--slds-g-color-palette-hot-orange-20);
-    --slds-g-color-palette-hot-orange-20:#4A2413;
+    --slds-g-color-palette-hot-orange-20:#4a2413;
     --sds-g-color-palette-hot-orange-30:var(--slds-g-color-palette-hot-orange-30);
     --slds-g-color-palette-hot-orange-30:#7e2600;
     --sds-g-color-palette-hot-orange-40:var(--slds-g-color-palette-hot-orange-40);
@@ -525,7 +551,7 @@
     --sds-g-color-palette-indigo-15:var(--slds-g-color-palette-indigo-15);
     --slds-g-color-palette-indigo-15:#1f0974;
     --sds-g-color-palette-indigo-20:var(--slds-g-color-palette-indigo-20);
-    --slds-g-color-palette-indigo-20:#321D71;
+    --slds-g-color-palette-indigo-20:#321d71;
     --sds-g-color-palette-indigo-30:var(--slds-g-color-palette-indigo-30);
     --slds-g-color-palette-indigo-30:#2f2cb7;
     --sds-g-color-palette-indigo-40:var(--slds-g-color-palette-indigo-40);
@@ -611,7 +637,7 @@
     --sds-g-color-palette-purple-70:var(--slds-g-color-palette-purple-70);
     --slds-g-color-palette-purple-70:#c29ef1;
     --sds-g-color-palette-purple-80:var(--slds-g-color-palette-purple-80);
-    --slds-g-color-palette-purple-80:#D7BFF2;
+    --slds-g-color-palette-purple-80:#d7bff2;
     --sds-g-color-palette-purple-90:var(--slds-g-color-palette-purple-90);
     --slds-g-color-palette-purple-90:#ece1f9;
     --sds-g-color-palette-purple-95:var(--slds-g-color-palette-purple-95);
@@ -669,7 +695,7 @@
     --sds-g-color-palette-violet-15:var(--slds-g-color-palette-violet-15);
     --slds-g-color-palette-violet-15:#3d0157;
     --sds-g-color-palette-violet-20:var(--slds-g-color-palette-violet-20);
-    --slds-g-color-palette-violet-20:#481A54;
+    --slds-g-color-palette-violet-20:#481a54;
     --sds-g-color-palette-violet-30:var(--slds-g-color-palette-violet-30);
     --slds-g-color-palette-violet-30:#730394;
     --sds-g-color-palette-violet-40:var(--slds-g-color-palette-violet-40);
@@ -699,7 +725,7 @@
     --sds-g-color-palette-yellow-40:var(--slds-g-color-palette-yellow-40);
     --slds-g-color-palette-yellow-40:#8c4b02;
     --sds-g-color-palette-yellow-50:var(--slds-g-color-palette-yellow-50);
-    --slds-g-color-palette-yellow-50:#a86403;
+    --slds-g-color-palette-yellow-50:#a96504;
     --sds-g-color-palette-yellow-60:var(--slds-g-color-palette-yellow-60);
     --slds-g-color-palette-yellow-60:#ca8501;
     --sds-g-color-palette-yellow-65:var(--slds-g-color-palette-yellow-65);
@@ -712,6 +738,8 @@
     --slds-g-color-palette-yellow-90:#f9e3b6;
     --sds-g-color-palette-yellow-95:var(--slds-g-color-palette-yellow-95);
     --slds-g-color-palette-yellow-95:#fbf3e0;
+    --sds-g-color-palette-neutral-0:var(--slds-g-color-palette-neutral-0);
+    --slds-g-color-palette-neutral-0:#000;
     --sds-g-color-palette-neutral-10:var(--slds-g-color-palette-neutral-10);
     --slds-g-color-palette-neutral-10:#181818;
     --sds-g-color-palette-neutral-15:var(--slds-g-color-palette-neutral-15);
@@ -719,11 +747,11 @@
     --sds-g-color-palette-neutral-20:var(--slds-g-color-palette-neutral-20);
     --slds-g-color-palette-neutral-20:#2e2e2e;
     --sds-g-color-palette-neutral-30:var(--slds-g-color-palette-neutral-30);
-    --slds-g-color-palette-neutral-30:#444444;
+    --slds-g-color-palette-neutral-30:#444;
     --sds-g-color-palette-neutral-40:var(--slds-g-color-palette-neutral-40);
     --slds-g-color-palette-neutral-40:#5c5c5c;
     --sds-g-color-palette-neutral-50:var(--slds-g-color-palette-neutral-50);
-    --slds-g-color-palette-neutral-50:#747474;
+    --slds-g-color-palette-neutral-50:#757575;
     --sds-g-color-palette-neutral-60:var(--slds-g-color-palette-neutral-60);
     --slds-g-color-palette-neutral-60:#939393;
     --sds-g-color-palette-neutral-65:var(--slds-g-color-palette-neutral-65);
@@ -737,7 +765,9 @@
     --sds-g-color-palette-neutral-95:var(--slds-g-color-palette-neutral-95);
     --slds-g-color-palette-neutral-95:#f3f3f3;
     --sds-g-color-palette-neutral-100:var(--slds-g-color-palette-neutral-100);
-    --slds-g-color-palette-neutral-100:#ffffff;
+    --slds-g-color-palette-neutral-100:#fff;
+    --sds-g-font-family:var(--slds-g-font-family);
+    --slds-g-font-family:var(--slds-g-font-family-base);
     --sds-g-font-family-base:var(--slds-g-font-family-base);
     --slds-g-font-family-base:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
     --sds-g-font-family-monospace:var(--slds-g-font-family-monospace);
@@ -758,24 +788,42 @@
     --slds-g-font-weight-6:600;
     --sds-g-font-weight-7:var(--slds-g-font-weight-7);
     --slds-g-font-weight-7:700;
+    --sds-g-font-line-height-base:var(--slds-g-font-line-height-base);
+    --slds-g-font-line-height-base:1.5;
+    --sds-g-font-line-height-var-base:var(--slds-g-font-line-height-var-base);
+    --slds-g-font-line-height-var-base:var(--slds-g-font-lineheight-base);
+    --sds-g-font-line-height-1:var(--slds-g-font-line-height-1);
+    --slds-g-font-line-height-1:1;
+    --sds-g-font-line-height-2:var(--slds-g-font-line-height-2);
+    --slds-g-font-line-height-2:1.25;
+    --sds-g-font-line-height-3:var(--slds-g-font-line-height-3);
+    --slds-g-font-line-height-3:1.375;
+    --sds-g-font-line-height-4:var(--slds-g-font-line-height-4);
+    --slds-g-font-line-height-4:1.5;
+    --sds-g-font-line-height-5:var(--slds-g-font-line-height-5);
+    --slds-g-font-line-height-5:1.75;
+    --sds-g-font-line-height-6:var(--slds-g-font-line-height-6);
+    --slds-g-font-line-height-6:2;
     --sds-g-font-lineheight-base:var(--slds-g-font-lineheight-base);
-    --slds-g-font-lineheight-base:1.5;
+    --slds-g-font-lineheight-base:var(--slds-g-font-line-height-base);
+    --sds-g-font-lineheight-var-base:var(--slds-g-font-lineheight-var-base);
+    --slds-g-font-lineheight-var-base:var(--slds-g-font-line-height-var-base);
     --sds-g-font-lineheight-1:var(--slds-g-font-lineheight-1);
-    --slds-g-font-lineheight-1:1;
+    --slds-g-font-lineheight-1:var(--slds-g-font-line-height-1);
     --sds-g-font-lineheight-2:var(--slds-g-font-lineheight-2);
-    --slds-g-font-lineheight-2:1.25;
+    --slds-g-font-lineheight-2:var(--slds-g-font-line-height-2);
     --sds-g-font-lineheight-3:var(--slds-g-font-lineheight-3);
-    --slds-g-font-lineheight-3:1.375;
+    --slds-g-font-lineheight-3:var(--slds-g-font-line-height-3);
     --sds-g-font-lineheight-4:var(--slds-g-font-lineheight-4);
-    --slds-g-font-lineheight-4:1.5;
+    --slds-g-font-lineheight-4:var(--slds-g-font-line-height-4);
     --sds-g-font-lineheight-5:var(--slds-g-font-lineheight-5);
-    --slds-g-font-lineheight-5:1.75;
+    --slds-g-font-lineheight-5:var(--slds-g-font-line-height-5);
     --sds-g-font-lineheight-6:var(--slds-g-font-lineheight-6);
-    --slds-g-font-lineheight-6:2;
+    --slds-g-font-lineheight-6:var(--slds-g-font-line-height-6);
     --sds-g-font-scale-ratio:var(--slds-g-font-scale-ratio);
     --slds-g-font-scale-ratio:1.15;
     --sds-g-font-size-base:var(--slds-g-font-size-base);
-    --slds-g-font-size-base:0.8125rem;
+    --slds-g-font-size-base:var(--slds-g-font-scale-base);
     --sds-g-font-scale-neg-4:var(--slds-g-font-scale-neg-4);
     --slds-g-font-scale-neg-4:var(--slds-g-font-scale-neg-3);
     --sds-g-font-scale-neg-3:var(--slds-g-font-scale-neg-3);
@@ -804,8 +852,18 @@
     --slds-g-font-scale-9:var(--slds-g-font-scale-8);
     --sds-g-font-scale-10:var(--slds-g-font-scale-10);
     --slds-g-font-scale-10:var(--slds-g-font-scale-8);
+    --sds-g-font-line-clamp:var(--slds-g-font-line-clamp);
+    --slds-g-font-line-clamp:3;
+    --sds-duration-instantly:var(--slds-duration-instantly);
+    --sds-duration-immediately:var(--slds-duration-immediately);
+    --sds-duration-quickly:var(--slds-duration-quickly);
+    --sds-duration-promptly:var(--slds-duration-promptly);
+    --sds-duration-slowly:var(--slds-duration-slowly);
+    --sds-duration-paused:var(--slds-duration-paused);
+    --sds-duration-toast-short:var(--slds-duration-toast-short);
+    --sds-duration-toast-medium:var(--slds-duration-toast-medium);
     --sds-g-color-neutral-base-100:var(--slds-g-color-neutral-base-100);
-    --slds-g-color-neutral-base-100:#ffffff;
+    --slds-g-color-neutral-base-100:#fff;
     --sds-g-color-neutral-base-95:var(--slds-g-color-neutral-base-95);
     --slds-g-color-neutral-base-95:#f3f3f3;
     --sds-g-color-neutral-base-90:var(--slds-g-color-neutral-base-90);
@@ -819,19 +877,21 @@
     --sds-g-color-neutral-base-60:var(--slds-g-color-neutral-base-60);
     --slds-g-color-neutral-base-60:#939393;
     --sds-g-color-neutral-base-50:var(--slds-g-color-neutral-base-50);
-    --slds-g-color-neutral-base-50:#747474;
+    --slds-g-color-neutral-base-50:#757575;
     --sds-g-color-neutral-base-40:var(--slds-g-color-neutral-base-40);
     --slds-g-color-neutral-base-40:#5c5c5c;
     --sds-g-color-neutral-base-30:var(--slds-g-color-neutral-base-30);
-    --slds-g-color-neutral-base-30:#444444;
+    --slds-g-color-neutral-base-30:#444;
     --sds-g-color-neutral-base-20:var(--slds-g-color-neutral-base-20);
     --slds-g-color-neutral-base-20:#2e2e2e;
     --sds-g-color-neutral-base-15:var(--slds-g-color-neutral-base-15);
     --slds-g-color-neutral-base-15:#242424;
     --sds-g-color-neutral-base-10:var(--slds-g-color-neutral-base-10);
     --slds-g-color-neutral-base-10:#181818;
+    --sds-g-color-neutral-base-0:var(--slds-g-color-neutral-base-0);
+    --slds-g-color-neutral-base-0:#000;
     --sds-g-color-brand-base-100:var(--slds-g-color-brand-base-100);
-    --slds-g-color-brand-base-100:#ffffff;
+    --slds-g-color-brand-base-100:var(--slds-g-color-neutral-base-100);
     --sds-g-color-brand-base-95:var(--slds-g-color-brand-base-95);
     --slds-g-color-brand-base-95:#eef4ff;
     --sds-g-color-brand-base-90:var(--slds-g-color-brand-base-90);
@@ -856,14 +916,44 @@
     --slds-g-color-brand-base-15:#03234d;
     --sds-g-color-brand-base-10:var(--slds-g-color-brand-base-10);
     --slds-g-color-brand-base-10:#001639;
+    --sds-g-color-info-base-100:var(--slds-g-color-info-base-100);
+    --slds-g-color-info-base-100:var(--slds-g-color-neutral-base-100);
+    --sds-g-color-info-base-95:var(--slds-g-color-info-base-95);
+    --slds-g-color-info-base-95:#eef4ff;
+    --sds-g-color-info-base-90:var(--slds-g-color-info-base-90);
+    --slds-g-color-info-base-90:#d8e6fe;
+    --sds-g-color-info-base-80:var(--slds-g-color-info-base-80);
+    --slds-g-color-info-base-80:#aacbff;
+    --sds-g-color-info-base-70:var(--slds-g-color-info-base-70);
+    --slds-g-color-info-base-70:#78b0fd;
+    --sds-g-color-info-base-65:var(--slds-g-color-info-base-65);
+    --slds-g-color-info-base-65:#57a3fd;
+    --sds-g-color-info-base-60:var(--slds-g-color-info-base-60);
+    --slds-g-color-info-base-60:#1b96ff;
+    --sds-g-color-info-base-50:var(--slds-g-color-info-base-50);
+    --slds-g-color-info-base-50:#0176d3;
+    --sds-g-color-info-base-40:var(--slds-g-color-info-base-40);
+    --slds-g-color-info-base-40:#0b5cab;
+    --sds-g-color-info-base-30:var(--slds-g-color-info-base-30);
+    --slds-g-color-info-base-30:#014486;
+    --sds-g-color-info-base-20:var(--slds-g-color-info-base-20);
+    --slds-g-color-info-base-20:#032d60;
+    --sds-g-color-info-base-15:var(--slds-g-color-info-base-15);
+    --slds-g-color-info-base-15:#03234d;
+    --sds-g-color-info-base-10:var(--slds-g-color-info-base-10);
+    --slds-g-color-info-base-10:#001639;
     --sds-g-color-error-base-100:var(--slds-g-color-error-base-100);
-    --slds-g-color-error-base-100:#ffffff;
+    --slds-g-color-error-base-100:var(--slds-g-color-neutral-base-100);
+    --sds-g-color-error-base-95:var(--slds-g-color-error-base-95);
+    --slds-g-color-error-base-95:#fef1ee;
     --sds-g-color-error-base-90:var(--slds-g-color-error-base-90);
     --slds-g-color-error-base-90:#feded8;
     --sds-g-color-error-base-80:var(--slds-g-color-error-base-80);
     --slds-g-color-error-base-80:#feb8ab;
     --sds-g-color-error-base-70:var(--slds-g-color-error-base-70);
     --slds-g-color-error-base-70:#fe8f7d;
+    --sds-g-color-error-base-65:var(--slds-g-color-error-base-65);
+    --slds-g-color-error-base-65:#fe7765;
     --sds-g-color-error-base-60:var(--slds-g-color-error-base-60);
     --slds-g-color-error-base-60:#fe5c4c;
     --sds-g-color-error-base-50:var(--slds-g-color-error-base-50);
@@ -874,16 +964,22 @@
     --slds-g-color-error-base-30:#8e030f;
     --sds-g-color-error-base-20:var(--slds-g-color-error-base-20);
     --slds-g-color-error-base-20:#640103;
+    --sds-g-color-error-base-15:var(--slds-g-color-error-base-15);
+    --slds-g-color-error-base-15:#4a0c04;
     --sds-g-color-error-base-10:var(--slds-g-color-error-base-10);
     --slds-g-color-error-base-10:#300c01;
     --sds-g-color-warning-base-100:var(--slds-g-color-warning-base-100);
-    --slds-g-color-warning-base-100:#ffffff;
+    --slds-g-color-warning-base-100:var(--slds-g-color-neutral-base-100);
+    --sds-g-color-warning-base-95:var(--slds-g-color-warning-base-95);
+    --slds-g-color-warning-base-95:#fff1ea;
     --sds-g-color-warning-base-90:var(--slds-g-color-warning-base-90);
     --slds-g-color-warning-base-90:#fedfd0;
     --sds-g-color-warning-base-80:var(--slds-g-color-warning-base-80);
     --slds-g-color-warning-base-80:#ffba90;
     --sds-g-color-warning-base-70:var(--slds-g-color-warning-base-70);
     --slds-g-color-warning-base-70:#fe9339;
+    --sds-g-color-warning-base-65:var(--slds-g-color-warning-base-65);
+    --slds-g-color-warning-base-65:#f38303;
     --sds-g-color-warning-base-60:var(--slds-g-color-warning-base-60);
     --slds-g-color-warning-base-60:#dd7a01;
     --sds-g-color-warning-base-50:var(--slds-g-color-warning-base-50);
@@ -894,16 +990,22 @@
     --slds-g-color-warning-base-30:#5f3e02;
     --sds-g-color-warning-base-20:var(--slds-g-color-warning-base-20);
     --slds-g-color-warning-base-20:#3e2b02;
+    --sds-g-color-warning-base-15:var(--slds-g-color-warning-base-15);
+    --slds-g-color-warning-base-15:#371e03;
     --sds-g-color-warning-base-10:var(--slds-g-color-warning-base-10);
     --slds-g-color-warning-base-10:#201600;
     --sds-g-color-success-base-100:var(--slds-g-color-success-base-100);
-    --slds-g-color-success-base-100:#ffffff;
+    --slds-g-color-success-base-100:var(--slds-g-color-neutral-base-100);
+    --sds-g-color-success-base-95:var(--slds-g-color-success-base-95);
+    --slds-g-color-success-base-95:#ebf7e6;
     --sds-g-color-success-base-90:var(--slds-g-color-success-base-90);
     --slds-g-color-success-base-90:#cdefc4;
     --sds-g-color-success-base-80:var(--slds-g-color-success-base-80);
     --slds-g-color-success-base-80:#91db8b;
     --sds-g-color-success-base-70:var(--slds-g-color-success-base-70);
     --slds-g-color-success-base-70:#45c65a;
+    --sds-g-color-success-base-65:var(--slds-g-color-success-base-65);
+    --slds-g-color-success-base-65:#41b658;
     --sds-g-color-success-base-60:var(--slds-g-color-success-base-60);
     --slds-g-color-success-base-60:#3ba755;
     --sds-g-color-success-base-50:var(--slds-g-color-success-base-50);
@@ -913,7 +1015,9 @@
     --sds-g-color-success-base-30:var(--slds-g-color-success-base-30);
     --slds-g-color-success-base-30:#194e31;
     --sds-g-color-success-base-20:var(--slds-g-color-success-base-20);
-    --slds-g-color-success-base-20:#1C3326;
+    --slds-g-color-success-base-20:#1c3326;
+    --sds-g-color-success-base-15:var(--slds-g-color-success-base-15);
+    --slds-g-color-success-base-15:#0c2912;
     --sds-g-color-success-base-10:var(--slds-g-color-success-base-10);
     --slds-g-color-success-base-10:#071b12;
     --sds-g-color-border-1:var(--slds-g-color-border-1);
@@ -927,19 +1031,19 @@
     --sds-g-color-border-accent-3:var(--slds-g-color-border-accent-3);
     --slds-g-color-border-accent-3:#014486;
     --sds-g-color-surface-1:var(--slds-g-color-surface-1);
-    --slds-g-color-surface-1:#ffffff;
+    --slds-g-color-surface-1:#fff;
     --sds-g-color-surface-2:var(--slds-g-color-surface-2);
     --slds-g-color-surface-2:#f3f3f3;
     --sds-g-color-surface-3:var(--slds-g-color-surface-3);
     --slds-g-color-surface-3:#e5e5e5;
     --sds-g-color-surface-container-1:var(--slds-g-color-surface-container-1);
-    --slds-g-color-surface-container-1:#ffffff;
+    --slds-g-color-surface-container-1:#fff;
     --sds-g-color-surface-container-2:var(--slds-g-color-surface-container-2);
     --slds-g-color-surface-container-2:#f3f3f3;
     --sds-g-color-surface-container-3:var(--slds-g-color-surface-container-3);
     --slds-g-color-surface-container-3:#e5e5e5;
     --sds-g-color-on-surface-1:var(--slds-g-color-on-surface-1);
-    --slds-g-color-on-surface-1:#747474;
+    --slds-g-color-on-surface-1:#757575;
     --sds-g-color-on-surface-2:var(--slds-g-color-on-surface-2);
     --slds-g-color-on-surface-2:#2e2e2e;
     --sds-g-color-on-surface-3:var(--slds-g-color-on-surface-3);
@@ -967,7 +1071,7 @@
     --sds-g-color-error-container-1:var(--slds-g-color-error-container-1);
     --slds-g-color-error-container-1:#ba0517;
     --sds-g-color-on-error-1:var(--slds-g-color-on-error-1);
-    --slds-g-color-on-error-1:#ffffff;
+    --slds-g-color-on-error-1:#fff;
     --sds-g-color-border-error-1:var(--slds-g-color-border-error-1);
     --slds-g-color-border-error-1:#ba0517;
     --sds-g-color-warning-1:var(--slds-g-color-warning-1);
@@ -983,63 +1087,101 @@
     --sds-g-color-success-container-1:var(--slds-g-color-success-container-1);
     --slds-g-color-success-container-1:#2e844a;
     --sds-g-color-on-success-1:var(--slds-g-color-on-success-1);
-    --slds-g-color-on-success-1:#ffffff;
+    --slds-g-color-on-success-1:#fff;
     --sds-g-color-border-success-1:var(--slds-g-color-border-success-1);
     --slds-g-color-border-success-1:#2e844a;
     --sds-g-color-info-1:var(--slds-g-color-info-1);
-    --slds-g-color-info-1:#444444;
+    --slds-g-color-info-1:#444;
     --sds-g-color-info-container-1:var(--slds-g-color-info-container-1);
     --slds-g-color-info-container-1:#5c5c5c;
     --sds-g-color-on-info-1:var(--slds-g-color-on-info-1);
-    --slds-g-color-on-info-1:#ffffff;
+    --slds-g-color-on-info-1:#fff;
     --sds-g-color-disabled-1:var(--slds-g-color-disabled-1);
     --slds-g-color-disabled-1:#c9c9c9;
     --sds-g-color-disabled-container-1:var(--slds-g-color-disabled-container-1);
-    --slds-g-color-disabled-container-1:#ffffff;
+    --slds-g-color-disabled-container-1:#fff;
     --sds-g-color-on-disabled-1:var(--slds-g-color-on-disabled-1);
     --slds-g-color-on-disabled-1:#c9c9c9;
     --sds-g-color-border-disabled-1:var(--slds-g-color-border-disabled-1);
     --slds-g-color-border-disabled-1:#c9c9c9;
+    --sds-g-shadow-block-start-1:var(--slds-g-shadow-block-start-1);
+    --slds-g-shadow-block-start-1:0px -2px 2px 0px #0000001A;
+    --sds-g-shadow-inline-end-1:var(--slds-g-shadow-inline-end-1);
+    --slds-g-shadow-inline-end-1:2px 0px 2px 0px #0000001A;
+    --sds-g-shadow-block-end-1:var(--slds-g-shadow-block-end-1);
+    --slds-g-shadow-block-end-1:var(--slds-g-shadow-1);
+    --sds-g-shadow-inline-start-1:var(--slds-g-shadow-inline-start-1);
+    --slds-g-shadow-inline-start-1:-2px 0px 2px 0px #0000001A;
     --sds-g-shadow-blockstart-1:var(--slds-g-shadow-blockstart-1);
-    --slds-g-shadow-blockstart-1:0px -2px 2px 0px #0000001A;
+    --slds-g-shadow-blockstart-1:var(--slds-g-shadow-block-start-1);
     --sds-g-shadow-inlineend-1:var(--slds-g-shadow-inlineend-1);
-    --slds-g-shadow-inlineend-1:2px 0px 2px 0px #0000001A;
+    --slds-g-shadow-inlineend-1:var(--slds-g-shadow-inline-end-1);
     --sds-g-shadow-blockend-1:var(--slds-g-shadow-blockend-1);
-    --slds-g-shadow-blockend-1:var(--slds-g-shadow-1);
+    --slds-g-shadow-blockend-1:var(--slds-g-shadow-block-end-1);
     --sds-g-shadow-inlinestart-1:var(--slds-g-shadow-inlinestart-1);
-    --slds-g-shadow-inlinestart-1:-2px 0px 2px 0px #0000001A;
+    --slds-g-shadow-inlinestart-1:var(--slds-g-shadow-inline-start-1);
+    --sds-g-shadow-block-start-2:var(--slds-g-shadow-block-start-2);
+    --slds-g-shadow-block-start-2:0px -2px 3px 0px #00000027;
+    --sds-g-shadow-inline-end-2:var(--slds-g-shadow-inline-end-2);
+    --slds-g-shadow-inline-end-2:2px 0px 3px 0px #00000027;
+    --sds-g-shadow-block-end-2:var(--slds-g-shadow-block-end-2);
+    --slds-g-shadow-block-end-2:var(--slds-g-shadow-2);
+    --sds-g-shadow-inline-start-2:var(--slds-g-shadow-inline-start-2);
+    --slds-g-shadow-inline-start-2:-2px 0px 3px 0px #00000027;
     --sds-g-shadow-blockstart-2:var(--slds-g-shadow-blockstart-2);
-    --slds-g-shadow-blockstart-2:0px -2px 3px 0px #00000027;
+    --slds-g-shadow-blockstart-2:var(--slds-g-shadow-block-start-2);
     --sds-g-shadow-inlineend-2:var(--slds-g-shadow-inlineend-2);
-    --slds-g-shadow-inlineend-2:2px 0px 3px 0px #00000027;
+    --slds-g-shadow-inlineend-2:var(--slds-g-shadow-inline-end-2);
     --sds-g-shadow-blockend-2:var(--slds-g-shadow-blockend-2);
-    --slds-g-shadow-blockend-2:var(--slds-g-shadow-2);
+    --slds-g-shadow-blockend-2:var(--slds-g-shadow-block-end-2);
     --sds-g-shadow-inlinestart-2:var(--slds-g-shadow-inlinestart-2);
-    --slds-g-shadow-inlinestart-2:-2px 0px 3px 0px #00000027;
+    --slds-g-shadow-inlinestart-2:var(--slds-g-shadow-inline-start-2);
+    --sds-g-shadow-block-start-3:var(--slds-g-shadow-block-start-3);
+    --slds-g-shadow-block-start-3:0px -2px 4px 0px #00000027;
+    --sds-g-shadow-inline-end-3:var(--slds-g-shadow-inline-end-3);
+    --slds-g-shadow-inline-end-3:2px 0px 4px 0px #00000027;
+    --sds-g-shadow-block-end-3:var(--slds-g-shadow-block-end-3);
+    --slds-g-shadow-block-end-3:var(--slds-g-shadow-3);
+    --sds-g-shadow-inline-start-3:var(--slds-g-shadow-inline-start-3);
+    --slds-g-shadow-inline-start-3:-2px 0px 4px 0px #00000027;
     --sds-g-shadow-blockstart-3:var(--slds-g-shadow-blockstart-3);
-    --slds-g-shadow-blockstart-3:0px -2px 4px 0px #00000027;
+    --slds-g-shadow-blockstart-3:var(--slds-g-shadow-block-start-3);
     --sds-g-shadow-inlineend-3:var(--slds-g-shadow-inlineend-3);
-    --slds-g-shadow-inlineend-3:2px 0px 4px 0px #00000027;
+    --slds-g-shadow-inlineend-3:var(--slds-g-shadow-inline-end-3);
     --sds-g-shadow-blockend-3:var(--slds-g-shadow-blockend-3);
-    --slds-g-shadow-blockend-3:var(--slds-g-shadow-3);
+    --slds-g-shadow-blockend-3:var(--slds-g-shadow-block-end-3);
     --sds-g-shadow-inlinestart-3:var(--slds-g-shadow-inlinestart-3);
-    --slds-g-shadow-inlinestart-3:-2px 0px 4px 0px #00000027;
+    --slds-g-shadow-inlinestart-3:var(--slds-g-shadow-inline-start-3);
+    --sds-g-shadow-block-start-4:var(--slds-g-shadow-block-start-4);
+    --slds-g-shadow-block-start-4:0px -2px 4px 0px #00000027;
+    --sds-g-shadow-inline-end-4:var(--slds-g-shadow-inline-end-4);
+    --slds-g-shadow-inline-end-4:2px 0px 4px 0px #00000027;
+    --sds-g-shadow-block-end-4:var(--slds-g-shadow-block-end-4);
+    --slds-g-shadow-block-end-4:var(--slds-g-shadow-4);
+    --sds-g-shadow-inline-start-4:var(--slds-g-shadow-inline-start-4);
+    --slds-g-shadow-inline-start-4:-2px 0px 4px 0px #00000027;
     --sds-g-shadow-blockstart-4:var(--slds-g-shadow-blockstart-4);
-    --slds-g-shadow-blockstart-4:0px -2px 4px 0px #00000027;
+    --slds-g-shadow-blockstart-4:var(--slds-g-shadow-block-start-4);
     --sds-g-shadow-inlineend-4:var(--slds-g-shadow-inlineend-4);
-    --slds-g-shadow-inlineend-4:2px 0px 4px 0px #00000027;
+    --slds-g-shadow-inlineend-4:var(--slds-g-shadow-inline-end-4);
     --sds-g-shadow-blockend-4:var(--slds-g-shadow-blockend-4);
-    --slds-g-shadow-blockend-4:var(--slds-g-shadow-4);
+    --slds-g-shadow-blockend-4:var(--slds-g-shadow-block-end-4);
     --sds-g-shadow-inlinestart-4:var(--slds-g-shadow-inlinestart-4);
-    --slds-g-shadow-inlinestart-4:-2px 0px 4px 0px #00000027;
+    --slds-g-shadow-inlinestart-4:var(--slds-g-shadow-inline-start-4);
     --sds-g-shadow-outline-focus-1:var(--slds-g-shadow-outline-focus-1);
     --slds-g-shadow-outline-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-40);
     --sds-g-shadow-outset-focus-1:var(--slds-g-shadow-outset-focus-1);
     --slds-g-shadow-outset-focus-1:0px 0px 0px 2px var(--slds-g-color-neutral-base-100), 0px 0px 0px 4px var(--slds-g-color-brand-base-40);
     --sds-g-shadow-inset-focus-1:var(--slds-g-shadow-inset-focus-1);
     --slds-g-shadow-inset-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-40) inset;
+    --sds-g-shadow-inset-inverse-focus-1:var(--slds-g-shadow-inset-inverse-focus-1);
+    --slds-g-shadow-inset-inverse-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-40) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset;
     --sds-g-shadow-insetinverse-focus-1:var(--slds-g-shadow-insetinverse-focus-1);
-    --slds-g-shadow-insetinverse-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-40) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset;
+    --slds-g-shadow-insetinverse-focus-1:var(--slds-g-shadow-inset-inverse-focus-1);
+    --sds-g-font-scale-base:var(--slds-g-font-scale-base);
+    --slds-g-font-scale-base:0.8125rem;
+    --sds-g-font-scale-var-base:var(--slds-g-font-scale-var-base);
+    --slds-g-font-scale-var-base:var(--slds-g-font-scale-base);
     --sds-g-font-scale-var-neg-4:var(--slds-g-font-scale-var-neg-4);
     --slds-g-font-scale-var-neg-4:var(--slds-g-font-scale-var-neg-3);
     --sds-g-font-scale-var-neg-3:var(--slds-g-font-scale-var-neg-3);
@@ -1070,12 +1212,16 @@
     --slds-g-font-scale-var-10:var(--slds-g-font-scale-var-8);
     --sds-g-color-error-container-2:var(--slds-g-color-error-container-2);
     --slds-g-color-error-container-2:#8e030f;
+    --sds-g-color-on-error-2:var(--slds-g-color-on-error-2);
+    --slds-g-color-on-error-2:#fff;
     --sds-g-color-border-error-2:var(--slds-g-color-border-error-2);
     --slds-g-color-border-error-2:#8e030f;
     --sds-g-color-success-container-2:var(--slds-g-color-success-container-2);
     --slds-g-color-success-container-2:#194e31;
     --sds-g-color-on-success-2:var(--slds-g-color-on-success-2);
     --slds-g-color-on-success-2:#181818;
+    --sds-g-color-border-success-2:var(--slds-g-color-border-success-2);
+    --slds-g-color-border-success-2:#396547;
     --sds-g-color-disabled-2:var(--slds-g-color-disabled-2);
     --slds-g-color-disabled-2:#aeaeae;
     --sds-g-color-disabled-container-2:var(--slds-g-color-disabled-container-2);
@@ -1093,7 +1239,7 @@
     --sds-g-color-surface-container-inverse-2:var(--slds-g-color-surface-container-inverse-2);
     --slds-g-color-surface-container-inverse-2:#001639;
     --sds-g-color-on-surface-inverse-1:var(--slds-g-color-on-surface-inverse-1);
-    --slds-g-color-on-surface-inverse-1:#ffffff;
+    --slds-g-color-on-surface-inverse-1:#fff;
     --sds-g-color-on-surface-inverse-2:var(--slds-g-color-on-surface-inverse-2);
     --slds-g-color-on-surface-inverse-2:#aeaeae;
     --sds-g-color-border-inverse-1:var(--slds-g-color-border-inverse-1);
@@ -25491,7 +25637,6 @@ input[readonly][role=combobox][disabled]{
 .slds-container--right{
   margin-left:auto;
 }
-
 .slds-grid_overflow,
 .slds-grid--overflow{
   -webkit-box-orient:horizontal;