fix(layout): correct connotation refs (#1194)

* fix(layout): correct connotation refs * correct refs * update affected snapshots * redundant connotation test. handled by ui-test
Vonage · Jan 24, 2022 · a5c9d30 · a5c9d30
1 parent 4ad0458
commit a5c9d30
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 78 deletions.
diff --git a/common/foundation/scss/mixins/layout/_mixins.scss b/common/foundation/scss/mixins/layout/_mixins.scss
@@ -23,10 +23,11 @@ $all-layouts: (
 
 %outlined {
 	#{variables.$vvd-layout-color-fill}: transparent;
-	#{variables.$vvd-layout-color-outline}: var(#{connotation.$vvd-color-connotation});
 	@if (config.$outline-duotone) {
+		#{variables.$vvd-layout-color-outline}: var(#{connotation.$vvd-color-connotation});
 		#{variables.$vvd-layout-color-text}: var(#{connotation.$vvd-color-connotation}-contrast);
 	} @else {
+		#{variables.$vvd-layout-color-outline}: var(#{connotation.$vvd-color-connotation}-diverse);
 		#{variables.$vvd-layout-color-text}: var(#{connotation.$vvd-color-connotation}-diverse);
 	}
 }
@@ -39,7 +40,7 @@ $all-layouts: (
 %text,
 %ghost {
 	#{variables.$vvd-layout-color-fill}: transparent;
-	#{variables.$vvd-layout-color-text}: var(#{connotation.$vvd-color-connotation});
+	#{variables.$vvd-layout-color-text}: var(#{connotation.$vvd-color-connotation}-diverse);
 }
 
 @function get-typed-selector($type) {

diff --git a/components/button/test/button.connotation.test.js b/components/button/test/button.connotation.test.js
diff --git a/ui-tests/snapshots/vwc-button.png b/ui-tests/snapshots/vwc-button.png
diff --git a/ui-tests/snapshots/vwc-icon-button-toggle.png b/ui-tests/snapshots/vwc-icon-button-toggle.png
diff --git a/ui-tests/snapshots/vwc-icon-button.png b/ui-tests/snapshots/vwc-icon-button.png