@box/blueprint-web 12.92.1 → 12.92.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8904,17 +8904,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8904
8904
  .bp_select_menu_grid_option_module_optionButton--ad0d5:disabled:not(.bp_select_menu_grid_option_module_loading--ad0d5){
8905
8905
  opacity:.3;
8906
8906
  }
8907
- .bp_tabs_module_hiddenWidthSetter--abb27{
8907
+ .bp_tabs_module_hiddenWidthSetter--e84a8{
8908
8908
  display:block;
8909
8909
  height:0;
8910
8910
  overflow:hidden;
8911
8911
  visibility:hidden;
8912
8912
  }
8913
- .bp_tabs_module_hiddenWidthSetter--abb27 > *{
8913
+ .bp_tabs_module_hiddenWidthSetter--e84a8 > *{
8914
8914
  visibility:hidden;
8915
8915
  }
8916
8916
 
8917
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=false]{
8917
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false]{
8918
8918
  --content-switch-tab-list-gap:var(--space-1);
8919
8919
  --content-switch-tab-list-padding:var(--space-1);
8920
8920
  --content-switch-tab-list-background:var(--surface-contentswitcher-surface);
@@ -8930,7 +8930,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8930
8930
  --content-switch-tab-hover-background:var(--surface-surface-hover);
8931
8931
  --content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
8932
8932
  }
8933
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=false] .bp_tabs_module_contentSwitchTab--abb27{
8933
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8{
8934
8934
  font-family:var(--body-default-font-family);
8935
8935
  font-size:var(--body-default-font-size);
8936
8936
  font-weight:var(--body-default-font-weight);
@@ -8940,7 +8940,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8940
8940
  text-decoration:var(--body-default-text-decoration);
8941
8941
  text-transform:var(--body-default-text-case);
8942
8942
  }
8943
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=false] .bp_tabs_module_contentSwitchTab--abb27 .bp_tabs_module_hiddenWidthSetter--abb27,.bp_tabs_module_contentSwitchTabList--abb27[data-modern=false] .bp_tabs_module_contentSwitchTab--abb27[aria-selected=true]{
8943
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
8944
8944
  font-family:var(--body-default-bold-font-family);
8945
8945
  font-size:var(--body-default-bold-font-size);
8946
8946
  font-weight:var(--body-default-bold-font-weight);
@@ -8951,7 +8951,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8951
8951
  text-transform:var(--body-default-bold-text-case);
8952
8952
  }
8953
8953
 
8954
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=true]{
8954
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true]{
8955
8955
  --content-switch-tab-list-gap:var(--bp-space-010);
8956
8956
  --content-switch-tab-list-padding:var(--bp-space-010);
8957
8957
  --content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
@@ -8966,7 +8966,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8966
8966
  --content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
8967
8967
  --content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
8968
8968
  }
