@box/blueprint-web 17.14.2 → 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.
- package/dist/lib-esm/components.css +148 -245
- package/dist/lib-esm/index.css +148 -245
- package/dist/lib-esm/primitives/link/link.js +0 -1
- package/dist/lib-esm/primitives/link/link.module.js +1 -1
- package/dist/lib-esm/primitives/tabs/tab-list.js +0 -2
- package/dist/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/package.json +3 -3
|
@@ -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--
|
|
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--
|
|
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--
|
|
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--
|
|
12756
|
+
.bp_tabs_module_hiddenWidthSetter--22ec8 > *{
|
|
12767
12757
|
visibility:hidden;
|
|
12768
12758
|
}
|
|
12769
12759
|
|
|
12770
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
.
|
|
12878
|
-
|
|
12879
|
-
|
|
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
|
-
.
|
|
12911
|
-
|
|
12912
|
-
|
|
12913
|
-
|
|
12914
|
-
|
|
12915
|
-
|
|
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--
|
|
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-
|
|
12943
|
-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
.
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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]{
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
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--
|
|
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--
|
|
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--
|
|
12756
|
+
.bp_tabs_module_hiddenWidthSetter--22ec8 > *{
|
|
12767
12757
|
visibility:hidden;
|
|
12768
12758
|
}
|
|
12769
12759
|
|
|
12770
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
.
|
|
12878
|
-
|
|
12879
|
-
|
|
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
|
-
.
|
|
12911
|
-
|
|
12912
|
-
|
|
12913
|
-
|
|
12914
|
-
|
|
12915
|
-
|
|
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--
|
|
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-
|
|
12943
|
-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
.
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|