@box/blueprint-web 17.14.1 → 17.15.0

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.
@@ -7820,56 +7820,7 @@
7820
7820
  .bp_empty_state_module_emptyState--fc060.bp_empty_state_module_small--fc060 .bp_empty_state_module_body--fc060:not(:last-child){
7821
7821
  margin-block-end:var(--space-4);
7822
7822
  }
7823
- .bp_link_module_link--aa435{
7824
- color:var(--text-cta-link);
7825
- }
7826
- .bp_link_module_link--aa435:hover{
7827
- color:var(--text-cta-link-hover);
7828
- }
7829
- .bp_link_module_link--aa435:active{
7830
- color:var(--text-cta-link-pressed);
7831
- }
7832
- .bp_link_module_link--aa435:focus-visible:focus-visible{
7833
- box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7834
- outline:none;
7835
- overflow:visible;
7836
- }
7837
- .bp_link_module_link--aa435:focus-visible{
7838
- border-radius:var(--radius-05);
7839
- color:var(--text-cta-link-hover);
7840
- }
7841
- .bp_link_module_link--aa435:focus-visible:active{
7842
- color:var(--text-cta-link-pressed);
7843
- }
7844
- .bp_link_module_link--aa435.bp_link_module_inheritFont--aa435{
7845
- font:inherit;
7846
- }
7847
- .bp_link_module_link--aa435.bp_link_module_standalone--aa435{
7848
- text-decoration:none;
7849
- }
7850
- .bp_link_module_link--aa435.bp_link_module_hasIcon--aa435{
7851
- align-items:center;
7852
- display:inline-flex;
7853
- gap:var(--space-1);
7854
- }
7855
- .bp_link_module_link--aa435 .bp_link_module_icon--aa435{
7856
- flex-shrink:0;
7857
- }
7858
- .bp_link_module_link--aa435 .bp_link_module_icon--aa435 *{
7859
- fill:currentcolor;
7860
- }
7861
-
7862
- .bp_link_module_link--aa435:where([data-modern=false]){
7863
- font-family:var(--link-default-font-family);
7864
- font-size:var(--link-default-font-size);
7865
- font-weight:var(--link-default-font-weight);
7866
- letter-spacing:var(--link-default-letter-spacing);
7867
- line-height:var(--link-default-line-height);
7868
- text-decoration:var(--link-default-text-decoration);
7869
- text-transform:var(--link-default-text-case);
7870
- }
7871
-
7872
- .bp_link_module_link--aa435:where([data-modern=true]){
7823
+ .bp_link_module_link--05bf1{
7873
7824
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
7874
7825
  font-size:var(--bp-font-size-05);
7875
7826
  font-style:normal;
@@ -7883,7 +7834,7 @@
7883
7834
  text-decoration-thickness:auto;
7884
7835
  text-underline-offset:auto;
7885
7836
  }
7886
- :where(body.is-inter-font) .bp_link_module_link--aa435:where([data-modern=true]){
7837
+ :where(body.is-inter-font) .bp_link_module_link--05bf1{
7887
7838
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
7888
7839
  font-size:.875rem;
7889
7840
  font-style:normal;
@@ -7898,6 +7849,45 @@
7898
7849
  text-transform:none;
7899
7850
  text-underline-offset:auto;
7900
7851
  }
7852
+
7853
+ .bp_link_module_link--05bf1{
7854
+ color:var(--text-cta-link);
7855
+ }
7856
+ .bp_link_module_link--05bf1:hover{
7857
+ color:var(--text-cta-link-hover);
7858
+ }
7859
+ .bp_link_module_link--05bf1:active{
7860
+ color:var(--text-cta-link-pressed);
7861
+ }
7862
+ .bp_link_module_link--05bf1:focus-visible:focus-visible{
7863
+ box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7864
+ outline:none;
7865
+ overflow:visible;
7866
+ }
7867
+ .bp_link_module_link--05bf1:focus-visible{
7868
+ border-radius:var(--radius-05);
7869
+ color:var(--text-cta-link-hover);
7870
+ }
7871
+ .bp_link_module_link--05bf1:focus-visible:active{
7872
+ color:var(--text-cta-link-pressed);
7873
+ }
7874
+ .bp_link_module_link--05bf1.bp_link_module_inheritFont--05bf1{
7875
+ font:inherit;
7876
+ }
7877
+ .bp_link_module_link--05bf1.bp_link_module_standalone--05bf1{
7878
+ text-decoration:none;
7879
+ }
7880
+ .bp_link_module_link--05bf1.bp_link_module_hasIcon--05bf1{
7881
+ align-items:center;
7882
+ display:inline-flex;
7883
+ gap:var(--space-1);
7884
+ }
7885
+ .bp_link_module_link--05bf1 .bp_link_module_icon--05bf1{
7886
+ flex-shrink:0;
7887
+ }
7888
+ .bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
7889
+ fill:currentcolor;
7890
+ }
7901
7891
  .bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false]{
7902
7892
  --small-list-gap:var(--space-2);
7903
7893
  --small-list-padding:var(--space-1);
@@ -12757,52 +12747,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12757
12747
  opacity:.3;
12758
12748
  }
12759
12749
 