8969
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=true] .bp_tabs_module_contentSwitchTab--abb27{
8969
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8{
8970
8970
  font-family:var(--bp-font-font-family);
8971
8971
  font-size:var(--bp-font-size-05);
8972
8972
  font-style:normal;
@@ -8974,7 +8974,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8974
8974
  letter-spacing:var(--bp-font-letter-spacing-01);
8975
8975
  line-height:var(--bp-font-line-height-04);
8976
8976
  }
8977
- .bp_tabs_module_contentSwitchTabList--abb27[data-modern=true] .bp_tabs_module_contentSwitchTab--abb27 .bp_tabs_module_hiddenWidthSetter--abb27,.bp_tabs_module_contentSwitchTabList--abb27[data-modern=true] .bp_tabs_module_contentSwitchTab--abb27[aria-selected=true]{
8977
+ .bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
8978
8978
  font-family:var(--bp-font-font-family);
8979
8979
  font-size:var(--bp-font-size-05);
8980
8980
  font-style:normal;
@@ -8983,7 +8983,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8983
8983
  line-height:var(--bp-font-line-height-04);
8984
8984
  }
8985
8985
 
8986
- .bp_tabs_module_tabsListContainer--abb27[data-modern=false]{
8986
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=false]{
8987
8987
  --tab-height:var(--size-10);
8988
8988
  --tab-inline-padding:var(--space-3);
8989
8989
  --tab-background:var(--background-background);
@@ -9007,7 +9007,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9007
9007
  --tab-border-focus-outline-offset:var(--border-1);
9008
9008
  --tab-border-hover-color:var(--border-tab-border-hover);
9009
9009
  }
9010
- .bp_tabs_module_tabsListContainer--abb27[data-modern=false] .bp_tabs_module_tab--abb27{
9010
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8{
9011
9011
  font-family:var(--body-default-font-family);
9012
9012
  font-size:var(--body-default-font-size);
9013
9013
  font-weight:var(--body-default-font-weight);
@@ -9017,7 +9017,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9017
9017
  text-decoration:var(--body-default-text-decoration);
9018
9018
  text-transform:var(--body-default-text-case);
9019
9019
  }
9020
- .bp_tabs_module_tabsListContainer--abb27[data-modern=false] .bp_tabs_module_tab--abb27 .bp_tabs_module_hiddenWidthSetter--abb27,.bp_tabs_module_tabsListContainer--abb27[data-modern=false] .bp_tabs_module_tab--abb27[aria-selected=true]{
9020
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8[aria-selected=true]{
9021
9021
  font-family:var(--body-default-bold-font-family);
9022
9022
  font-size:var(--body-default-bold-font-size);
9023
9023
  font-weight:var(--body-default-bold-font-weight);
@@ -9028,10 +9028,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9028
9028
  text-transform:var(--body-default-bold-text-case);
9029
9029
  }
9030
9030
 
9031
- .bp_tabs_module_tabsListContainer--abb27[data-modern=true]{
9031
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=true]{
9032
9032
  --tab-height:var(--bp-size-100);
9033
9033
  --tab-inline-padding:var(--bp-space-030);
9034
- --tab-background:var(--bp-background-background);
9034
+ --tab-background:var(--bp-surface-tab-surface);
9035
9035
  --tab-background-hover:var(--bp-surface-tab-surface-hover);
9036
9036
  --tab-background-pressed:var(--bp-surface-tab-surface-pressed);
9037
9037
  --tab-border-radius:var(--bp-radius-06) var(--bp-radius-06) 0 0;
@@ -9053,7 +9053,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9053
9053
  --tab-border-hover-color:var(--bp-border-tab-border-hover);
9054
9054
  --tab-border-selected-color:var(--bp-border-tab-border-selected);
9055
9055
  }
9056
- .bp_tabs_module_tabsListContainer--abb27[data-modern=true] .bp_tabs_module_tab--abb27{
9056
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8{
9057
9057
  font-family:var(--bp-font-font-family);
9058
9058
  font-size:var(--bp-font-size-05);
9059
9059
  font-style:normal;
@@ -9061,7 +9061,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9061
9061
  letter-spacing:var(--bp-font-letter-spacing-01);
9062
9062
  line-height:var(--bp-font-line-height-04);
9063
9063
  }
9064
- .bp_tabs_module_tabsListContainer--abb27[data-modern=true] .bp_tabs_module_tab--abb27 .bp_tabs_module_hiddenWidthSetter--abb27,.bp_tabs_module_tabsListContainer--abb27[data-modern=true] .bp_tabs_module_tab--abb27[aria-selected=true]{
9064
+ .bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8[aria-selected=true]{
9065
9065
  font-family:var(--bp-font-font-family);
9066
9066
  font-size:var(--bp-font-size-05);
9067
9067
  font-style:normal;
@@ -9070,7 +9070,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9070
9070
  line-height:var(--bp-font-line-height-04);
9071
9071
  }
9072
9072
 
9073
- .bp_tabs_module_contentSwitchTabList--abb27{
9073
+ .bp_tabs_module_contentSwitchTabList--e84a8{
9074
9074
  background:var(--content-switch-tab-list-background);
9075
9075
  border-radius:var(--content-switch-tab-list-border-radius);
9076
9076
  display:grid;
@@ -9081,7 +9081,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9081
9081
  min-width:fit-content;
9082
9082
  padding:var(--content-switch-tab-list-padding);
9083
9083
  }
9084
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27{
9084
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8{
9085
9085
  align-items:center;
9086
9086
  background:#0000;
9087
9087
  border:none;
@@ -9095,49 +9095,49 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9095
9095
  padding-inline:var(--content-switch-tab-padding-inline);
9096
9096
  white-space:nowrap;
9097
9097
  }
9098
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27[aria-selected=true]{
9098
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
9099
9099
  background:var(--content-switch-tab-selected-background);
9100
9100
  box-shadow:var(--content-switch-tab-selected-box-shadow);
9101
9101
  color:var(--content-switch-tab-selected-color);
9102
9102
  }
9103
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27:not([aria-disabled=true])[data-focus-visible]{
9103
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true])[data-focus-visible]{
9104
9104
  border-color:#0000;
9105
9105
  box-shadow:var(--content-switch-tab-focus-box-shadow);
9106
9106
  }
9107
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
9107
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
9108
9108
  background:var(--content-switch-tab-hover-background);
9109
9109
  }
9110
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27:not([aria-disabled=true]):active{
9110
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true]):active{
9111
9111
  background:var(--content-switch-tab-active-background);
9112
9112
  }
9113
- .bp_tabs_module_contentSwitchTabList--abb27 .bp_tabs_module_contentSwitchTab--abb27[aria-disabled=true]{
9113
+ .bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8[aria-disabled=true]{
9114
9114
  opacity:.3;
9115
9115
  pointer-events:none;
9116
9116
  }
9117
9117
 
9118
- .bp_tabs_module_tabsListContainer--abb27{
9118
+ .bp_tabs_module_tabsListContainer--e84a8{
9119
9119
  height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
9120
9120
  overflow-y:hidden;
9121
9121
  scroll-behavior:smooth;
9122
9122
  }
9123
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27{
9123
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8{
9124
9124
  display:flex;
9125
9125
  overflow-x:auto;
9126
9126
  padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
9127
9127
  }
9128
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tabSeparator--abb27{
9128
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8{
9129
9129
  border-bottom:var(--tab-separator-border);
9130
9130
  min-width:var(--tab-gap);
9131
9131
  }
9132
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tabSeparator--abb27:last-child{
9132
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8:last-child{
9133
9133
  display:none;
9134
9134
  }
9135
9135
  @media only screen and (max-width: 1023px){
9136
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tabSeparator--abb27{
9136
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8{
9137
9137
  min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
9138
9138
  }
9139
9139
  }
9140
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27{
9140
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8{
9141
9141
  align-items:center;
9142
9142
  background:var(--tab-background);
9143
9143
  border-style:none;
@@ -9152,27 +9152,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9152
9152
  scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
9153
9153
  z-index:2;
9154
9154
  }
9155
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27[aria-selected=true]{
9155
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[aria-selected=true]{
9156
9156
  border-bottom:var(--tab-border-selected);
9157
9157
  color:var(--tab-font-selected-color);
9158
9158
  }
9159
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:hover{
9159
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:hover{
9160
9160
  background-color:var(--tab-background-hover);
9161
9161
  border-bottom:var(--tab-border-hover);
9162
9162
  color:var(--tab-font-color-hover);
9163
9163
  }
9164
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:hover[aria-selected=true]{
9164
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:hover[aria-selected=true]{
9165
9165
  border-bottom:var(--tab-border-selected-hover);
9166
9166
  color:var(--tab-font-selected-color);
9167
9167
  }
9168
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:active{
9168
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:active{
9169
9169
  background-color:var(--tab-background-pressed);
9170
9170
  color:var(--tab-font-color-hover);
9171
9171
  }
9172
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:active[aria-selected=true]{
9172
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:active[aria-selected=true]{
9173
9173
  color:var(--tab-font-selected-color);
9174
9174
  }
9175
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:focus-visible,.bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27[data-focus-visible]{
9175
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:focus-visible,.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[data-focus-visible]{
9176
9176
  background-color:var(--tab-background-hover);
9177
9177
  border-bottom:var(--tab-border-focus);
9178
9178
  border-radius:var(--tab-border-radius);
@@ -9181,11 +9181,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9181
9181
  outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
9182
9182
  outline-offset:var(--tab-border-focus-outline-offset);
9183
9183
  }
9184
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27[data-focus-visible][aria-selected=true]{
9184
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[data-focus-visible][aria-selected=true]{
9185
9185
  border-bottom:var(--tab-border-selected);
9186
9186
  color:var(--tab-font-selected-color);
9187
9187
  }
9188
- .bp_tabs_module_tabsListContainer--abb27 .bp_tabs_module_tabList--abb27 .bp_tabs_module_tab--abb27[aria-disabled=true]{
9188
+ .bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[aria-disabled=true]{
9189
9189
  opacity:.5;
9190
9190
  }
9191
9191
  .bp_radio_group_module_root--257a7[data-modern=false]{
@@ -10088,7 +10088,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10088
10088
  .bp_styles_module_dropdown--92246{
10089
10089
  min-width:var(--split-button-dropdown-min-width);
10090
10090
  }
10091
- .bp_switch_module_option--4da80[data-modern=false]{
10091
+ .bp_switch_module_option--9f3e1[data-modern=false]{
10092
10092
  --switch-height:var(--size-5);
10093
10093
  --switch-margin-left:var(--space-10);
10094
10094
  --switch-margin-right:var(--space-3);
@@ -10108,6 +10108,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10108
10108
  --thumb-border:var(--border-1) solid var(--border-switch-border);
10109
10109
  --thumb-radius:var(--size-10);
10110
10110
  --thumb-shadow:var(--dropshadow-3);
10111
+ --thumb-transform:translateX(calc(var(--switch-width) - var(--thumb-width)));
10111
10112
  font-family:var(--body-default-font-family);
10112
10113
  font-size:var(--body-default-font-size);
10113
10114
  font-weight:var(--body-default-font-weight);
@@ -10118,7 +10119,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10118
10119
  text-transform:var(--body-default-text-case);
10119
10120
  }
10120
10121
 
10121
- .bp_switch_module_option--4da80[data-modern=true]{
10122
+ .bp_switch_module_option--9f3e1[data-modern=true]{
10122
10123
  --switch-height:var(--bp-size-060);
10123
10124
  --switch-margin-left:var(--bp-space-100);
10124
10125
  --switch-margin-right:var(--bp-space-030);
@@ -10128,17 +10129,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10128
10129
  --switch-bg-on-hover:var(--bp-surface-switch-surface-on-hover);
10129
10130
  --switch-radius:var(--bp-size-100);
10130
10131
  --switch-padding-inline:var(--bp-space-005);
10131
- --switch-base-width:var(--bp-size-110);
10132
- --switch-width:calc(var(--switch-base-width) - var(--switch-padding-inline)*2);
10132
+ --switch-width:var(--bp-size-110);
10133
10133
  --switch-outline:var(--bp-outline-focus-on-light);
10134
10134
  --switch-disabled-opacity:.6;
10135
- --description-margin:calc(var(--switch-margin-right) + var(--switch-base-width));
10135
+ --description-margin:calc(var(--switch-margin-right) + var(--switch-width));
10136
10136
  --thumb-width:var(--bp-size-050);
10137
10137
  --thumb-height:var(--bp-size-050);
10138
10138
  --thumb-bg:var(--bp-surface-switch-surface);
10139
10139
  --thumb-border:none;
10140
10140
  --thumb-radius:var(--bp-size-100);
10141
10141
  --thumb-shadow:var(--dropshadow-3);
10142
+ --thumb-transform:translateX(calc(var(--switch-width) - var(--thumb-width) - var(--switch-padding-inline)*2));
10142
10143
  font-family:var(--bp-font-font-family);
10143
10144
  font-size:var(--bp-font-size-05);
10144
10145
  font-style:normal;
@@ -10147,33 +10148,33 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10147
10148
  line-height:var(--bp-font-line-height-04);
10148
10149
  }
10149
10150
 
10150
- .bp_switch_module_option--4da80{
10151
+ .bp_switch_module_option--9f3e1{
10151
10152
  display:flex;
10152
10153
  flex-direction:column;
10153
10154
  }
10154
- .bp_switch_module_option--4da80 .bp_switch_module_label--4da80{
10155
+ .bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1{
10155
10156
  cursor:pointer;
10156
10157
  display:inline-flex;
10157
10158
  flex-direction:row;
10158
10159
  width:-moz-fit-content;
10159
10160
  width:fit-content;
10160
10161
  }
10161
- .bp_switch_module_option--4da80 .bp_switch_module_label--4da80.bp_switch_module_rightAlign--4da80{
10162
+ .bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1.bp_switch_module_rightAlign--9f3e1{
10162
10163
  flex-direction:row-reverse;
10163
10164
  justify-content:space-between;
10164
10165
  width:unset;
10165
10166
  }
10166
- .bp_switch_module_option--4da80 .bp_switch_module_label--4da80:has(.bp_switch_module_switch--4da80:disabled){
10167
+ .bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1:has(.bp_switch_module_switch--9f3e1:disabled){
10167
10168
  cursor:default;
10168
10169
  }
10169
- .bp_switch_module_option--4da80 .bp_switch_module_description--4da80{
10170
+ .bp_switch_module_option--9f3e1 .bp_switch_module_description--9f3e1{
10170
10171
  margin-left:var(--description-margin);
10171
10172
  }
10172
- .bp_switch_module_option--4da80 .bp_switch_module_description--4da80.bp_switch_module_rightAlign--4da80{
10173
+ .bp_switch_module_option--9f3e1 .bp_switch_module_description--9f3e1.bp_switch_module_rightAlign--9f3e1{
10173
10174
  margin-left:unset;
10174
10175
  margin-right:var(--description-margin);
10175
10176
  }
10176
- .bp_switch_module_option--4da80 .bp_switch_module_thumb--4da80{
10177
+ .bp_switch_module_option--9f3e1 .bp_switch_module_thumb--9f3e1{
10177
10178
  background-color:var(--thumb-bg);
10178
10179
  border:var(--thumb-border);
10179
10180
  border-radius:var(--thumb-radius);
@@ -10185,11 +10186,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10185
10186
  width:var(--thumb-width);
10186
10187
  will-change:transform;
10187
10188
  }
10188
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80{
10189
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1{
10189
10190
  all:unset;
10190
10191
  align-items:center;
10191
10192
  background-color:var(--switch-bg-off);
10192
10193
  border-radius:var(--switch-radius);
10194
+ box-sizing:border-box;
10193
10195
  display:flex;
10194
10196
  flex-shrink:0;
10195
10197
  height:var(--switch-height);
@@ -10200,31 +10202,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10200
10202
  width:var(--switch-width);
10201
10203
  will-change:transition;
10202
10204
  }
10203
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:disabled{
10205
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:disabled{
10204
10206
  opacity:var(--switch-disabled-opacity);
10205
10207
  }
10206
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80.bp_switch_module_rightAlign--4da80{
10208
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1.bp_switch_module_rightAlign--9f3e1{
10207
10209
  margin-left:var(--switch-margin-left);
10208
10210
  margin-right:unset;
10209
10211
  }
10210
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:focus-visible{
10212
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:focus-visible{
10211
10213
  background-color:var(--switch-bg-off-hover);
10212
10214
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--switch-outline);
10213
10215
  }
10214
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:hover:not(:disabled){
10216
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:hover:not(:disabled){
10215
10217
  background-color:var(--switch-bg-off-hover);
10216
10218
  }
10217
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]{
10219
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]{
10218
10220
  background-color:var(--switch-bg-on);
10219
10221
  }
10220
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true] .bp_switch_module_thumb--4da80{
10221
- transform:translateX(calc(var(--switch-width) - var(--thumb-width)));
10222
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true] .bp_switch_module_thumb--9f3e1{
10223
+ transform:var(--thumb-transform);
10222
10224
  }
10223
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]:focus-visible{
10225
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]:focus-visible{
10224
10226
  background-color:var(--switch-bg-on-hover);
10225
10227
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--switch-outline);
10226
10228
  }
10227
- .bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]:hover:not(:disabled){
10229
+ .bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]:hover:not(:disabled){
10228
10230
  background-color:var(--switch-bg-on-hover);
10229
10231
  }
10230
10232
 
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--abb27","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--abb27","contentSwitchTab":"bp_tabs_module_contentSwitchTab--abb27","tabsListContainer":"bp_tabs_module_tabsListContainer--abb27","tab":"bp_tabs_module_tab--abb27","tabList":"bp_tabs_module_tabList--abb27","tabSeparator":"bp_tabs_module_tabSeparator--abb27"};
2
+ var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--e84a8","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--e84a8","contentSwitchTab":"bp_tabs_module_contentSwitchTab--e84a8","tabsListContainer":"bp_tabs_module_tabsListContainer--e84a8","tab":"bp_tabs_module_tab--e84a8","tabList":"bp_tabs_module_tabList--e84a8","tabSeparator":"bp_tabs_module_tabSeparator--e84a8"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"option":"bp_switch_module_option--4da80","label":"bp_switch_module_label--4da80","rightAlign":"bp_switch_module_rightAlign--4da80","switch":"bp_switch_module_switch--4da80","description":"bp_switch_module_description--4da80","thumb":"bp_switch_module_thumb--4da80"};
2
+ var styles = {"option":"bp_switch_module_option--9f3e1","label":"bp_switch_module_label--9f3e1","rightAlign":"bp_switch_module_rightAlign--9f3e1","switch":"bp_switch_module_switch--9f3e1","description":"bp_switch_module_description--9f3e1","thumb":"bp_switch_module_thumb--9f3e1"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.92.1",
3
+ "version": "12.92.3",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {