@deephaven/components 0.57.1-beta.0 → 0.57.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.57.1-beta.0+c8a74a2f",
+  "version": "0.57.2-beta.0+9d519e10",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.57.1-beta.0+c8a74a2f",
-    "@deephaven/log": "^0.57.1-beta.0+c8a74a2f",
-    "@deephaven/react-hooks": "^0.57.1-beta.0+c8a74a2f",
-    "@deephaven/utils": "^0.57.1-beta.0+c8a74a2f",
+    "@deephaven/icons": "^0.57.2-beta.0+9d519e10",
+    "@deephaven/log": "^0.57.2-beta.0+9d519e10",
+    "@deephaven/react-hooks": "^0.57.2-beta.0+9d519e10",
+    "@deephaven/utils": "^0.57.2-beta.0+9d519e10",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -52,7 +52,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.57.1-beta.0+c8a74a2f"
+    "@deephaven/mocks": "^0.57.2-beta.0+9d519e10"
   },
   "files": [
     "dist",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c8a74a2f6e87110710e395115f0f68802b9f7c67"
+  "gitHead": "9d519e101d201498e87b81eea5d9b98b2acb582f"
 }

package/scss/BaseStyleSheet.scss

@@ -124,6 +124,8 @@ button:focus {
 //Make btns a minumum size
 .btn {
   min-width: 7rem;
+  // Matching Spectrum styles
+  -webkit-font-smoothing: antialiased;
 }
 
 span.btn-disabled-wrapper {
@@ -308,6 +310,7 @@ span.btn-disabled-wrapper {
   background: var(--dh-color-action-bg);
   border: 1px solid var(--dh-color-action-border);
   color: var(--dh-color-action-fg);
+  font-weight: $font-weight-normal;
 
   &.active {
     border-color: var(--dh-color-action-active-border);

package/scss/bootstrap_override_mixins_buttons.scss

@@ -17,7 +17,6 @@
   $color: var(--dh-color-#{$semantic-value}-contrast);
 
   color: $color;
-  font-weight: var(--spectrum-global-font-weight-bold);
   @include gradient-bg($background);
 
   border-color: $border;

package/scss/bootstrap_override_mixins_forms.scss

@@ -1,5 +1,6 @@
 /* stylelint-disable scss/comment-no-empty */
 // Bootstrap mixin overrides for `bootstrap/scss/mixins/_forms.scss`
+@use 'sass:map';
 
 // Form control focus state
 //
@@ -38,9 +39,11 @@
 // It's primary purpose is to convert the input color value into a dh css
 // variable expression. There are a few additional tweaks annotated with
 // `DH Customization:`
-@mixin form-validation-state($state, $semantic-value, $icon) {
+@mixin form-validation-state($state, $bootstrap-value, $icon) {
+  $semantic-value: map.get($bootstrap-dh-semantic-map, $bootstrap-value) or '';
+
   // DH Customization: Convert semantic value to css variable
-  $color: var(--dh-color-visual-#{$semantic-value});
+  $color: var(--dh-color-#{$semantic-value}-bg);
 
   .#{$state}-feedback {
     display: none;

package/scss/bootstrap_override_mixins_text_emphasis.scss

@@ -1,20 +1,20 @@
 // Bootstrap mixin overrides for `bootstrap/scss/mixins/_text-emphasis.scss`
+@use 'sass:map';
+
+@mixin text-emphasis-variant(
+  $parent,
+  $bootstrap-value,
+  $ignore-warning: false
+) {
+  $semantic-value: map.get($bootstrap-dh-semantic-map, $bootstrap-value) or '';
 
-@mixin text-emphasis-variant($parent, $semantic-value, $ignore-warning: false) {
   #{$parent} {
-    // if $semantic-value = primary then use accent-700
-    @if $semantic-value == 'accent' {
-      color: var(--spectrum-#{$semantic-value}-color-700) !important;
-    } @else {
-      color: var(--spectrum-#{$semantic-value}-visual-color) !important;
-    }
+    color: var(--dh-color-#{$semantic-value}-bg) !important;
   }
   @if $emphasized-link-hover-darken-percentage != 0 {
     a#{$parent} {
       @include hover-focus {
-        color: var(
-          --spectrum-#{$semantic-value}-background-color-default
-        ) !important;
+        color: var(--dh-color-#{$semantic-value}-hover-bg) !important;
       }
     }
   }

package/scss/bootstrap_overrides.scss

@@ -165,6 +165,7 @@ $btn-transition:
   border-color 0.12s ease-in-out,
   box-shadow 0.12s ease-in-out; //default 0.15 is too long
 $btn-border-width: 2px;
+$btn-font-weight: var(--spectrum-global-font-weight-bold);
 
 //Override Inputs
 $input-bg: var(--dh-color-input-bg);