12760
- .bp_tabs_module_hiddenWidthSetter--d80e8{
12750
+ .bp_tabs_module_hiddenWidthSetter--22ec8{
12761
12751
  display:block;
12762
12752
  height:0;
12763
12753
  overflow:hidden;
12764
12754
  visibility:hidden;
12765
12755
  }
12766
- .bp_tabs_module_hiddenWidthSetter--d80e8 > *{
12756
+ .bp_tabs_module_hiddenWidthSetter--22ec8 > *{
12767
12757
  visibility:hidden;
12768
12758
  }
12769
12759
 
12770
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false]{
12771
- --content-switch-tab-list-gap:var(--space-1);
12772
- --content-switch-tab-list-padding:var(--space-1);
12773
- --content-switch-tab-list-background:var(--surface-contentswitcher-surface);
12774
- --content-switch-tab-list-border-radius:var(--radius-7);
12775
- --content-switch-tab-height:var(--size-8);
12776
- --content-switch-tab-border-radius:var(--radius-6);
12777
- --content-switch-tab-padding-inline:var(--space-4);
12778
- --content-switch-tab-color:var(--text-text-on-light);
12779
- --content-switch-tab-selected-color:var(--text-text-on-light);
12780
- --content-switch-tab-selected-background:var(--surface-cta-surface-secondary);
12781
- --content-switch-tab-selected-box-shadow:0 0 0 var(--border-1) var(--gray-50);
12782
- --content-switch-tab-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
12783
- --content-switch-tab-hover-background:var(--surface-surface-hover);
12784
- --content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
12785
- }
12786
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8{
12787
- font-family:var(--body-default-font-family);
12788
- font-size:var(--body-default-font-size);
12789
- font-weight:var(--body-default-font-weight);
12790
- letter-spacing:var(--body-default-letter-spacing);
12791
- line-height:var(--body-default-line-height);
12792
- text-decoration:var(--body-default-text-decoration);
12793
- text-transform:var(--body-default-text-case);
12794
- }
12795
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8,.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12796
- font-family:var(--body-default-bold-font-family);
12797
- font-size:var(--body-default-bold-font-size);
12798
- font-weight:var(--body-default-bold-font-weight);
12799
- letter-spacing:var(--body-default-bold-letter-spacing);
12800
- line-height:var(--body-default-bold-line-height);
12801
- text-decoration:var(--body-default-bold-text-decoration);
12802
- text-transform:var(--body-default-bold-text-case);
12803
- }
12804
-
12805
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true]{
12760
+ .bp_tabs_module_contentSwitchTabList--22ec8{
12806
12761
  --content-switch-tab-list-gap:var(--bp-space-010);
12807
12762
  --content-switch-tab-list-padding:var(--bp-space-010);
12808
12763
  --content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
@@ -12816,8 +12771,16 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12816
12771
  --content-switch-tab-selected-box-shadow:0 0 0 var(--bp-border-01) var(--bp-border-content-switcher-border);
12817
12772
  --content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
12818
12773
  --content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
12774
+ background:var(--content-switch-tab-list-background);
12775
+ border-radius:var(--content-switch-tab-list-border-radius);
12776
+ display:grid;
12777
+ gap:var(--content-switch-tab-list-gap);
12778
+ grid-auto-columns:1fr;
12779
+ grid-auto-flow:column;
12780
+ min-width:fit-content;
12781
+ padding:var(--content-switch-tab-list-padding);
12819
12782
  }
12820
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8{
12783
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12821
12784
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12822
12785
  font-size:var(--bp-font-size-05);
12823
12786
  font-style:normal;
@@ -12825,7 +12788,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12825
12788
  letter-spacing:var(--bp-font-letter-spacing-01);
12826
12789
  line-height:var(--bp-font-line-height-04);
12827
12790
  }
12828
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8{
12791
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12829
12792
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12830
12793
  font-size:.875rem;
12831
12794
  font-style:normal;
@@ -12836,7 +12799,21 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12836
12799
  text-transform:none;
12837
12800
  }
12838
12801
 
12839
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12802
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12803
+ align-items:center;
12804
+ background:#0000;
12805
+ border:none;
12806
+ border-radius:var(--content-switch-tab-border-radius);
12807
+ color:var(--content-switch-tab-color);
12808
+ display:flex;
12809
+ flex-direction:column;
12810
+ height:var(--content-switch-tab-height);
12811
+ justify-content:center;
12812
+ outline:none;
12813
+ padding-inline:var(--content-switch-tab-padding-inline);
12814
+ white-space:nowrap;
12815
+ }
12816
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12840
12817
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12841
12818
  font-size:var(--bp-font-size-05);
12842
12819
  font-style:normal;
@@ -12844,7 +12821,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12844
12821
  letter-spacing:var(--bp-font-letter-spacing-01);
12845
12822
  line-height:var(--bp-font-line-height-04);
12846
12823
  }
12847
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12824
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12848
12825
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12849
12826
  font-size:.875rem;
12850
12827
  font-style:normal;
@@ -12855,7 +12832,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12855
12832
  text-transform:none;
12856
12833
  }
12857
12834
 
12858
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12835
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12836
+ background:var(--content-switch-tab-selected-background);
12837
+ box-shadow:var(--content-switch-tab-selected-box-shadow);
12838
+ color:var(--content-switch-tab-selected-color);
12839
+ }
12840
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12859
12841
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12860
12842
  font-size:var(--bp-font-size-05);
12861
12843
  font-style:normal;
@@ -12863,7 +12845,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12863
12845
  letter-spacing:var(--bp-font-letter-spacing-01);
12864
12846
  line-height:var(--bp-font-line-height-04);
12865
12847
  }
12866
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12848
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12867
12849
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12868
12850
  font-size:.875rem;
12869
12851
  font-style:normal;
@@ -12874,50 +12856,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12874
12856
  text-transform:none;
12875
12857
  }
12876
12858
 
