feat(shiny-preset): Box shadow, value box tweaks (#796)

Co-authored-by: gadenbuie <[email protected]>

Author: gadenbuie

inst/builtin/bs5/shiny/_variables.scss

@@ -97,5 +97,13 @@ $table-striped-bg: rgba($primary, 0.06) !default;
 $table-hover-bg: rgba($primary, 0.1) !default;
 $table-striped-order: even !default;
 
+// Box Shadows
+$box-shadow:
+  0px 1px 2px rgba(29, 31, 33,.1),
+  0px 3px 7px rgba(29, 31, 33,.1),
+  0px 12px 30px rgba(29, 31, 33,.08) !default;
+
+$card-border-radius: 8px !default;
+
 // bslib variables
 $bslib-value-box-enable-shadow: true !default;

inst/components/dist/value_box/value_box.css

@@ -25,7 +25,10 @@ $bslib-value-box-horizontal-break-point: 300px;
 // }
 
 .bslib-value-box {
-  box-shadow: var(--bslib-value-box-shadow);
+  &.card {
+    // .card also sets box-shadow by default, likely to an empty css variable
+    box-shadow: var(--bslib-value-box-shadow);
+  }
 
   border-width: var(--bslib-value-box-border-width-auto-no, var(--bslib-value-box-border-width-baseline));
   &.border-auto {