feat: temporary update of DNA variables ahead of release

adobe · Jan 5, 2022 · 47ce20c · 47ce20c
1 parent 741c0cf
commit 47ce20c
Show file tree

Hide file tree

Showing 12 changed files with 1,186 additions and 820 deletions.
diff --git a/components/expressvars/css/components/spectrum-dialog.css b/components/expressvars/css/components/spectrum-dialog.css
@@ -1,12 +1,12 @@
 :root {
-  --spectrum-dialog-confirm-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-confirm-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-confirm-icon-color: var(--spectrum-global-color-gray-900);
   --spectrum-dialog-confirm-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-confirm-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-confirm-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-confirm-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-confirm-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-confirm-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-confirm-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-confirm-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-confirm-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-confirm-icon-type: icon;
@@ -25,7 +25,7 @@
   --spectrum-dialog-confirm-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-confirm-width: 90%;
   --spectrum-dialog-confirm-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-confirm-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-confirm-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-confirm-background-entry-animation-delay: 0ms;
   --spectrum-dialog-confirm-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-confirm-background-entry-animation-ease: var(--spectrum-global-animation-linear);
@@ -44,14 +44,14 @@
   --spectrum-dialog-confirm-exit-animation-ease: var(--spectrum-global-animation-ease-in);
   --spectrum-dialog-confirm-exit-animation-distance: 0;
   --spectrum-dialog-confirm-exit-animation-properties: opacity, distance;
-  --spectrum-dialog-destructive-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-destructive-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-destructive-icon-color: var(--spectrum-global-color-gray-900);
   --spectrum-dialog-destructive-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-destructive-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-destructive-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-destructive-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-destructive-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-destructive-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-destructive-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-destructive-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-destructive-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-destructive-icon-type: icon;
@@ -70,7 +70,7 @@
   --spectrum-dialog-destructive-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-destructive-width: 90%;
   --spectrum-dialog-destructive-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-destructive-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-destructive-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-destructive-background-entry-animation-delay: 0ms;
   --spectrum-dialog-destructive-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-destructive-background-entry-animation-ease: var(--spectrum-global-animation-linear);
@@ -89,14 +89,14 @@
   --spectrum-dialog-destructive-exit-animation-ease: var(--spectrum-global-animation-ease-in);
   --spectrum-dialog-destructive-exit-animation-distance: 0;
   --spectrum-dialog-destructive-exit-animation-properties: opacity, distance;
-  --spectrum-dialog-error-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-error-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-error-icon-color: var(--spectrum-semantic-negative-icon-color);
   --spectrum-dialog-error-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-error-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-error-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-error-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-error-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-error-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-error-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-error-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-error-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-error-icon-type: icon;
@@ -115,7 +115,7 @@
   --spectrum-dialog-error-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-error-width: 90%;
   --spectrum-dialog-error-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-error-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-error-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-error-background-entry-animation-delay: 0ms;
   --spectrum-dialog-error-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-error-background-entry-animation-ease: var(--spectrum-global-animation-linear);
@@ -134,14 +134,14 @@
   --spectrum-dialog-error-exit-animation-ease: var(--spectrum-global-animation-ease-in);
   --spectrum-dialog-error-exit-animation-distance: 0;
   --spectrum-dialog-error-exit-animation-properties: opacity, distance;
-  --spectrum-dialog-info-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-info-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-info-icon-color: var(--spectrum-global-color-gray-900);
   --spectrum-dialog-info-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-info-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-info-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-info-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-info-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-info-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-info-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-info-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-info-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-info-icon-type: icon;
@@ -160,7 +160,7 @@
   --spectrum-dialog-info-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-info-width: 90%;
   --spectrum-dialog-info-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-info-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-info-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-info-background-entry-animation-delay: 0ms;
   --spectrum-dialog-info-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-info-background-entry-animation-ease: var(--spectrum-global-animation-linear);
@@ -179,14 +179,14 @@
   --spectrum-dialog-info-exit-animation-ease: var(--spectrum-global-animation-ease-in);
   --spectrum-dialog-info-exit-animation-distance: 0;
   --spectrum-dialog-info-exit-animation-properties: opacity, distance;
-  --spectrum-dialog-fullscreen-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-fullscreen-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-fullscreen-icon-color: var(--spectrum-global-color-gray-900);
   --spectrum-dialog-fullscreen-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-fullscreen-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-fullscreen-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-fullscreen-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-fullscreen-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-fullscreen-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-fullscreen-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-fullscreen-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-fullscreen-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-fullscreen-icon-type: icon;
@@ -205,7 +205,7 @@
   --spectrum-dialog-fullscreen-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-fullscreen-width: 90%;
   --spectrum-dialog-fullscreen-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-fullscreen-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-fullscreen-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-fullscreen-background-entry-animation-delay: 0ms;
   --spectrum-dialog-fullscreen-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-fullscreen-background-entry-animation-ease: var(--spectrum-global-animation-linear);
@@ -224,14 +224,14 @@
   --spectrum-dialog-fullscreen-exit-animation-ease: var(--spectrum-global-animation-ease-in);
   --spectrum-dialog-fullscreen-exit-animation-distance: 0;
   --spectrum-dialog-fullscreen-exit-animation-properties: opacity, distance;
-  --spectrum-dialog-fullscreentakeover-title-text-color: var(--spectrum-global-color-gray-900);
+  --spectrum-dialog-fullscreentakeover-title-text-color: var(--spectrum-alias-heading-text-color);
   --spectrum-dialog-fullscreentakeover-icon-color: var(--spectrum-global-color-gray-900);
   --spectrum-dialog-fullscreentakeover-divider-background-color: var(--spectrum-global-color-gray-300);
   --spectrum-dialog-fullscreentakeover-description-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-dialog-fullscreentakeover-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay);
   --spectrum-dialog-fullscreentakeover-background-color: var(--spectrum-alias-background-color-default);
   --spectrum-dialog-fullscreentakeover-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
-  --spectrum-dialog-fullscreentakeover-title-text-font-weight: var(--spectrum-global-font-weight-bold);
+  --spectrum-dialog-fullscreentakeover-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular);
   --spectrum-dialog-fullscreentakeover-icon-margin-left: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-fullscreentakeover-icon-gap: var(--spectrum-global-dimension-static-size-300);
   --spectrum-dialog-fullscreentakeover-icon-type: icon;
@@ -250,7 +250,7 @@
   --spectrum-dialog-fullscreentakeover-button-gap: var(--spectrum-global-dimension-static-size-200);
   --spectrum-dialog-fullscreentakeover-width: 90%;
   --spectrum-dialog-fullscreentakeover-min-width: var(--spectrum-global-dimension-static-size-3600);
-  --spectrum-dialog-fullscreentakeover-border-radius: var(--spectrum-global-dimension-size-50);
+  --spectrum-dialog-fullscreentakeover-border-radius: var(--spectrum-alias-component-border-radius);
   --spectrum-dialog-fullscreentakeover-background-entry-animation-delay: 0ms;
   --spectrum-dialog-fullscreentakeover-background-entry-animation-duration: var(--spectrum-global-animation-duration-600);
   --spectrum-dialog-fullscreentakeover-background-entry-animation-ease: var(--spectrum-global-animation-linear);