fix(tokens): Update remaining branding items (#2942)

* fix(page-header): Add border to page header card * fix(buttons): use brand accessible token * Update snapshots * fix(tokens): Update remaining brand values from list
salesforce-ux · Dec 11, 2017 · e2b4fef · e2b4fef
1 parent ae7997c
commit e2b4fef
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 19 deletions.
diff --git a/design-tokens/salesforce-skin/box-shadow.yml b/design-tokens/salesforce-skin/box-shadow.yml
@@ -65,9 +65,9 @@ props:
     comment: Shadow on images.
   ## PAGE HEADERS
   PAGE_HEADER_SHADOW:
-    value: '0 2px 0 0 {!BLACK_TRANSPARENT_10}'
+    value: '0 2px 2px 0 {!BLACK_TRANSPARENT_10}'
     comment: Hard dropshadow on page header
   ## CARDS
   CARD_SHADOW:
-    value: '0 2px 0 0 {!BLACK_TRANSPARENT_10}'
+    value: '0 2px 2px 0 {!BLACK_TRANSPARENT_10}'
     comment: Hard dropshadow found on outer cards
diff --git a/test/__tests__/__snapshots__/layout_card.json b/test/__tests__/__snapshots__/layout_card.json
diff --git a/ui/components/buttons/base/_index.scss b/ui/components/buttons/base/_index.scss
@@ -46,7 +46,7 @@
   border-radius: $button-border-radius;
   line-height: $line-height-button;
   text-decoration: none;
-  color: $brand-text-link;
+  color: $brand-accessible;
   // stylelint-disable property-no-vendor-prefix
   -webkit-appearance: none;
   // stylelint-enable property-no-vendor-prefix
@@ -62,15 +62,15 @@
 
   &:hover,
   &:focus {
-    color: $brand-text-link-active;
+    color: $brand-accessible-active;
   }
 
   &:focus {
     @include focus-button;
   }
 
   &:active {
-    color: $brand-text-link-active;
+    color: $brand-accessible-active;
   }
 
   &[disabled] {

diff --git a/ui/components/cards/__tests__/__snapshots__/renders_an_einstein_card.json b/ui/components/cards/__tests__/__snapshots__/renders_an_einstein_card.json
diff --git a/ui/components/checkbox-button/base/_index.scss b/ui/components/checkbox-button/base/_index.scss
@@ -33,7 +33,7 @@
       height: rem(14px);
       width: rem(2px);
       margin: auto;
-      background: $brand-primary-active;
+      background: $brand-accessible;
     }
 
     &:after {

diff --git a/ui/components/checkbox-toggle/base/_index.scss b/ui/components/checkbox-toggle/base/_index.scss
@@ -145,7 +145,7 @@
         ~ .slds-checkbox--faux,
         + .slds-checkbox_faux_container .slds-checkbox_faux,
         + .slds-checkbox--faux_container .slds-checkbox--faux {
-          background-color: $color-background-toggle-active-hover;
+          background-color: $brand-accessible-active;
         }
       }
     }

diff --git a/ui/components/checkbox/base/_index.scss b/ui/components/checkbox/base/_index.scss
@@ -63,8 +63,8 @@
         top: 50%;
         left: 50%;
         transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-        border-bottom: $border-width-thick solid $brand-primary-active;
-        border-left: $border-width-thick solid $brand-primary-active;
+        border-bottom: $border-width-thick solid $brand-accessible;
+        border-left: $border-width-thick solid $brand-accessible;
       }
     }
 

diff --git a/ui/components/page-headers/base/_index.scss b/ui/components/page-headers/base/_index.scss
@@ -20,6 +20,7 @@
   background: $page-header-color-background;
   background-clip: padding-box;
   box-shadow: $page-header-shadow;
+  border: $border-width-thin solid $color-border;
 }
 
 /**

diff --git a/ui/components/radio-group/base/_index.scss b/ui/components/radio-group/base/_index.scss
@@ -61,7 +61,7 @@
         left: 50%;
         transform: translate3d(-50%, -50%, 0);
         border-radius: $border-radius-circle;
-        background: $brand-accessible-active;
+        background: $brand-accessible;
       }
     }
 

diff --git a/ui/utilities/layout/__tests__/__snapshots__/renders_bottom_magnet.json b/ui/utilities/layout/__tests__/__snapshots__/renders_bottom_magnet.json
diff --git a/ui/utilities/layout/__tests__/__snapshots__/renders_top_magnet.json b/ui/utilities/layout/__tests__/__snapshots__/renders_top_magnet.json
diff --git a/ui/utilities/layout/__tests__/__snapshots__/renders_touching_magnets.json b/ui/utilities/layout/__tests__/__snapshots__/renders_touching_magnets.json