12877
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false]{
12878
- --tab-height:var(--size-10);
12879
- --tab-inline-padding:var(--space-3);
12880
- --tab-background:var(--background-background);
12881
- --tab-background-hover:var(--surface-tab-surface-hover);
12882
- --tab-background-pressed:var(--surface-tab-surface-pressed);
12883
- --tab-border-radius:var(--radius-05);
12884
- --tab-border-radius-top-left:var(--radius-05);
12885
- --tab-border-radius-top-right:var(--radius-05);
12886
- --tab-font-color:var(--text-text-on-light-secondary);
12887
- --tab-font-color-hover:var(--text-text-on-light-secondary-hover);
12888
- --tab-font-selected-color:var(--text-cta-link);
12889
- --tab-border:var(--border-1) solid var(--border-tab-border);
12890
- --tab-border-hover:var(--border-1) solid var(--border-tab-border);
12891
- --tab-border-selected:var(--border-2) solid var(--border-tab-border-selected);
12892
- --tab-border-selected-hover:var(--border-2) solid var(--border-tab-border-selected-hover);
12893
- --tab-border-focus:var(--border-2) solid var(--border-tab-border);
12894
- --tab-gap:var(--space-4);
12895
- --tab-separator-border:var(--border-1) solid var(--border-tab-border);
12896
- --tab-border-focus-outline-width:var(--border-3);
12897
- --tab-border-focus-outline-color:var(--outline-focus-on-light);
12898
- --tab-border-focus-outline-offset:var(--border-1);
12899
- --tab-border-hover-color:var(--border-tab-border-hover);
12900
- }
12901
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8{
12902
- font-family:var(--body-default-font-family);
12903
- font-size:var(--body-default-font-size);
12904
- font-weight:var(--body-default-font-weight);
12905
- letter-spacing:var(--body-default-letter-spacing);
12906
- line-height:var(--body-default-line-height);
12907
- text-decoration:var(--body-default-text-decoration);
12908
- text-transform:var(--body-default-text-case);
12859
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]{
12860
+ border-color:#0000;
12861
+ box-shadow:var(--content-switch-tab-focus-box-shadow);
12909
12862
  }
12910
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8,.bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12911
- font-family:var(--body-default-bold-font-family);
12912
- font-size:var(--body-default-bold-font-size);
12913
- font-weight:var(--body-default-bold-font-weight);
12914
- letter-spacing:var(--body-default-bold-letter-spacing);
12915
- line-height:var(--body-default-bold-line-height);
12916
- text-decoration:var(--body-default-bold-text-decoration);
12917
- text-transform:var(--body-default-bold-text-case);
12863
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
12864
+ background:var(--content-switch-tab-hover-background);
12865
+ }
12866
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-disabled=true]{
12867
+ opacity:.3;
12868
+ pointer-events:none;
12918
12869
  }
12919
12870
 
12920
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true]{
12871
+ .bp_tabs_module_tabsListContainer--22ec8{
12921
12872
  --tab-height:var(--bp-size-100);
12922
12873
  --tab-inline-padding:var(--bp-space-030);
12923
12874
  --tab-background:var(--bp-surface-tab-surface);
@@ -12939,10 +12890,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12939
12890
  --tab-border-focus-outline-width:var(--bp-border-03);
12940
12891
  --tab-border-focus-outline-color:var(--bp-outline-focus-on-light);
12941
12892
  --tab-border-focus-outline-offset:var(--bp-border-01);
12942
- --tab-border-hover-color:var(--bp-border-tab-border-hover);
12943
- --tab-border-selected-color:var(--bp-border-tab-border-selected);
12893
+ height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
12894
+ overflow-y:hidden;
12895
+ scroll-behavior:smooth;
12896
+ }
12897
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8{
12898
+ display:flex;
12899
+ overflow-x:auto;
12900
+ padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12901
+ position:relative;
12944
12902
  }
12945
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8{
12903
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8::after{
12904
+ border-bottom:var(--tab-border);
12905
+ bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12906
+ content:"";
12907
+ left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12908
+ position:absolute;
12909
+ right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12910
+ }
12911
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
12912
+ border-bottom:var(--tab-separator-border);
12913
+ min-width:var(--tab-gap);
12914
+ }
12915
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8:last-child{
12916
+ display:none;
12917
+ }
12918
+ @media only screen and (max-width: 1023px){
12919
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
12920
+ min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12921
+ }
12922
+ }
12923
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12946
12924
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12947
12925
  font-size:var(--bp-font-size-05);
12948
12926
  font-style:normal;
@@ -12950,7 +12928,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12950
12928
  letter-spacing:var(--bp-font-letter-spacing-01);
12951
12929
  line-height:var(--bp-font-line-height-04);
12952
12930
  }
12953
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8{
12931
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12954
12932
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12955
12933
  font-size:.875rem;
12956
12934
  font-style:normal;
@@ -12961,7 +12939,22 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12961
12939
  text-transform:none;
12962
12940
  }
12963
12941
 
12964
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12942
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12943
+ align-items:center;
12944
+ background:var(--tab-background);
12945
+ border-style:none;
12946
+ border-bottom:var(--tab-border);
12947
+ border-top-left-radius:var(--tab-border-radius-top-left);
12948
+ border-top-right-radius:var(--tab-border-radius-top-right);
12949
+ color:var(--tab-font-color);
12950
+ cursor:pointer;
12951
+ display:flex;
12952
+ height:var(--tab-height);
12953
+ padding-inline:var(--tab-inline-padding);
12954
+ scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12955
+ z-index:2;
12956
+ }
12957
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12965
12958
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12966
12959
  font-size:var(--bp-font-size-05);
12967
12960
  font-style:normal;
@@ -12969,7 +12962,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12969
12962
  letter-spacing:var(--bp-font-letter-spacing-01);
12970
12963
  line-height:var(--bp-font-line-height-04);
12971
12964
  }
12972
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12965
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12973
12966
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12974
12967
  font-size:.875rem;
12975
12968
  font-style:normal;
@@ -12980,7 +12973,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12980
12973
  text-transform:none;
12981
12974
  }
12982
12975
 
12983
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12976
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12977
+ border-bottom:var(--tab-border-selected);
12978
+ color:var(--tab-font-selected-color);
12979
+ }
12980
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12984
12981
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12985
12982
  font-size:var(--bp-font-size-05);
12986
12983
  font-style:normal;
@@ -12988,7 +12985,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12988
12985
  letter-spacing:var(--bp-font-letter-spacing-01);
12989
12986
  line-height:var(--bp-font-line-height-04);
12990
12987
  }
12991
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12988
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12992
12989
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12993
12990
  font-size:.875rem;
12994
12991
  font-style:normal;
@@ -12999,117 +12996,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12999
12996
  text-transform:none;
13000
12997
  }
13001
12998
 
13002
- .bp_tabs_module_contentSwitchTabList--d80e8{
13003
- background:var(--content-switch-tab-list-background);
13004
- border-radius:var(--content-switch-tab-list-border-radius);
13005
- display:grid;
13006
- gap:var(--content-switch-tab-list-gap);
13007
- grid-auto-columns:1fr;
13008
- grid-auto-flow:column;
13009
- min-width:fit-content;
13010
- padding:var(--content-switch-tab-list-padding);
13011
- }
13012
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8{
13013
- align-items:center;
13014
- background:#0000;
13015
- border:none;
13016
- border-radius:var(--content-switch-tab-border-radius);
13017
- color:var(--content-switch-tab-color);
13018
- display:flex;
13019
- flex-direction:column;
13020
- height:var(--content-switch-tab-height);
13021
- justify-content:center;
13022
- outline:none;
13023
- padding-inline:var(--content-switch-tab-padding-inline);
13024
- white-space:nowrap;
13025
- }
13026
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
13027
- background:var(--content-switch-tab-selected-background);
13028
- box-shadow:var(--content-switch-tab-selected-box-shadow);
13029
- color:var(--content-switch-tab-selected-color);
13030
- }
13031
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]{
13032
- border-color:#0000;
13033
- box-shadow:var(--content-switch-tab-focus-box-shadow);
13034
- }
13035
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
13036
- background:var(--content-switch-tab-hover-background);
13037
- }
13038
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):active{
13039
- background:var(--content-switch-tab-active-background);
13040
- }
13041
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-disabled=true]{
13042
- opacity:.3;
13043
- pointer-events:none;
13044
- }
13045
-
13046
- .bp_tabs_module_tabsListContainer--d80e8{
13047
- height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
13048
- overflow-y:hidden;
13049
- scroll-behavior:smooth;
13050
- }
13051
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8{
13052
- display:flex;
13053
- overflow-x:auto;
13054
- padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13055
- position:relative;
13056
- }
13057
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8::after{
13058
- border-bottom:var(--tab-border);
13059
- bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13060
- content:"";
13061
- left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13062
- position:absolute;
13063
- right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13064
- }
13065
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
13066
- border-bottom:var(--tab-separator-border);
13067
- min-width:var(--tab-gap);
13068
- }
13069
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8:last-child{
13070
- display:none;
13071
- }
13072
- @media only screen and (max-width: 1023px){
13073
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
13074
- min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13075
- }
13076
- }
13077
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8{
13078
- align-items:center;
13079
- background:var(--tab-background);
13080
- border-style:none;
13081
- border-bottom:var(--tab-border);
13082
- border-top-left-radius:var(--tab-border-radius-top-left);
13083
- border-top-right-radius:var(--tab-border-radius-top-right);
13084
- color:var(--tab-font-color);
13085
- cursor:pointer;
13086
- display:flex;
13087
- height:var(--tab-height);
13088
- padding-inline:var(--tab-inline-padding);
13089
- scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13090
- z-index:2;
13091
- }
13092
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[aria-selected=true]{
13093
- border-bottom:var(--tab-border-selected);
13094
- color:var(--tab-font-selected-color);
13095
- }
13096
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:hover{
12999
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover{
13097
13000
  background-color:var(--tab-background-hover);
13098
13001
  border-bottom:var(--tab-border-hover);
13099
13002
  color:var(--tab-font-color-hover);
13100
13003
  }
13101
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:hover[aria-selected=true]{
13004
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover[aria-selected=true]{
13102
13005
  border-bottom:var(--tab-border-selected-hover);
13103
13006
  color:var(--tab-font-selected-color);
13104
13007
  }
13105
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:active{
13008
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active{
13106
13009
  background-color:var(--tab-background-pressed);
13107
13010
  color:var(--tab-font-color-hover);
13108
13011
  }
13109
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:active[aria-selected=true]{
13012
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active[aria-selected=true]{
13110
13013
  color:var(--tab-font-selected-color);
13111
13014
  }
13112
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:focus-visible,.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[data-focus-visible]{
13015
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible,.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible]{
13113
13016
  background-color:var(--tab-background-hover);
13114
13017
  border-bottom:var(--tab-border-focus);
13115
13018
  border-radius:var(--tab-border-radius);
@@ -13118,11 +13021,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
13118
13021
  outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
13119
13022
  outline-offset:var(--tab-border-focus-outline-offset);
13120
13023
  }
13121
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[data-focus-visible][aria-selected=true]{
13024
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible][aria-selected=true]{
13122
13025
  border-bottom:var(--tab-border-selected);
13123
13026
  color:var(--tab-font-selected-color);
13124
13027
  }
13125
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[aria-disabled=true]{
13028
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-disabled=true]{
13126
13029
  opacity:.5;
13127
13030
  }
13128
13031
  .bp_radio_group_module_root--c45d0[data-modern=false]{
@@ -7820,56 +7820,7 @@
7820
7820
  .bp_empty_state_module_emptyState--fc060.bp_empty_state_module_small--fc060 .bp_empty_state_module_body--fc060:not(:last-child){
7821
7821
  margin-block-end:var(--space-4);
7822
7822
  }
7823
- .bp_link_module_link--aa435{
7824
- color:var(--text-cta-link);
7825
- }
7826
- .bp_link_module_link--aa435:hover{
7827
- color:var(--text-cta-link-hover);
7828
- }
7829
- .bp_link_module_link--aa435:active{
7830
- color:var(--text-cta-link-pressed);
7831
- }
7832
- .bp_link_module_link--aa435:focus-visible:focus-visible{
7833
- box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7834
- outline:none;
7835
- overflow:visible;
7836
- }
7837
- .bp_link_module_link--aa435:focus-visible{
7838
- border-radius:var(--radius-05);
7839
- color:var(--text-cta-link-hover);
7840
- }
7841
- .bp_link_module_link--aa435:focus-visible:active{
7842
- color:var(--text-cta-link-pressed);
7843
- }
7844
- .bp_link_module_link--aa435.bp_link_module_inheritFont--aa435{
7845
- font:inherit;
7846
- }
7847
- .bp_link_module_link--aa435.bp_link_module_standalone--aa435{
7848
- text-decoration:none;
7849
- }
7850
- .bp_link_module_link--aa435.bp_link_module_hasIcon--aa435{
7851
- align-items:center;
7852
- display:inline-flex;
7853
- gap:var(--space-1);
7854
- }
7855
- .bp_link_module_link--aa435 .bp_link_module_icon--aa435{
7856
- flex-shrink:0;
7857
- }
7858
- .bp_link_module_link--aa435 .bp_link_module_icon--aa435 *{
7859
- fill:currentcolor;
7860
- }
7861
-
7862
- .bp_link_module_link--aa435:where([data-modern=false]){
7863
- font-family:var(--link-default-font-family);
7864
- font-size:var(--link-default-font-size);
7865
- font-weight:var(--link-default-font-weight);
7866
- letter-spacing:var(--link-default-letter-spacing);
7867
- line-height:var(--link-default-line-height);
7868
- text-decoration:var(--link-default-text-decoration);
7869
- text-transform:var(--link-default-text-case);
7870
- }
7871
-
7872
- .bp_link_module_link--aa435:where([data-modern=true]){
7823
+ .bp_link_module_link--05bf1{
7873
7824
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
7874
7825
  font-size:var(--bp-font-size-05);
7875
7826
  font-style:normal;
@@ -7883,7 +7834,7 @@
7883
7834
  text-decoration-thickness:auto;
7884
7835
  text-underline-offset:auto;
7885
7836
  }
7886
- :where(body.is-inter-font) .bp_link_module_link--aa435:where([data-modern=true]){
7837
+ :where(body.is-inter-font) .bp_link_module_link--05bf1{
7887
7838
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
7888
7839
  font-size:.875rem;
7889
7840
  font-style:normal;
@@ -7898,6 +7849,45 @@
7898
7849
  text-transform:none;
7899
7850
  text-underline-offset:auto;
7900
7851
  }
7852
+
7853
+ .bp_link_module_link--05bf1{
7854
+ color:var(--text-cta-link);
7855
+ }
7856
+ .bp_link_module_link--05bf1:hover{
7857
+ color:var(--text-cta-link-hover);
7858
+ }
7859
+ .bp_link_module_link--05bf1:active{
7860
+ color:var(--text-cta-link-pressed);
7861
+ }
7862
+ .bp_link_module_link--05bf1:focus-visible:focus-visible{
7863
+ box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7864
+ outline:none;
7865
+ overflow:visible;
7866
+ }
7867
+ .bp_link_module_link--05bf1:focus-visible{
7868
+ border-radius:var(--radius-05);
7869
+ color:var(--text-cta-link-hover);
7870
+ }
7871
+ .bp_link_module_link--05bf1:focus-visible:active{
7872
+ color:var(--text-cta-link-pressed);
7873
+ }
7874
+ .bp_link_module_link--05bf1.bp_link_module_inheritFont--05bf1{
7875
+ font:inherit;
7876
+ }
7877
+ .bp_link_module_link--05bf1.bp_link_module_standalone--05bf1{
7878
+ text-decoration:none;
7879
+ }
7880
+ .bp_link_module_link--05bf1.bp_link_module_hasIcon--05bf1{
7881
+ align-items:center;
7882
+ display:inline-flex;
7883
+ gap:var(--space-1);
7884
+ }
7885
+ .bp_link_module_link--05bf1 .bp_link_module_icon--05bf1{
7886
+ flex-shrink:0;
7887
+ }
7888
+ .bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
7889
+ fill:currentcolor;
7890
+ }
7901
7891
  .bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false]{
7902
7892
  --small-list-gap:var(--space-2);
7903
7893
  --small-list-padding:var(--space-1);
@@ -12757,52 +12747,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12757
12747
  opacity:.3;
12758
12748
  }
12759
12749
 
12760
- .bp_tabs_module_hiddenWidthSetter--d80e8{
12750
+ .bp_tabs_module_hiddenWidthSetter--22ec8{
12761
12751
  display:block;
12762
12752
  height:0;
12763
12753
  overflow:hidden;
12764
12754
  visibility:hidden;
12765
12755
  }
12766
- .bp_tabs_module_hiddenWidthSetter--d80e8 > *{
12756
+ .bp_tabs_module_hiddenWidthSetter--22ec8 > *{
12767
12757
  visibility:hidden;
12768
12758
  }
12769
12759
 
12770
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false]{
12771
- --content-switch-tab-list-gap:var(--space-1);
12772
- --content-switch-tab-list-padding:var(--space-1);
12773
- --content-switch-tab-list-background:var(--surface-contentswitcher-surface);
12774
- --content-switch-tab-list-border-radius:var(--radius-7);
12775
- --content-switch-tab-height:var(--size-8);
12776
- --content-switch-tab-border-radius:var(--radius-6);
12777
- --content-switch-tab-padding-inline:var(--space-4);
12778
- --content-switch-tab-color:var(--text-text-on-light);
12779
- --content-switch-tab-selected-color:var(--text-text-on-light);
12780
- --content-switch-tab-selected-background:var(--surface-cta-surface-secondary);
12781
- --content-switch-tab-selected-box-shadow:0 0 0 var(--border-1) var(--gray-50);
12782
- --content-switch-tab-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
12783
- --content-switch-tab-hover-background:var(--surface-surface-hover);
12784
- --content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
12785
- }
12786
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8{
12787
- font-family:var(--body-default-font-family);
12788
- font-size:var(--body-default-font-size);
12789
- font-weight:var(--body-default-font-weight);
12790
- letter-spacing:var(--body-default-letter-spacing);
12791
- line-height:var(--body-default-line-height);
12792
- text-decoration:var(--body-default-text-decoration);
12793
- text-transform:var(--body-default-text-case);
12794
- }
12795
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8,.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12796
- font-family:var(--body-default-bold-font-family);
12797
- font-size:var(--body-default-bold-font-size);
12798
- font-weight:var(--body-default-bold-font-weight);
12799
- letter-spacing:var(--body-default-bold-letter-spacing);
12800
- line-height:var(--body-default-bold-line-height);
12801
- text-decoration:var(--body-default-bold-text-decoration);
12802
- text-transform:var(--body-default-bold-text-case);
12803
- }
12804
-
12805
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true]{
12760
+ .bp_tabs_module_contentSwitchTabList--22ec8{
12806
12761
  --content-switch-tab-list-gap:var(--bp-space-010);
12807
12762
  --content-switch-tab-list-padding:var(--bp-space-010);
12808
12763
  --content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
@@ -12816,8 +12771,16 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12816
12771
  --content-switch-tab-selected-box-shadow:0 0 0 var(--bp-border-01) var(--bp-border-content-switcher-border);
12817
12772
  --content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
12818
12773
  --content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
12774
+ background:var(--content-switch-tab-list-background);
12775
+ border-radius:var(--content-switch-tab-list-border-radius);
12776
+ display:grid;
12777
+ gap:var(--content-switch-tab-list-gap);
12778
+ grid-auto-columns:1fr;
12779
+ grid-auto-flow:column;
12780
+ min-width:fit-content;
12781
+ padding:var(--content-switch-tab-list-padding);
12819
12782
  }
12820
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8{
12783
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12821
12784
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12822
12785
  font-size:var(--bp-font-size-05);
12823
12786
  font-style:normal;
@@ -12825,7 +12788,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12825
12788
  letter-spacing:var(--bp-font-letter-spacing-01);
12826
12789
  line-height:var(--bp-font-line-height-04);
12827
12790
  }
12828
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8{
12791
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12829
12792
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12830
12793
  font-size:.875rem;
12831
12794
  font-style:normal;
@@ -12836,7 +12799,21 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12836
12799
  text-transform:none;
12837
12800
  }
12838
12801
 
12839
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12802
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
12803
+ align-items:center;
12804
+ background:#0000;
12805
+ border:none;
12806
+ border-radius:var(--content-switch-tab-border-radius);
12807
+ color:var(--content-switch-tab-color);
12808
+ display:flex;
12809
+ flex-direction:column;
12810
+ height:var(--content-switch-tab-height);
12811
+ justify-content:center;
12812
+ outline:none;
12813
+ padding-inline:var(--content-switch-tab-padding-inline);
12814
+ white-space:nowrap;
12815
+ }
12816
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12840
12817
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12841
12818
  font-size:var(--bp-font-size-05);
12842
12819
  font-style:normal;
@@ -12844,7 +12821,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12844
12821
  letter-spacing:var(--bp-font-letter-spacing-01);
12845
12822
  line-height:var(--bp-font-line-height-04);
12846
12823
  }
12847
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
12824
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12848
12825
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12849
12826
  font-size:.875rem;
12850
12827
  font-style:normal;
@@ -12855,7 +12832,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12855
12832
  text-transform:none;
12856
12833
  }
12857
12834
 
12858
- .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12835
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
12836
+ background:var(--content-switch-tab-selected-background);
12837
+ box-shadow:var(--content-switch-tab-selected-box-shadow);
12838
+ color:var(--content-switch-tab-selected-color);
12839
+ }
12840
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12859
12841
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12860
12842
  font-size:var(--bp-font-size-05);
12861
12843
  font-style:normal;
@@ -12863,7 +12845,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12863
12845
  letter-spacing:var(--bp-font-letter-spacing-01);
12864
12846
  line-height:var(--bp-font-line-height-04);
12865
12847
  }
12866
- :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12848
+ :where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12867
12849
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12868
12850
  font-size:.875rem;
12869
12851
  font-style:normal;
@@ -12874,50 +12856,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12874
12856
  text-transform:none;
12875
12857
  }
12876
12858
 
12877
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false]{
12878
- --tab-height:var(--size-10);
12879
- --tab-inline-padding:var(--space-3);
12880
- --tab-background:var(--background-background);
12881
- --tab-background-hover:var(--surface-tab-surface-hover);
12882
- --tab-background-pressed:var(--surface-tab-surface-pressed);
12883
- --tab-border-radius:var(--radius-05);
12884
- --tab-border-radius-top-left:var(--radius-05);
12885
- --tab-border-radius-top-right:var(--radius-05);
12886
- --tab-font-color:var(--text-text-on-light-secondary);
12887
- --tab-font-color-hover:var(--text-text-on-light-secondary-hover);
12888
- --tab-font-selected-color:var(--text-cta-link);
12889
- --tab-border:var(--border-1) solid var(--border-tab-border);
12890
- --tab-border-hover:var(--border-1) solid var(--border-tab-border);
12891
- --tab-border-selected:var(--border-2) solid var(--border-tab-border-selected);
12892
- --tab-border-selected-hover:var(--border-2) solid var(--border-tab-border-selected-hover);
12893
- --tab-border-focus:var(--border-2) solid var(--border-tab-border);
12894
- --tab-gap:var(--space-4);
12895
- --tab-separator-border:var(--border-1) solid var(--border-tab-border);
12896
- --tab-border-focus-outline-width:var(--border-3);
12897
- --tab-border-focus-outline-color:var(--outline-focus-on-light);
12898
- --tab-border-focus-outline-offset:var(--border-1);
12899
- --tab-border-hover-color:var(--border-tab-border-hover);
12900
- }
12901
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8{
12902
- font-family:var(--body-default-font-family);
12903
- font-size:var(--body-default-font-size);
12904
- font-weight:var(--body-default-font-weight);
12905
- letter-spacing:var(--body-default-letter-spacing);
12906
- line-height:var(--body-default-line-height);
12907
- text-decoration:var(--body-default-text-decoration);
12908
- text-transform:var(--body-default-text-case);
12859
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]{
12860
+ border-color:#0000;
12861
+ box-shadow:var(--content-switch-tab-focus-box-shadow);
12909
12862
  }
