@box/blueprint-web 6.15.4 → 6.17.0

package/lib-esm/index.css

@@ -5610,7 +5610,7 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   --z-index-card-tooltip:2147483647;
 }
 
-.toolbar_module_toolbarRoot--66b77{
+.toolbar_module_toolbarRoot--d025f{
   align-items:center;
   background:var(--surface-surface);
   border:var(--border-1) solid var(--border-card-border);
@@ -5621,19 +5621,20 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   padding:calc(var(--space-1) - var(--border-1));
 }
 
-.toolbar_module_separator--66b77{
+.toolbar_module_separator--d025f{
   background-color:var(--border-divider-border);
   border-radius:var(--radius-2);
   height:var(--size-6);
   width:1px;
 }
 
-.toolbar_module_toggleGroup--66b77,.toolbar_module_toolbarItem--66b77{
+.toolbar_module_toggleGroup--d025f,.toolbar_module_toolbarItem--d025f{
   display:flex;
   gap:var(--space-1);
 }
 
-.toolbar_module_toolbarItem--66b77{
+.toolbar_module_toolbarItem--d025f{
+  --toolbar-item-hover-opacity:0.3;
   align-items:center;
   background:var(--toolbar-button-color, var(--surface-toggle-surface));
   border:var(--border-1) solid #0000;
@@ -5648,39 +5649,48 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   -webkit-user-select:none;
           user-select:none;
 }
-.toolbar_module_toolbarItem--66b77[data-disabled]{
+.toolbar_module_toolbarItem--d025f[data-disabled]{
   background:var(--surface-toggle-surface);
-  opacity:.3;
+  opacity:var(--toolbar-item-hover-opacity);
   pointer-events:none;
 }
-.toolbar_module_toolbarItem--66b77:not([data-disabled]):focus-visible{
+.toolbar_module_toolbarItem--d025f:not([data-disabled]):focus-visible{
   box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
 }
-.toolbar_module_toolbarItem--66b77:not([data-disabled]):hover{
+.toolbar_module_toolbarItem--d025f:not([data-disabled]):hover{
   background:var(--toolbar-button-color, var(--surface-toggle-surface-hover));
   border:var(--border-1) solid var(--toolbar-button-color, var(--surface-toggle-surface-hover));
 }
 
-.toolbar_module_toolbarToggle--66b77[data-state=on]{
+.toolbar_module_toolbarToggle--d025f[data-state=on]{
   background:var(--surface-toggle-surface-pressed);
 }
-.toolbar_module_toolbarToggle--66b77[data-state=on] svg *{
+.toolbar_module_toolbarToggle--d025f[data-state=on] svg *{
   fill:var(--icon-icon-on-dark);
 }
-.toolbar_module_toolbarToggle--66b77[data-state=on]:not([data-disabled]):hover{
+.toolbar_module_toolbarToggle--d025f[data-state=on]:not([data-disabled]):hover{
   background:var(--surface-toggle-surface-on-hover);
   border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
 }
 
-.toolbar_module_invertDropdownIndicator--66b77{
+.toolbar_module_dropdownIndicator--d025f.toolbar_module_invertCaret--d025f{
   transform:rotate(.5turn);
 }
 
-.toolbar_module_triggerButtonSelectedWithColor--66b77[data-state=on]:hover{
-  opacity:.7;
+.toolbar_module_triggerButtonSelectedWithColor--d025f{
+  --trigger-button-hover-opacity:0.7;
+}
+.toolbar_module_triggerButtonSelectedWithColor--d025f[data-state=on] .toolbar_module_dropdownIndicator--d025f path{
+  fill:var(--icon-icon-on-light);
+}
+.toolbar_module_triggerButtonSelectedWithColor--d025f[data-state=on]:hover{
+  opacity:var(--trigger-button-hover-opacity);
+}
+.toolbar_module_triggerButtonSelectedWithColor--d025f[data-state=on] [data-disabled] .toolbar_module_dropdownIndicator--d025f path,.toolbar_module_triggerButtonSelectedWithColor--d025f[data-state=on]:focus-visible .toolbar_module_dropdownIndicator--d025f path,.toolbar_module_triggerButtonSelectedWithColor--d025f[data-state=on]:hover .toolbar_module_dropdownIndicator--d025f path{
+  fill:var(--icon-icon-on-light-tertiary);
 }
 
-.toolbar_module_toolbarIcon--66b77{
+.toolbar_module_toolbarIcon--d025f{
   align-items:center;
   display:flex;
   height:var(--size-5);

package/lib-esm/toolbar/toolbar-dropdown-indicator.js

@@ -13,8 +13,8 @@ const ToolbarDropdownIndicator = /*#__PURE__*/forwardRef(({
   return jsx(Caret, {
     ref: forwardedRef,
     className: clsx({
-      [styles.invertDropdownIndicator]: direction === 'up'
-    }, className),
+      [styles.invertCaret]: direction === 'up'
+    }, styles.dropdownIndicator, className),
     color: color,
     height: Size2,
     role: "presentation",

package/lib-esm/toolbar/toolbar.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"toolbarRoot":"toolbar_module_toolbarRoot--66b77","separator":"toolbar_module_separator--66b77","toggleGroup":"toolbar_module_toggleGroup--66b77","toolbarItem":"toolbar_module_toolbarItem--66b77","toolbarToggle":"toolbar_module_toolbarToggle--66b77","invertDropdownIndicator":"toolbar_module_invertDropdownIndicator--66b77","triggerButtonSelectedWithColor":"toolbar_module_triggerButtonSelectedWithColor--66b77","toolbarIcon":"toolbar_module_toolbarIcon--66b77"};
+var styles = {"toolbarRoot":"toolbar_module_toolbarRoot--d025f","separator":"toolbar_module_separator--d025f","toggleGroup":"toolbar_module_toggleGroup--d025f","toolbarItem":"toolbar_module_toolbarItem--d025f","toolbarToggle":"toolbar_module_toolbarToggle--d025f","dropdownIndicator":"toolbar_module_dropdownIndicator--d025f","invertCaret":"toolbar_module_invertCaret--d025f","triggerButtonSelectedWithColor":"toolbar_module_triggerButtonSelectedWithColor--d025f","toolbarIcon":"toolbar_module_toolbarIcon--d025f"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "6.15.4",
+    "version": "6.17.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -57,7 +57,7 @@
     "devDependencies": {
         "@box/storybook-utils": "^0.0.3"
     },
-    "gitHead": "fcbb48c1948bf3f2e039a5047953764c4705ef61",
+    "gitHead": "27a55b8816fa467409faedf10420e08d5f2004cf",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {