@deephaven/components 1.5.2 → 1.5.3-beta.1

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css

@@ -1 +1 @@
-[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}[class*=spectrum-Menu-itemGrid] svg,svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}svg[class*=spectrum-Accordion-itemIndicator]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed){--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed) svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}span[class*=spectrum-ToggleSwitch-switch]{background:var(--dh-toggle-switch-bg)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
+[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}[class*=spectrum-Menu-itemGrid] svg,svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}svg[class*=spectrum-Accordion-itemIndicator]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed){--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed) svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}span[class*=spectrum-ToggleSwitch-switch]{background:var(--dh-toggle-switch-bg)}[class*=spectrum-Popover]{--spectrum-dialog-padding: var(--spectrum-global-dimension-size-200)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAOF,kFAGE,uBAGF,8CAEE,uBAGF,6CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA,uGAKF,0CAEE","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n  /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n  Spectrum to use the same default font-family */\n  font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n  margin-bottom: 0;\n}\n\n/*\n* This workaround can be removed when this fix is pulled in\n* https://github.com/adobe/react-spectrum/issues/7571\n*/\n[class*='spectrum-Menu-itemGrid'] svg,\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\nsvg[class*='spectrum-Accordion-itemIndicator'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n  /* \n  Resize fontawesome icons used inside a spectrum icon wrapper to match\n  our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n  */\n  --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n  padding-right: var(\n    --spectrum-actionbutton-icon-padding-x,\n    var(--spectrum-global-dimension-size-85)\n  );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n  /* \n  Tables are styled with the assumption that the header is the same color as the bg\n  which means they look bad against any other background color, instead just inherit the bg.\n  There is also no variable exposed for this, so we have to target the class directly.\n */\n  --dh-table-header-cell-background-color: transparent;\n\n  background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-table-row-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n[class*='spectrum-Table--quiet'] {\n  /* Quiet shouldn't assume a bg color */\n  --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-listview-item-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n/**\n  Adjust Spectrum button text and icon alignment to account for DH using a\n  different font and smaller icons. Spectrum `ButtonGroup` will add additional\n  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n  explicitly exclude our buttons from the selector.\n  */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\n  /* make the icon closer to the text */\n  --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n  /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n  padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n  padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n  /* \n    We use smaller icons than Spectrum, so we need to adjust the padding to \n    center when we use our icons inside of Spectrum buttons.\n    */\n  padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n  /* I have no idea why these spectrum labels aren't centered,\n   but this fixes it. Maybe difference in font baselines.\n   */\n  margin-top: var(--spectrum-global-dimension-size-85);\n}\nlabel[class*='spectrum-Radio'] {\n  --spectrum-radio-emphasized-circle-border-color-error: var(\n    --dh-color-negative-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n    --dh-color-negative-hover-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-down: var(\n    --dh-color-negative-down-bg\n  );\n  --spectrum-radio-circle-border-color-error-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n  --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n}\n\nspan[class*='spectrum-ToggleSwitch-switch'] {\n  /* increase contrast of switch in off position */\n  background: var(--dh-toggle-switch-bg);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAOF,kFAGE,uBAGF,8CAEE,uBAGF,6CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA,uGAKF,0CAEE,sCAGF,0BAIE","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n  /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n  Spectrum to use the same default font-family */\n  font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n  margin-bottom: 0;\n}\n\n/*\n* This workaround can be removed when this fix is pulled in\n* https://github.com/adobe/react-spectrum/issues/7571\n*/\n[class*='spectrum-Menu-itemGrid'] svg,\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\nsvg[class*='spectrum-Accordion-itemIndicator'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n  /* \n  Resize fontawesome icons used inside a spectrum icon wrapper to match\n  our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n  */\n  --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n  padding-right: var(\n    --spectrum-actionbutton-icon-padding-x,\n    var(--spectrum-global-dimension-size-85)\n  );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n  /* \n  Tables are styled with the assumption that the header is the same color as the bg\n  which means they look bad against any other background color, instead just inherit the bg.\n  There is also no variable exposed for this, so we have to target the class directly.\n */\n  --dh-table-header-cell-background-color: transparent;\n\n  background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-table-row-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n[class*='spectrum-Table--quiet'] {\n  /* Quiet shouldn't assume a bg color */\n  --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n  /* border of selected color is hard-coded as blue rather than accent color */\n  --spectrum-listview-item-border-color-selected: var(\n    --dh-color-item-list-selected-border\n  );\n}\n\n/**\n  Adjust Spectrum button text and icon alignment to account for DH using a\n  different font and smaller icons. Spectrum `ButtonGroup` will add additional\n  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n  explicitly exclude our buttons from the selector.\n  */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\n  /* make the icon closer to the text */\n  --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n  /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n  padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n  padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n  /* \n    We use smaller icons than Spectrum, so we need to adjust the padding to \n    center when we use our icons inside of Spectrum buttons.\n    */\n  padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n  /* I have no idea why these spectrum labels aren't centered,\n   but this fixes it. Maybe difference in font baselines.\n   */\n  margin-top: var(--spectrum-global-dimension-size-85);\n}\nlabel[class*='spectrum-Radio'] {\n  --spectrum-radio-emphasized-circle-border-color-error: var(\n    --dh-color-negative-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n    --dh-color-negative-hover-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-down: var(\n    --dh-color-negative-down-bg\n  );\n  --spectrum-radio-circle-border-color-error-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n  --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n}\n\nspan[class*='spectrum-ToggleSwitch-switch'] {\n  /* increase contrast of switch in off position */\n  background: var(--dh-toggle-switch-bg);\n}\n\n[class*='spectrum-Popover'] {\n  /* Spectrum popovers have excessive space. Tighten up the dialog padding to match DH style,\n  padding was originally --spectrum-global-dimension-static-size-500) */\n\n  --spectrum-dialog-padding: var(--spectrum-global-dimension-size-200);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "1.5.2",
+  "version": "1.5.3-beta.1+53c4d260",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.38.0",
-    "@deephaven/icons": "^1.2.0",
-    "@deephaven/log": "^1.1.0",
-    "@deephaven/react-hooks": "^1.2.0",
-    "@deephaven/utils": "^1.1.0",
+    "@deephaven/icons": "^1.5.3-beta.1+53c4d260",
+    "@deephaven/log": "^1.5.3-beta.1+53c4d260",
+    "@deephaven/react-hooks": "^1.5.3-beta.1+53c4d260",
+    "@deephaven/utils": "^1.5.3-beta.1+53c4d260",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@internationalized/date": "^3.5.5",
@@ -61,8 +61,8 @@
     "react-is": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^1.1.0",
-    "@deephaven/test-utils": "^1.1.0",
+    "@deephaven/mocks": "^1.5.3-beta.1+53c4d260",
+    "@deephaven/test-utils": "^1.5.3-beta.1+53c4d260",
     "react-redux": "^7.2.4"
   },
   "files": [
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c2561caa3c9bfb6644c514e553c621c35b02322"
+  "gitHead": "53c4d26045c3237b58aaffb8cb069f332b62120c"
 }