@box/blueprint-web 17.22.4 → 18.1.0

package/dist/lib-esm/components.css

@@ -12776,11 +12776,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_inlineError--96cfe{
   margin-block-start:var(--time-picker-inline-error-margin-top);
 }
-.bp_toolbar_module_dropdownIndicator--eb4ca.bp_toolbar_module_invertCaret--eb4ca{
+.bp_toolbar_module_dropdownIndicator--36b15.bp_toolbar_module_invertCaret--36b15{
   transform:rotate(.5turn);
 }
 
-.bp_toolbar_module_toolbarRoot--eb4ca{
+.bp_toolbar_module_toolbarRoot--36b15{
   --box-shadow:0 4px 12px 0 #0000001a;
   --toolbar-root-gap:var(--bp-space-010);
   --toolbar-root-padding:var(--bp-space-010);
@@ -12810,11 +12810,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   gap:var(--toolbar-root-gap);
   padding:var(--toolbar-root-padding);
 }
-.bp_toolbar_module_toolbarRoot--eb4ca.bp_toolbar_module_ScrollableToolbarWithReducedPadding--eb4ca{
+.bp_toolbar_module_toolbarRoot--36b15.bp_toolbar_module_ScrollableToolbarWithReducedPadding--36b15{
   --toolbar-root-padding:0;
 }
 
-.bp_toolbar_module_toolbarItem--eb4ca{
+.bp_toolbar_module_toolbarItem--36b15{
   --toolbar-item-min-width:var(--bp-size-080);
   --toolbar-item-min-height:var(--bp-size-080);
   --toolbar-item-text-indent:var(--bp-space-010);
@@ -12838,7 +12838,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --toolbar-icon-width:var(--bp-size-050);
   --toolbar-icon-height:var(--bp-size-050);
   --toolbar-item-text-color:var(--bp-text-text-on-light);
+  --toolbar-item-text-color-hover:var(--toolbar-item-text-color);
+  --toolbar-item-text-color-active:var(--toolbar-item-text-color);
+  --toolbar-dropdown-indicator-color:var(--bp-gray-50);
   --toolbar-text-toggle-color:var(--bp-text-text-on-light);
+  --toolbar-text-toggle-hover-color:var(--toolbar-text-toggle-color);
+  --toolbar-text-toggle-active-color:var(--toolbar-text-toggle-color);
   --toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
   --toolbar-text-toggle-padding-inline:var(--bp-space-020);
   --toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
@@ -12871,10 +12876,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_toolbar_module_toolbarItem--eb4ca[data-state=on]:hover .bp_toolbar_module_dropdownIndicator--eb4ca{
+.bp_toolbar_module_toolbarItem--36b15[data-state=on]:hover .bp_toolbar_module_dropdownIndicator--36b15{
   transform:rotate(1turn);
 }
-.bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarButton--eb4ca,.bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarTextToggleItem--eb4ca{
+.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarButton--36b15,.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarTextToggleItem--36b15{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-06);
   font-style:normal;
@@ -12882,7 +12887,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-05);
 }
-:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarButton--eb4ca,:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarTextToggleItem--eb4ca{
+:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarButton--36b15,:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarTextToggleItem--36b15{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:1rem;
   font-style:normal;
@@ -12893,7 +12898,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarLink--eb4ca{
+.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarLink--36b15{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -12901,7 +12906,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--eb4ca.bp_toolbar_module_toolbarLink--eb4ca{
+:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarLink--36b15{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -12912,40 +12917,42 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_toolbar_module_toolbarItem--eb4ca[data-disabled]{
+.bp_toolbar_module_toolbarItem--36b15[data-disabled]{
   background:var(--toolbar-item-background);
   opacity:var(--toolbar-item-disabled-opacity);
   pointer-events:none;
 }
-.bp_toolbar_module_toolbarItem--eb4ca:not([data-disabled]):focus-visible{
+.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):focus-visible{
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
 }
-.bp_toolbar_module_toolbarItem--eb4ca:not([data-disabled]):hover{
+.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):hover{
   background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
   border:var(--toolbar-item-off-hover-border);
+  color:var(--toolbar-item-text-color-hover);
 }
-.bp_toolbar_module_toolbarItem--eb4ca:not([data-disabled]):active,.bp_toolbar_module_toolbarItem--eb4ca:not([data-disabled])[data-active]{
+.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):active,.bp_toolbar_module_toolbarItem--36b15:not([data-disabled])[data-active]{
   background:var(--toolbar-button-color, var(--toolbar-item-off-pressed-background));
   border:var(--toolbar-item-off-pressed-border);
+  color:var(--toolbar-item-text-color-active);
 }
 
-.bp_toolbar_module_scrollButtonWrapper--eb4ca{
+.bp_toolbar_module_scrollButtonWrapper--36b15{
   align-items:center;
   display:flex;
   gap:var(--toolbar-scroll-button-gap);
 }
-.bp_toolbar_module_scrollButtonWrapper--eb4ca.bp_toolbar_module_hidden--eb4ca{
+.bp_toolbar_module_scrollButtonWrapper--36b15.bp_toolbar_module_hidden--36b15{
   display:none;
 }
 
-.bp_toolbar_module_scrollableChildrenWrapper--eb4ca{
+.bp_toolbar_module_scrollableChildrenWrapper--36b15{
   -ms-overflow-style:none;
   scrollbar-width:none;
 }
-.bp_toolbar_module_scrollableChildrenWrapper--eb4ca::-webkit-scrollbar{
+.bp_toolbar_module_scrollableChildrenWrapper--36b15::-webkit-scrollbar{
   display:none;
 }
-.bp_toolbar_module_scrollableChildrenWrapper--eb4ca{
+.bp_toolbar_module_scrollableChildrenWrapper--36b15{
   align-items:center;
   display:flex;
   flex-grow:1;
@@ -12956,53 +12963,53 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
   white-space:nowrap;
 }
-.bp_toolbar_module_scrollableChildrenWrapper--eb4ca > *{
+.bp_toolbar_module_scrollableChildrenWrapper--36b15 > *{
   flex:none;
 }
 
-.bp_toolbar_module_separator--eb4ca{
+.bp_toolbar_module_separator--36b15{
   background-color:var(--toolbar-separator-background);
   border-radius:var(--toolbar-separator-border-radius);
   height:var(--toolbar-separator-height);
   width:1px;
 }
 
-.bp_toolbar_module_toggleGroup--eb4ca{
+.bp_toolbar_module_toggleGroup--36b15{
   --toolbar-toggle-group-gap:var(--bp-space-010);
   display:flex;
   gap:var(--toolbar-toggle-group-gap);
 }
 
-.bp_toolbar_module_toolbarToggle--eb4ca[data-state=on]{
+.bp_toolbar_module_toolbarToggle--36b15[data-state=on]{
   background:var(--toolbar-toggle-on-pressed-background);
   border:var(--toolbar-toggle-on-pressed-border);
 }
-.bp_toolbar_module_toolbarToggle--eb4ca[data-state=on] svg *{
+.bp_toolbar_module_toolbarToggle--36b15[data-state=on] svg *{
   fill:var(--toolbar-toggle-icon-fill);
 }
-.bp_toolbar_module_toolbarToggle--eb4ca[data-state=on]:not([data-disabled]):hover{
+.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled]):hover{
   background:var(--toolbar-toggle-on-hover-background);
   border:var(--toolbar-toggle-on-hover-border);
 }
-.bp_toolbar_module_toolbarToggle--eb4ca[data-state=on]:not([data-disabled]):active,.bp_toolbar_module_toolbarToggle--eb4ca[data-state=on]:not([data-disabled])[data-active]{
+.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled]):active,.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled])[data-active]{
   background:var(--toolbar-toggle-on-active-background);
   border:var(--toolbar-toggle-on-active-border);
 }
 
-.bp_toolbar_module_triggerButtonSelectedWithColor--eb4ca:active,.bp_toolbar_module_triggerButtonSelectedWithColor--eb4ca[data-active]{
+.bp_toolbar_module_triggerButtonSelectedWithColor--36b15:active,.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-active]{
   background-color:var(--toolbar-button-color);
   opacity:var(--trigger-button-active-opacity, 1);
 }
-.bp_toolbar_module_triggerButtonSelectedWithColor--eb4ca[data-state=on] .bp_toolbar_module_dropdownIndicator--eb4ca path{
+.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on] .bp_toolbar_module_dropdownIndicator--36b15 path{
   fill:var(--icon-icon-on-light);
 }
-.bp_toolbar_module_triggerButtonSelectedWithColor--eb4ca[data-state=on]:hover{
+.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on]:hover{
   background-color:var(--toolbar-button-color);
   border-color:var(--toolbar-button-color);
   opacity:var(--trigger-button-hover-opacity);
 }
 
-.bp_toolbar_module_toolbarIcon--eb4ca{
+.bp_toolbar_module_toolbarIcon--36b15{
   align-items:center;
   display:flex;
   height:var(--toolbar-icon-height);
@@ -13010,27 +13017,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:var(--toolbar-icon-width);
 }
 
-.bp_toolbar_module_toolbarLink--eb4ca{
+.bp_toolbar_module_toolbarLink--36b15{
   color:var(--toolbar-link-color);
   max-width:var(--toolbar-link-max-width);
   padding-inline:var(--toolbar-link-padding-inline);
   text-decoration:none;
   text-indent:unset;
 }
-.bp_toolbar_module_toolbarLink--eb4ca.bp_toolbar_module_toolbarItem--eb4ca:hover{
+.bp_toolbar_module_toolbarLink--36b15.bp_toolbar_module_toolbarItem--36b15:hover{
   background:var(--toolbar-button-color, var(--toolbar-item-background));
   border:var(--toolbar-item-border);
   color:var(--toolbar-link-hover-color);
   text-decoration:underline;
 }
-.bp_toolbar_module_toolbarLink--eb4ca.bp_toolbar_module_toolbarItem--eb4ca:active{
+.bp_toolbar_module_toolbarLink--36b15.bp_toolbar_module_toolbarItem--36b15:active{
   background:var(--toolbar-button-color, var(--toolbar-item-background));
   border:var(--toolbar-item-border);
   color:var(--toolbar-link-pressed-color);
   text-decoration:underline;
 }
 
-.bp_toolbar_module_toolbarLinkText--eb4ca{
+.bp_toolbar_module_toolbarLinkText--36b15{
   display:block;
   min-width:0;
   overflow:hidden;
@@ -13038,7 +13045,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   white-space:nowrap;
 }
 
-.bp_toolbar_module_toolbarInputContainer--eb4ca{
+.bp_toolbar_module_toolbarInputContainer--36b15{
   --toolbar-input-height:var(--bp-size-080);
   --toolbar-input-padding-block:var(--bp-space-020);
   --toolbar-input-padding-inline:var(--bp-space-030);
@@ -13068,7 +13075,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   position:relative;
 }
 
-.bp_toolbar_module_toolbarInput--eb4ca{
+.bp_toolbar_module_toolbarInput--36b15{
   background:var(--toolbar-input-background);
   border:var(--toolbar-input-border-width) solid var(--toolbar-input-border-color);
   border-radius:var(--toolbar-input-border-radius);
@@ -13089,7 +13096,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   padding-inline:var(--toolbar-input-padding-inline);
   width:100%;
 }
-:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--eb4ca{
+:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--36b15{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:1rem;
   font-style:normal;
@@ -13100,7 +13107,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_toolbar_module_toolbarInput--eb4ca::placeholder{
+.bp_toolbar_module_toolbarInput--36b15::placeholder{
   color:var(--toolbar-input-placeholder-color);
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
@@ -13110,7 +13117,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   line-height:var(--bp-font-line-height-04);
   opacity:1;
 }
-:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--eb4ca::placeholder{
+:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--36b15::placeholder{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -13121,12 +13128,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_toolbar_module_toolbarInput--eb4ca:focus-visible{
+.bp_toolbar_module_toolbarInput--36b15:focus-visible{
   --toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
   border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
   padding-inline-start:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset));
 }
-.bp_toolbar_module_toolbarInput--eb4ca:disabled{
+.bp_toolbar_module_toolbarInput--36b15:disabled{
   background:var(--toolbar-input-disabled-background);
   border-color:var(--toolbar-input-disabled-border-color);
   box-shadow:var(--toolbar-input-box-shadow);
@@ -13134,25 +13141,25 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   cursor:default;
   opacity:.5;
 }
-.bp_toolbar_module_toolbarInput--eb4ca:has(+ .bp_toolbar_module_toolbarInputErrorIcon--eb4ca){
+.bp_toolbar_module_toolbarInput--36b15:has(+ .bp_toolbar_module_toolbarInputErrorIcon--36b15){
   padding-inline-end:var(--toolbar-input-icon-end-pad);
 }
-.bp_toolbar_module_toolbarInput--eb4ca:hover:not(:disabled, :focus-visible, .bp_toolbar_module_toolbarInputError--eb4ca){
+.bp_toolbar_module_toolbarInput--36b15:hover:not(:disabled, :focus-visible, .bp_toolbar_module_toolbarInputError--36b15){
   border-color:var(--toolbar-input-hover-border-color);
 }
 
-.bp_toolbar_module_toolbarInput--eb4ca.bp_toolbar_module_toolbarInputError--eb4ca{
+.bp_toolbar_module_toolbarInput--36b15.bp_toolbar_module_toolbarInputError--36b15{
   --toolbar-input-error-border-offset:calc(var(--toolbar-input-error-border-width) - var(--toolbar-input-border-width));
   border:var(--toolbar-input-error-border-width) solid var(--toolbar-input-error-border-color);
   padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-error-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-error-border-offset));
 }
-.bp_toolbar_module_toolbarInput--eb4ca.bp_toolbar_module_toolbarInputError--eb4ca:focus-visible{
+.bp_toolbar_module_toolbarInput--36b15.bp_toolbar_module_toolbarInputError--36b15:focus-visible{
   --toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
   border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
   padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-border-offset));
 }
 
-.bp_toolbar_module_toolbarInputErrorIcon--eb4ca{
+.bp_toolbar_module_toolbarInputErrorIcon--36b15{
   color:var(--toolbar-input-error-border-color);
   height:var(--toolbar-input-icon-size);
   inset-inline-end:var(--toolbar-input-icon-padding);
@@ -13163,37 +13170,98 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:var(--toolbar-input-icon-size);
 }
 
-.bp_toolbar_module_toolbarInputErrorIconHidden--eb4ca{
+.bp_toolbar_module_toolbarInputErrorIconHidden--36b15{
   visibility:hidden;
 }
 
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca{
+.bp_toolbar_module_toolbarTextToggleItem--36b15{
   border:var(--toolbar-text-toggle-off-border);
   color:var(--toolbar-text-toggle-color);
   padding-inline:var(--toolbar-text-toggle-padding-inline);
   text-indent:unset;
   white-space:nowrap;
 }
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca:hover{
+.bp_toolbar_module_toolbarTextToggleItem--36b15:not([data-disabled]):hover{
   background:var(--toolbar-text-toggle-hover-background);
   border-color:var(--toolbar-text-toggle-hover-border-color);
+  color:var(--toolbar-text-toggle-hover-color);
 }
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca:active{
+.bp_toolbar_module_toolbarTextToggleItem--36b15:not([data-disabled]):active{
   background:var(--toolbar-text-toggle-active-background);
   border-color:var(--toolbar-text-toggle-active-border-color);
+  color:var(--toolbar-text-toggle-active-color);
 }
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca[aria-checked=true]{
+.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]{
   background:var(--toolbar-text-toggle-checked-background);
   border:var(--toolbar-text-toggle-checked-border);
   color:var(--toolbar-text-toggle-checked-color);
 }
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca[aria-checked=true]:hover{
+.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]:not([data-disabled]):hover{
   background:var(--toolbar-text-toggle-checked-hover-background);
   border-color:var(--toolbar-text-toggle-checked-hover-border-color);
+  color:var(--toolbar-text-toggle-checked-color);
 }
-.bp_toolbar_module_toolbarTextToggleItem--eb4ca[aria-checked=true]:active{
+.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]:not([data-disabled]):active{
   background:var(--toolbar-text-toggle-checked-active-background);
   border-color:var(--toolbar-text-toggle-checked-active-border-color);
+  color:var(--toolbar-text-toggle-checked-color);
+}
+
+.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark]{
+  --box-shadow:0 4px 12px 0 #0006;
+  --toolbar-root-background:var(--bp-gray-100);
+  --toolbar-root-border:var(--bp-border-01) solid var(--bp-white-opacity-12);
+  --toolbar-separator-background:var(--bp-white-opacity-12);
+  --toolbar-link-color:var(--bp-text-text-on-dark);
+  --toolbar-link-hover-color:var(--bp-white-opacity-80);
+  --toolbar-link-pressed-color:var(--bp-white-opacity-70);
+}
+.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_toolbarItem--36b15{
+  --background-background:var(--bp-gray-100);
+  --toolbar-item-background:var(--bp-surface-cta-surface-icon-on-dark);
+  --toolbar-item-off-hover-background:var(--bp-surface-cta-surface-icon-on-dark-hover);
+  --toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-cta-surface-icon-on-dark-hover);
+  --toolbar-item-off-pressed-background:var(--bp-surface-cta-surface-icon-on-dark-pressed);
+  --toolbar-item-off-pressed-border:var(--bp-border-01) solid var(--bp-surface-cta-surface-icon-on-dark-pressed);
+  --toolbar-item-text-color:var(--bp-icon-cta-icon-on-dark);
+  --toolbar-item-text-color-hover:var(--bp-icon-cta-icon-on-dark-hover);
+  --toolbar-item-text-color-active:var(--bp-icon-cta-icon-on-dark-pressed);
+  --toolbar-dropdown-indicator-color:var(--bp-icon-cta-icon-on-dark);
+  --toolbar-toggle-on-pressed-background:var(--bp-light-blue-opacity-12);
+  --toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-20);
+  --toolbar-toggle-on-hover-background:var(--bp-light-blue-opacity-16);
+  --toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-24);
+  --toolbar-toggle-on-active-background:var(--bp-light-blue-opacity-20);
+  --toolbar-toggle-on-active-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-30);
+  --toolbar-toggle-icon-fill:var(--bp-light-blue-100);
+  --toolbar-text-toggle-color:var(--bp-icon-cta-icon-on-dark);
+  --toolbar-text-toggle-hover-color:var(--bp-icon-cta-icon-on-dark-hover);
+  --toolbar-text-toggle-active-color:var(--bp-icon-cta-icon-on-dark-pressed);
+  --toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-white-opacity-12);
+  --toolbar-text-toggle-hover-background:var(--bp-surface-cta-surface-icon-on-dark-hover);
+  --toolbar-text-toggle-hover-border-color:var(--bp-white-opacity-12);
+  --toolbar-text-toggle-active-background:var(--bp-surface-cta-surface-icon-on-dark-pressed);
+  --toolbar-text-toggle-active-border-color:var(--bp-white-opacity-12);
+  --toolbar-text-toggle-checked-color:var(--bp-light-blue-100);
+  --toolbar-text-toggle-checked-background:var(--bp-light-blue-opacity-12);
+  --toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-20);
+  --toolbar-text-toggle-checked-hover-background:var(--bp-light-blue-opacity-16);
+  --toolbar-text-toggle-checked-hover-border-color:var(--bp-light-blue-opacity-24);
+  --toolbar-text-toggle-checked-active-background:var(--bp-light-blue-opacity-20);
+  --toolbar-text-toggle-checked-active-border-color:var(--bp-light-blue-opacity-30);
+}
+.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_toolbarInputContainer--36b15{
+  --toolbar-input-background:var(--bp-white-opacity-08);
+  --toolbar-input-border-color:var(--bp-white-opacity-12);
+  --toolbar-input-color:var(--bp-text-text-on-dark);
+  --toolbar-input-placeholder-color:var(--bp-white-opacity-70);
+  --toolbar-input-disabled-color:var(--bp-white-opacity-50);
+  --toolbar-input-disabled-background:var(--bp-white-opacity-04);
+  --toolbar-input-disabled-border-color:var(--bp-white-opacity-08);
+  --toolbar-input-hover-border-color:var(--bp-white-opacity-20);
+}
+.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on] .bp_toolbar_module_dropdownIndicator--36b15 path{
+  fill:var(--bp-light-blue-100);
 }
 :root{
   --disabled-opacity:var(--bp-disabled-opacity, 0.6);