12910
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8,.bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12911
- font-family:var(--body-default-bold-font-family);
12912
- font-size:var(--body-default-bold-font-size);
12913
- font-weight:var(--body-default-bold-font-weight);
12914
- letter-spacing:var(--body-default-bold-letter-spacing);
12915
- line-height:var(--body-default-bold-line-height);
12916
- text-decoration:var(--body-default-bold-text-decoration);
12917
- text-transform:var(--body-default-bold-text-case);
12863
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
12864
+ background:var(--content-switch-tab-hover-background);
12865
+ }
12866
+ .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-disabled=true]{
12867
+ opacity:.3;
12868
+ pointer-events:none;
12918
12869
  }
12919
12870
 
12920
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true]{
12871
+ .bp_tabs_module_tabsListContainer--22ec8{
12921
12872
  --tab-height:var(--bp-size-100);
12922
12873
  --tab-inline-padding:var(--bp-space-030);
12923
12874
  --tab-background:var(--bp-surface-tab-surface);
@@ -12939,10 +12890,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12939
12890
  --tab-border-focus-outline-width:var(--bp-border-03);
12940
12891
  --tab-border-focus-outline-color:var(--bp-outline-focus-on-light);
12941
12892
  --tab-border-focus-outline-offset:var(--bp-border-01);
12942
- --tab-border-hover-color:var(--bp-border-tab-border-hover);
12943
- --tab-border-selected-color:var(--bp-border-tab-border-selected);
12893
+ height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
12894
+ overflow-y:hidden;
12895
+ scroll-behavior:smooth;
12896
+ }
12897
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8{
12898
+ display:flex;
12899
+ overflow-x:auto;
12900
+ padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12901
+ position:relative;
12944
12902
  }
12945
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8{
12903
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8::after{
12904
+ border-bottom:var(--tab-border);
12905
+ bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12906
+ content:"";
12907
+ left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12908
+ position:absolute;
12909
+ right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12910
+ }
12911
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
12912
+ border-bottom:var(--tab-separator-border);
12913
+ min-width:var(--tab-gap);
12914
+ }
12915
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8:last-child{
12916
+ display:none;
12917
+ }
12918
+ @media only screen and (max-width: 1023px){
12919
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
12920
+ min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12921
+ }
12922
+ }
12923
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12946
12924
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12947
12925
  font-size:var(--bp-font-size-05);
