fix: resolve minor color theming issues

BREAKING CHANGE: trigger major release for color theme support #63
AlaskaAirlines · Sep 27, 2024 · cd2f23d · cd2f23d
1 parent 83bc34b
commit cd2f23d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/demo/api.md b/demo/api.md
@@ -302,7 +302,7 @@ The component may be restyled using the following code sample and changing the v
 @import './../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
 
 :host {
-  --ds-auro-popover-boxshadow-color: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
+  --ds-auro-popover-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
   --ds-auro-popover-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
   --ds-auro-popover-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
 }

diff --git a/src/color.scss b/src/color.scss
@@ -14,7 +14,7 @@
 
 .popover {
   background-color: var(--ds-auro-popover-container-color);
-  box-shadow: -2px 0 5px 2px var(--ds-auro-popover-boxshadow-color), 0 2px 5px 1px var(--ds-auro-popover-boxshadow-color);
+  box-shadow: var(--ds-auro-popover-boxshadow-color);
 }
 
 .arrow {

diff --git a/src/tokens.scss b/src/tokens.scss
@@ -1,7 +1,7 @@
 @import './../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
 
 :host {
-  --ds-auro-popover-boxshadow-color: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
+  --ds-auro-popover-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
   --ds-auro-popover-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
   --ds-auro-popover-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
 }