@box/blueprint-web 12.92.1 → 12.92.2
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/index.css
CHANGED
|
@@ -8904,17 +8904,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8904
8904
|
.bp_select_menu_grid_option_module_optionButton--ad0d5:disabled:not(.bp_select_menu_grid_option_module_loading--ad0d5){
|
|
8905
8905
|
opacity:.3;
|
|
8906
8906
|
}
|
|
8907
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
8907
|
+
.bp_tabs_module_hiddenWidthSetter--e84a8{
|
|
8908
8908
|
display:block;
|
|
8909
8909
|
height:0;
|
|
8910
8910
|
overflow:hidden;
|
|
8911
8911
|
visibility:hidden;
|
|
8912
8912
|
}
|
|
8913
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
8913
|
+
.bp_tabs_module_hiddenWidthSetter--e84a8 > *{
|
|
8914
8914
|
visibility:hidden;
|
|
8915
8915
|
}
|
|
8916
8916
|
|
|
8917
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8917
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false]{
|
|
8918
8918
|
--content-switch-tab-list-gap:var(--space-1);
|
|
8919
8919
|
--content-switch-tab-list-padding:var(--space-1);
|
|
8920
8920
|
--content-switch-tab-list-background:var(--surface-contentswitcher-surface);
|
|
@@ -8930,7 +8930,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8930
8930
|
--content-switch-tab-hover-background:var(--surface-surface-hover);
|
|
8931
8931
|
--content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
|
|
8932
8932
|
}
|
|
8933
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8933
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8{
|
|
8934
8934
|
font-family:var(--body-default-font-family);
|
|
8935
8935
|
font-size:var(--body-default-font-size);
|
|
8936
8936
|
font-weight:var(--body-default-font-weight);
|
|
@@ -8940,7 +8940,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8940
8940
|
text-decoration:var(--body-default-text-decoration);
|
|
8941
8941
|
text-transform:var(--body-default-text-case);
|
|
8942
8942
|
}
|
|
8943
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8943
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=false] .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
|
|
8944
8944
|
font-family:var(--body-default-bold-font-family);
|
|
8945
8945
|
font-size:var(--body-default-bold-font-size);
|
|
8946
8946
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -8951,7 +8951,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8951
8951
|
text-transform:var(--body-default-bold-text-case);
|
|
8952
8952
|
}
|
|
8953
8953
|
|
|
8954
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8954
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true]{
|
|
8955
8955
|
--content-switch-tab-list-gap:var(--bp-space-010);
|
|
8956
8956
|
--content-switch-tab-list-padding:var(--bp-space-010);
|
|
8957
8957
|
--content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
|
|
@@ -8966,7 +8966,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8966
8966
|
--content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
|
|
8967
8967
|
--content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
|
|
8968
8968
|
}
|
|
8969
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8969
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8{
|
|
8970
8970
|
font-family:var(--bp-font-font-family);
|
|
8971
8971
|
font-size:var(--bp-font-size-05);
|
|
8972
8972
|
font-style:normal;
|
|
@@ -8974,7 +8974,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8974
8974
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8975
8975
|
line-height:var(--bp-font-line-height-04);
|
|
8976
8976
|
}
|
|
8977
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
8977
|
+
.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_contentSwitchTabList--e84a8[data-modern=true] .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
|
|
8978
8978
|
font-family:var(--bp-font-font-family);
|
|
8979
8979
|
font-size:var(--bp-font-size-05);
|
|
8980
8980
|
font-style:normal;
|
|
@@ -8983,7 +8983,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8983
8983
|
line-height:var(--bp-font-line-height-04);
|
|
8984
8984
|
}
|
|
8985
8985
|
|
|
8986
|
-
.bp_tabs_module_tabsListContainer--
|
|
8986
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=false]{
|
|
8987
8987
|
--tab-height:var(--size-10);
|
|
8988
8988
|
--tab-inline-padding:var(--space-3);
|
|
8989
8989
|
--tab-background:var(--background-background);
|
|
@@ -9007,7 +9007,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9007
9007
|
--tab-border-focus-outline-offset:var(--border-1);
|
|
9008
9008
|
--tab-border-hover-color:var(--border-tab-border-hover);
|
|
9009
9009
|
}
|
|
9010
|
-
.bp_tabs_module_tabsListContainer--
|
|
9010
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8{
|
|
9011
9011
|
font-family:var(--body-default-font-family);
|
|
9012
9012
|
font-size:var(--body-default-font-size);
|
|
9013
9013
|
font-weight:var(--body-default-font-weight);
|
|
@@ -9017,7 +9017,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9017
9017
|
text-decoration:var(--body-default-text-decoration);
|
|
9018
9018
|
text-transform:var(--body-default-text-case);
|
|
9019
9019
|
}
|
|
9020
|
-
.bp_tabs_module_tabsListContainer--
|
|
9020
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_tabsListContainer--e84a8[data-modern=false] .bp_tabs_module_tab--e84a8[aria-selected=true]{
|
|
9021
9021
|
font-family:var(--body-default-bold-font-family);
|
|
9022
9022
|
font-size:var(--body-default-bold-font-size);
|
|
9023
9023
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -9028,10 +9028,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9028
9028
|
text-transform:var(--body-default-bold-text-case);
|
|
9029
9029
|
}
|
|
9030
9030
|
|
|
9031
|
-
.bp_tabs_module_tabsListContainer--
|
|
9031
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=true]{
|
|
9032
9032
|
--tab-height:var(--bp-size-100);
|
|
9033
9033
|
--tab-inline-padding:var(--bp-space-030);
|
|
9034
|
-
--tab-background:var(--bp-
|
|
9034
|
+
--tab-background:var(--bp-surface-tab-surface);
|
|
9035
9035
|
--tab-background-hover:var(--bp-surface-tab-surface-hover);
|
|
9036
9036
|
--tab-background-pressed:var(--bp-surface-tab-surface-pressed);
|
|
9037
9037
|
--tab-border-radius:var(--bp-radius-06) var(--bp-radius-06) 0 0;
|
|
@@ -9053,7 +9053,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9053
9053
|
--tab-border-hover-color:var(--bp-border-tab-border-hover);
|
|
9054
9054
|
--tab-border-selected-color:var(--bp-border-tab-border-selected);
|
|
9055
9055
|
}
|
|
9056
|
-
.bp_tabs_module_tabsListContainer--
|
|
9056
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8{
|
|
9057
9057
|
font-family:var(--bp-font-font-family);
|
|
9058
9058
|
font-size:var(--bp-font-size-05);
|
|
9059
9059
|
font-style:normal;
|
|
@@ -9061,7 +9061,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9061
9061
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9062
9062
|
line-height:var(--bp-font-line-height-04);
|
|
9063
9063
|
}
|
|
9064
|
-
.bp_tabs_module_tabsListContainer--
|
|
9064
|
+
.bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8 .bp_tabs_module_hiddenWidthSetter--e84a8,.bp_tabs_module_tabsListContainer--e84a8[data-modern=true] .bp_tabs_module_tab--e84a8[aria-selected=true]{
|
|
9065
9065
|
font-family:var(--bp-font-font-family);
|
|
9066
9066
|
font-size:var(--bp-font-size-05);
|
|
9067
9067
|
font-style:normal;
|
|
@@ -9070,7 +9070,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9070
9070
|
line-height:var(--bp-font-line-height-04);
|
|
9071
9071
|
}
|
|
9072
9072
|
|
|
9073
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9073
|
+
.bp_tabs_module_contentSwitchTabList--e84a8{
|
|
9074
9074
|
background:var(--content-switch-tab-list-background);
|
|
9075
9075
|
border-radius:var(--content-switch-tab-list-border-radius);
|
|
9076
9076
|
display:grid;
|
|
@@ -9081,7 +9081,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9081
9081
|
min-width:fit-content;
|
|
9082
9082
|
padding:var(--content-switch-tab-list-padding);
|
|
9083
9083
|
}
|
|
9084
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9084
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8{
|
|
9085
9085
|
align-items:center;
|
|
9086
9086
|
background:#0000;
|
|
9087
9087
|
border:none;
|
|
@@ -9095,49 +9095,49 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9095
9095
|
padding-inline:var(--content-switch-tab-padding-inline);
|
|
9096
9096
|
white-space:nowrap;
|
|
9097
9097
|
}
|
|
9098
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9098
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8[aria-selected=true]{
|
|
9099
9099
|
background:var(--content-switch-tab-selected-background);
|
|
9100
9100
|
box-shadow:var(--content-switch-tab-selected-box-shadow);
|
|
9101
9101
|
color:var(--content-switch-tab-selected-color);
|
|
9102
9102
|
}
|
|
9103
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9103
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true])[data-focus-visible]{
|
|
9104
9104
|
border-color:#0000;
|
|
9105
9105
|
box-shadow:var(--content-switch-tab-focus-box-shadow);
|
|
9106
9106
|
}
|
|
9107
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9107
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
|
|
9108
9108
|
background:var(--content-switch-tab-hover-background);
|
|
9109
9109
|
}
|
|
9110
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9110
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8:not([aria-disabled=true]):active{
|
|
9111
9111
|
background:var(--content-switch-tab-active-background);
|
|
9112
9112
|
}
|
|
9113
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
9113
|
+
.bp_tabs_module_contentSwitchTabList--e84a8 .bp_tabs_module_contentSwitchTab--e84a8[aria-disabled=true]{
|
|
9114
9114
|
opacity:.3;
|
|
9115
9115
|
pointer-events:none;
|
|
9116
9116
|
}
|
|
9117
9117
|
|
|
9118
|
-
.bp_tabs_module_tabsListContainer--
|
|
9118
|
+
.bp_tabs_module_tabsListContainer--e84a8{
|
|
9119
9119
|
height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
|
|
9120
9120
|
overflow-y:hidden;
|
|
9121
9121
|
scroll-behavior:smooth;
|
|
9122
9122
|
}
|
|
9123
|
-
.bp_tabs_module_tabsListContainer--
|
|
9123
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8{
|
|
9124
9124
|
display:flex;
|
|
9125
9125
|
overflow-x:auto;
|
|
9126
9126
|
padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
9127
9127
|
}
|
|
9128
|
-
.bp_tabs_module_tabsListContainer--
|
|
9128
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8{
|
|
9129
9129
|
border-bottom:var(--tab-separator-border);
|
|
9130
9130
|
min-width:var(--tab-gap);
|
|
9131
9131
|
}
|
|
9132
|
-
.bp_tabs_module_tabsListContainer--
|
|
9132
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8:last-child{
|
|
9133
9133
|
display:none;
|
|
9134
9134
|
}
|
|
9135
9135
|
@media only screen and (max-width: 1023px){
|
|
9136
|
-
.bp_tabs_module_tabsListContainer--
|
|
9136
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tabSeparator--e84a8{
|
|
9137
9137
|
min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
9138
9138
|
}
|
|
9139
9139
|
}
|
|
9140
|
-
.bp_tabs_module_tabsListContainer--
|
|
9140
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8{
|
|
9141
9141
|
align-items:center;
|
|
9142
9142
|
background:var(--tab-background);
|
|
9143
9143
|
border-style:none;
|
|
@@ -9152,27 +9152,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9152
9152
|
scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
9153
9153
|
z-index:2;
|
|
9154
9154
|
}
|
|
9155
|
-
.bp_tabs_module_tabsListContainer--
|
|
9155
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[aria-selected=true]{
|
|
9156
9156
|
border-bottom:var(--tab-border-selected);
|
|
9157
9157
|
color:var(--tab-font-selected-color);
|
|
9158
9158
|
}
|
|
9159
|
-
.bp_tabs_module_tabsListContainer--
|
|
9159
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:hover{
|
|
9160
9160
|
background-color:var(--tab-background-hover);
|
|
9161
9161
|
border-bottom:var(--tab-border-hover);
|
|
9162
9162
|
color:var(--tab-font-color-hover);
|
|
9163
9163
|
}
|
|
9164
|
-
.bp_tabs_module_tabsListContainer--
|
|
9164
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:hover[aria-selected=true]{
|
|
9165
9165
|
border-bottom:var(--tab-border-selected-hover);
|
|
9166
9166
|
color:var(--tab-font-selected-color);
|
|
9167
9167
|
}
|
|
9168
|
-
.bp_tabs_module_tabsListContainer--
|
|
9168
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:active{
|
|
9169
9169
|
background-color:var(--tab-background-pressed);
|
|
9170
9170
|
color:var(--tab-font-color-hover);
|
|
9171
9171
|
}
|
|
9172
|
-
.bp_tabs_module_tabsListContainer--
|
|
9172
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:active[aria-selected=true]{
|
|
9173
9173
|
color:var(--tab-font-selected-color);
|
|
9174
9174
|
}
|
|
9175
|
-
.bp_tabs_module_tabsListContainer--
|
|
9175
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:focus-visible,.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[data-focus-visible]{
|
|
9176
9176
|
background-color:var(--tab-background-hover);
|
|
9177
9177
|
border-bottom:var(--tab-border-focus);
|
|
9178
9178
|
border-radius:var(--tab-border-radius);
|
|
@@ -9181,11 +9181,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9181
9181
|
outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
|
|
9182
9182
|
outline-offset:var(--tab-border-focus-outline-offset);
|
|
9183
9183
|
}
|
|
9184
|
-
.bp_tabs_module_tabsListContainer--
|
|
9184
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[data-focus-visible][aria-selected=true]{
|
|
9185
9185
|
border-bottom:var(--tab-border-selected);
|
|
9186
9186
|
color:var(--tab-font-selected-color);
|
|
9187
9187
|
}
|
|
9188
|
-
.bp_tabs_module_tabsListContainer--
|
|
9188
|
+
.bp_tabs_module_tabsListContainer--e84a8 .bp_tabs_module_tabList--e84a8 .bp_tabs_module_tab--e84a8[aria-disabled=true]{
|
|
9189
9189
|
opacity:.5;
|
|
9190
9190
|
}
|
|
9191
9191
|
.bp_radio_group_module_root--257a7[data-modern=false]{
|
|
@@ -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--e84a8","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--e84a8","contentSwitchTab":"bp_tabs_module_contentSwitchTab--e84a8","tabsListContainer":"bp_tabs_module_tabsListContainer--e84a8","tab":"bp_tabs_module_tab--e84a8","tabList":"bp_tabs_module_tabList--e84a8","tabSeparator":"bp_tabs_module_tabSeparator--e84a8"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|