12948
12926
  font-style:normal;
@@ -12950,7 +12928,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12950
12928
  letter-spacing:var(--bp-font-letter-spacing-01);
12951
12929
  line-height:var(--bp-font-line-height-04);
12952
12930
  }
12953
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8{
12931
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12954
12932
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12955
12933
  font-size:.875rem;
12956
12934
  font-style:normal;
@@ -12961,7 +12939,22 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12961
12939
  text-transform:none;
12962
12940
  }
12963
12941
 
12964
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12942
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
12943
+ align-items:center;
12944
+ background:var(--tab-background);
12945
+ border-style:none;
12946
+ border-bottom:var(--tab-border);
12947
+ border-top-left-radius:var(--tab-border-radius-top-left);
12948
+ border-top-right-radius:var(--tab-border-radius-top-right);
12949
+ color:var(--tab-font-color);
12950
+ cursor:pointer;
12951
+ display:flex;
12952
+ height:var(--tab-height);
12953
+ padding-inline:var(--tab-inline-padding);
12954
+ scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
12955
+ z-index:2;
12956
+ }
12957
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12965
12958
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12966
12959
  font-size:var(--bp-font-size-05);
12967
12960
  font-style:normal;
@@ -12969,7 +12962,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12969
12962
  letter-spacing:var(--bp-font-letter-spacing-01);
12970
12963
  line-height:var(--bp-font-line-height-04);
12971
12964
  }
12972
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8[aria-selected=true]{
12965
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12973
12966
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12974
12967
  font-size:.875rem;
12975
12968
  font-style:normal;
@@ -12980,7 +12973,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12980
12973
  text-transform:none;
12981
12974
  }
12982
12975
 
12983
- .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12976
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
12977
+ border-bottom:var(--tab-border-selected);
12978
+ color:var(--tab-font-selected-color);
12979
+ }
12980
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12984
12981
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12985
12982
  font-size:var(--bp-font-size-05);
12986
12983
  font-style:normal;
@@ -12988,7 +12985,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12988
12985
  letter-spacing:var(--bp-font-letter-spacing-01);
12989
12986
  line-height:var(--bp-font-line-height-04);
12990
12987
  }
12991
- :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--d80e8[data-modern=true] .bp_tabs_module_tab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8{
12988
+ :where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
12992
12989
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12993
12990
  font-size:.875rem;
12994
12991
  font-style:normal;
@@ -12999,117 +12996,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12999
12996
  text-transform:none;
13000
12997
  }
13001
12998
 
13002
- .bp_tabs_module_contentSwitchTabList--d80e8{
13003
- background:var(--content-switch-tab-list-background);
13004
- border-radius:var(--content-switch-tab-list-border-radius);
13005
- display:grid;
13006
- gap:var(--content-switch-tab-list-gap);
13007
- grid-auto-columns:1fr;
13008
- grid-auto-flow:column;
13009
- min-width:fit-content;
13010
- padding:var(--content-switch-tab-list-padding);
13011
- }
13012
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8{
13013
- align-items:center;
13014
- background:#0000;
13015
- border:none;
13016
- border-radius:var(--content-switch-tab-border-radius);
13017
- color:var(--content-switch-tab-color);
13018
- display:flex;
13019
- flex-direction:column;
13020
- height:var(--content-switch-tab-height);
13021
- justify-content:center;
13022
- outline:none;
13023
- padding-inline:var(--content-switch-tab-padding-inline);
13024
- white-space:nowrap;
13025
- }
13026
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
13027
- background:var(--content-switch-tab-selected-background);
13028
- box-shadow:var(--content-switch-tab-selected-box-shadow);
13029
- color:var(--content-switch-tab-selected-color);
13030
- }
13031
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]{
13032
- border-color:#0000;
13033
- box-shadow:var(--content-switch-tab-focus-box-shadow);
13034
- }
13035
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
13036
- background:var(--content-switch-tab-hover-background);
13037
- }
13038
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):active{
13039
- background:var(--content-switch-tab-active-background);
13040
- }
13041
- .bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-disabled=true]{
13042
- opacity:.3;
13043
- pointer-events:none;
13044
- }
13045
-
13046
- .bp_tabs_module_tabsListContainer--d80e8{
13047
- height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
13048
- overflow-y:hidden;
13049
- scroll-behavior:smooth;
13050
- }
13051
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8{
13052
- display:flex;
13053
- overflow-x:auto;
13054
- padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13055
- position:relative;
13056
- }
13057
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8::after{
13058
- border-bottom:var(--tab-border);
13059
- bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13060
- content:"";
13061
- left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13062
- position:absolute;
13063
- right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13064
- }
13065
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
13066
- border-bottom:var(--tab-separator-border);
13067
- min-width:var(--tab-gap);
13068
- }
13069
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8:last-child{
13070
- display:none;
13071
- }
13072
- @media only screen and (max-width: 1023px){
13073
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
13074
- min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13075
- }
13076
- }
13077
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8{
13078
- align-items:center;
13079
- background:var(--tab-background);
13080
- border-style:none;
13081
- border-bottom:var(--tab-border);
13082
- border-top-left-radius:var(--tab-border-radius-top-left);
13083
- border-top-right-radius:var(--tab-border-radius-top-right);
13084
- color:var(--tab-font-color);
13085
- cursor:pointer;
13086
- display:flex;
13087
- height:var(--tab-height);
13088
- padding-inline:var(--tab-inline-padding);
13089
- scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
13090
- z-index:2;
13091
- }
13092
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[aria-selected=true]{
13093
- border-bottom:var(--tab-border-selected);
13094
- color:var(--tab-font-selected-color);
13095
- }
13096
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:hover{
12999
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover{
13097
13000
  background-color:var(--tab-background-hover);
13098
13001
  border-bottom:var(--tab-border-hover);
13099
13002
  color:var(--tab-font-color-hover);
13100
13003
  }
13101
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:hover[aria-selected=true]{
13004
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover[aria-selected=true]{
13102
13005
  border-bottom:var(--tab-border-selected-hover);
13103
13006
  color:var(--tab-font-selected-color);
13104
13007
  }
13105
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:active{
13008
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active{
13106
13009
  background-color:var(--tab-background-pressed);
13107
13010
  color:var(--tab-font-color-hover);
13108
13011
  }
13109
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:active[aria-selected=true]{
13012
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active[aria-selected=true]{
13110
13013
  color:var(--tab-font-selected-color);
13111
13014
  }
13112
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:focus-visible,.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[data-focus-visible]{
13015
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible,.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible]{
13113
13016
  background-color:var(--tab-background-hover);
13114
13017
  border-bottom:var(--tab-border-focus);
13115
13018
  border-radius:var(--tab-border-radius);
@@ -13118,11 +13021,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
13118
13021
  outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
13119
13022
  outline-offset:var(--tab-border-focus-outline-offset);
13120
13023
  }
13121
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[data-focus-visible][aria-selected=true]{
13024
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible][aria-selected=true]{
13122
13025
  border-bottom:var(--tab-border-selected);
13123
13026
  color:var(--tab-font-selected-color);
13124
13027
  }
13125
- .bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[aria-disabled=true]{
13028
+ .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-disabled=true]{
13126
13029
  opacity:.5;
13127
13030
  }
13128
13031
  .bp_radio_group_module_root--c45d0[data-modern=false]{
@@ -24,7 +24,6 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
24
24
  }, styles[variant], {
25
25
  [styles.hasIcon]: isExternal
26
26
  }]),
27
- "data-modern": 'true' ,
28
27
  children: [children, isExternal && jsx(ArrowUpRightSquareAlt, {
29
28
  "aria-hidden": true,
30
29
  className: styles.icon
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"link":"bp_link_module_link--aa435","inheritFont":"bp_link_module_inheritFont--aa435","standalone":"bp_link_module_standalone--aa435","hasIcon":"bp_link_module_hasIcon--aa435","icon":"bp_link_module_icon--aa435"};
2
+ var styles = {"link":"bp_link_module_link--05bf1","inheritFont":"bp_link_module_inheritFont--05bf1","standalone":"bp_link_module_standalone--05bf1","hasIcon":"bp_link_module_hasIcon--05bf1","icon":"bp_link_module_icon--05bf1"};
3
3
 
4
4
  export { styles as default };
@@ -18,12 +18,10 @@ const TabList = /*#__PURE__*/forwardRef(function TabList(props, ref) {
18
18
  }
19
19
  return jsx("div", {
20
20
  className: clsx(styles.tabsListContainer, containerClassname),
21
- "data-modern": 'true' ,
22
21
  children: jsx(TabList$1, {
23
22
  ...rest,
24
23
  ref: ref,
25
24
  className: clsx(variant === 'contentSwitcher' ? styles.contentSwitchTabList : styles.tabList, className),
26
- "data-modern": 'true' ,
27
25
  store: tab
28
26
  })
29
27
  });
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--d80e8","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--d80e8","contentSwitchTab":"bp_tabs_module_contentSwitchTab--d80e8","tabsListContainer":"bp_tabs_module_tabsListContainer--d80e8","tab":"bp_tabs_module_tab--d80e8","tabList":"bp_tabs_module_tabList--d80e8","tabSeparator":"bp_tabs_module_tabSeparator--d80e8"};
2
+ var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--22ec8","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--22ec8","contentSwitchTab":"bp_tabs_module_contentSwitchTab--22ec8","tabsListContainer":"bp_tabs_module_tabsListContainer--22ec8","tabList":"bp_tabs_module_tabList--22ec8","tabSeparator":"bp_tabs_module_tabSeparator--22ec8","tab":"bp_tabs_module_tab--22ec8"};
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": "17.14.1",
3
+ "version": "17.15.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.10.20",
58
+ "@box/blueprint-web-assets": "^5.10.22",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.2.64",
89
+ "@box/storybook-utils": "^1.2.66",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",