@box/blueprint-web 18.0.0 → 18.2.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 +413 -295
- package/dist/lib-esm/index.css +413 -295
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/row.d.ts +1 -2
- package/dist/lib-esm/list-item/table.d.ts +4 -4
- package/dist/lib-esm/toolbar/index.d.ts +13 -0
- package/dist/lib-esm/toolbar/index.js +13 -0
- package/dist/lib-esm/toolbar/toolbar-dropdown-indicator.js +4 -2
- package/dist/lib-esm/toolbar/toolbar-icon.js +3 -2
- package/dist/lib-esm/toolbar/toolbar-root.d.ts +9 -0
- package/dist/lib-esm/toolbar/toolbar-root.js +15 -0
- package/dist/lib-esm/toolbar/toolbar-scrollable-container.d.ts +2 -0
- package/dist/lib-esm/toolbar/toolbar-scrollable-container.js +11 -5
- package/dist/lib-esm/toolbar/toolbar-toggle-item.js +3 -2
- package/dist/lib-esm/toolbar/toolbar.module.js +1 -1
- package/dist/lib-esm/toolbar/types.d.ts +13 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +3 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +4 -0
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -5717,16 +5717,16 @@
|
|
|
5717
5717
|
.bp_list_checkbox_module_checkbox--6d182[data-disabled]{
|
|
5718
5718
|
opacity:var(--checkbox-disabled-opacity);
|
|
5719
5719
|
}
|
|
5720
|
-
.bp_main_module_tableSortingContainer--
|
|
5720
|
+
.bp_main_module_tableSortingContainer--e8456{
|
|
5721
5721
|
display:flex;
|
|
5722
5722
|
flex-direction:column;
|
|
5723
5723
|
min-width:100%;
|
|
5724
5724
|
}
|
|
5725
5725
|
|
|
5726
|
-
.bp_main_module_resizableTableContainer--
|
|
5726
|
+
.bp_main_module_resizableTableContainer--e8456{
|
|
5727
5727
|
min-width:100%;
|
|
5728
5728
|
}
|
|
5729
|
-
.bp_main_module_resizableTableContainer--
|
|
5729
|
+
.bp_main_module_resizableTableContainer--e8456 table{
|
|
5730
5730
|
--item-background:var(--list-item-header-background);
|
|
5731
5731
|
--outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
|
|
5732
5732
|
--outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
|
|
@@ -5737,10 +5737,10 @@
|
|
|
5737
5737
|
border-spacing:0;
|
|
5738
5738
|
width:100% !important;
|
|
5739
5739
|
}
|
|
5740
|
-
.bp_main_module_resizableTableContainer--
|
|
5740
|
+
.bp_main_module_resizableTableContainer--e8456 .bp_main_module_resizableTable--e8456{
|
|
5741
5741
|
table-layout:fixed !important;
|
|
5742
5742
|
}
|
|
5743
|
-
.bp_main_module_resizableTableContainer--
|
|
5743
|
+
.bp_main_module_resizableTableContainer--e8456{
|
|
5744
5744
|
--list-item-header-background:var(--bp-surface-surface);
|
|
5745
5745
|
--list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5746
5746
|
--list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
|
|
@@ -5784,10 +5784,13 @@
|
|
|
5784
5784
|
--list-item-cell-actions-margin-block:var(--bp-space-020);
|
|
5785
5785
|
--list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
|
|
5786
5786
|
--list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
|
|
5787
|
-
--list-item-row-
|
|
5787
|
+
--list-item-row-drop-target-background:var(--bp-surface-list-item-surface-selected);
|
|
5788
|
+
--list-item-row-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
5789
|
+
--list-item-drag-opacity:0.6;
|
|
5790
|
+
--list-item-undroppable-opacity:0.5;
|
|
5788
5791
|
}
|
|
5789
5792
|
|
|
5790
|
-
.bp_main_module_tableHeader--
|
|
5793
|
+
.bp_main_module_tableHeader--e8456{
|
|
5791
5794
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5792
5795
|
font-size:var(--bp-font-size-03);
|
|
5793
5796
|
font-style:normal;
|
|
@@ -5795,7 +5798,7 @@
|
|
|
5795
5798
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5796
5799
|
line-height:var(--bp-font-line-height-02);
|
|
5797
5800
|
}
|
|
5798
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
5801
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--e8456{
|
|
5799
5802
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5800
5803
|
font-size:.75rem;
|
|
5801
5804
|
font-style:normal;
|
|
@@ -5806,67 +5809,67 @@
|
|
|
5806
5809
|
text-transform:none;
|
|
5807
5810
|
}
|
|
5808
5811
|
|
|
5809
|
-
.bp_main_module_tableHeader--
|
|
5812
|
+
.bp_main_module_tableHeader--e8456 tr > th{
|
|
5810
5813
|
font-weight:var(--bp-font-weight-regular);
|
|
5811
5814
|
overflow:hidden;
|
|
5812
5815
|
padding:0;
|
|
5813
5816
|
text-overflow:ellipsis;
|
|
5814
5817
|
white-space:nowrap;
|
|
5815
5818
|
}
|
|
5816
|
-
.bp_main_module_tableHeader--
|
|
5819
|
+
.bp_main_module_tableHeader--e8456 tr > th:first-child{
|
|
5817
5820
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5818
5821
|
}
|
|
5819
|
-
.bp_main_module_tableHeader--
|
|
5822
|
+
.bp_main_module_tableHeader--e8456 tr > th:last-child{
|
|
5820
5823
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5821
5824
|
}
|
|
5822
|
-
.bp_main_module_tableHeader--
|
|
5825
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456{
|
|
5823
5826
|
color:var(--list-item-header-text-color-unsorted);
|
|
5824
5827
|
outline:none;
|
|
5825
5828
|
overflow:visible;
|
|
5826
5829
|
text-align:left;
|
|
5827
5830
|
}
|
|
5828
|
-
.bp_main_module_tableHeader--
|
|
5831
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456{
|
|
5829
5832
|
align-items:center;
|
|
5830
5833
|
display:flex;
|
|
5831
5834
|
flex:1 0 0;
|
|
5832
5835
|
gap:var(--list-item-header-gap);
|
|
5833
5836
|
overflow:hidden;
|
|
5834
5837
|
}
|
|
5835
|
-
.bp_main_module_tableHeader--
|
|
5838
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456 .bp_main_module_columnName--e8456{
|
|
5836
5839
|
min-width:0;
|
|
5837
5840
|
overflow:hidden;
|
|
5838
5841
|
text-overflow:ellipsis;
|
|
5839
5842
|
white-space:nowrap;
|
|
5840
5843
|
}
|
|
5841
|
-
.bp_main_module_tableHeader--
|
|
5844
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456:focus-visible{
|
|
5842
5845
|
outline:none;
|
|
5843
5846
|
}
|
|
5844
|
-
.bp_main_module_tableHeader--
|
|
5847
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456.bp_main_module_focusVisible--e8456{
|
|
5845
5848
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5846
5849
|
outline:var(--list-item-header-column-focus-outline);
|
|
5847
5850
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
5848
5851
|
}
|
|
5849
|
-
.bp_main_module_tableHeader--
|
|
5852
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[colspan]{
|
|
5850
5853
|
text-align:center;
|
|
5851
5854
|
}
|
|
5852
|
-
.bp_main_module_tableHeader--
|
|
5855
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_rotateArrow--e8456{
|
|
5853
5856
|
transform:rotateX(180deg);
|
|
5854
5857
|
}
|
|
5855
|
-
.bp_main_module_tableHeader--
|
|
5858
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sorted--e8456{
|
|
5856
5859
|
color:var(--list-item-header-text-color-sorted);
|
|
5857
5860
|
font-weight:bold;
|
|
5858
5861
|
}
|
|
5859
|
-
.bp_main_module_tableHeader--
|
|
5862
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sortingFlexWrapper--e8456{
|
|
5860
5863
|
align-items:center;
|
|
5861
5864
|
display:flex;
|
|
5862
5865
|
gap:var(--list-item-header-gap);
|
|
5863
5866
|
padding:var(--list-item-header-column-padding);
|
|
5864
5867
|
position:relative;
|
|
5865
5868
|
}
|
|
5866
|
-
.bp_main_module_tableHeader--
|
|
5869
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sortingFlexWrapper--e8456 svg{
|
|
5867
5870
|
flex-shrink:0;
|
|
5868
5871
|
}
|
|
5869
|
-
.bp_main_module_tableHeader--
|
|
5872
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456{
|
|
5870
5873
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
5871
5874
|
flex:0 0 auto;
|
|
5872
5875
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -5875,55 +5878,55 @@
|
|
|
5875
5878
|
touch-action:none;
|
|
5876
5879
|
width:var(--list-item-header-column-resizer-width);
|
|
5877
5880
|
}
|
|
5878
|
-
.bp_main_module_tableHeader--
|
|
5881
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=both]{
|
|
5879
5882
|
cursor:ew-resize;
|
|
5880
5883
|
}
|
|
5881
|
-
.bp_main_module_tableHeader--
|
|
5884
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=left]{
|
|
5882
5885
|
cursor:e-resize;
|
|
5883
5886
|
}
|
|
5884
|
-
.bp_main_module_tableHeader--
|
|
5887
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=right]{
|
|
5885
5888
|
cursor:w-resize;
|
|
5886
5889
|
}
|
|
5887
|
-
.bp_main_module_tableHeader--
|
|
5890
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-focus-visible]{
|
|
5888
5891
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5889
5892
|
outline:var(--list-item-header-column-resizer-outline);
|
|
5890
5893
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
5891
5894
|
}
|
|
5892
|
-
.bp_main_module_tableHeader--
|
|
5895
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizing]{
|
|
5893
5896
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
5894
5897
|
}
|
|
5895
|
-
.bp_main_module_tableHeader--
|
|
5898
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:last-of-type .bp_main_module_columnResizer--e8456{
|
|
5896
5899
|
display:none;
|
|
5897
5900
|
}
|
|
5898
|
-
.bp_main_module_tableHeader--
|
|
5901
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
|
|
5899
5902
|
color:var(--list-item-header-text-color-sorted);
|
|
5900
5903
|
font-weight:bold;
|
|
5901
5904
|
}
|
|
5902
|
-
.bp_main_module_tableHeader--
|
|
5905
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[data-focus-visible]:not([data-sort-direction]) svg{
|
|
5903
5906
|
transform:rotateX(180deg);
|
|
5904
5907
|
visibility:visible;
|
|
5905
5908
|
}
|
|
5906
5909
|
|
|
5907
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
5910
|
+
.bp_main_module_dropdownHeaderContainer--e8456{
|
|
5908
5911
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
5909
5912
|
}
|
|
5910
5913
|
|
|
5911
|
-
.bp_main_module_column--
|
|
5914
|
+
.bp_main_module_column--e8456.bp_main_module_droppableColumn--e8456{
|
|
5912
5915
|
min-width:160px;
|
|
5913
5916
|
}
|
|
5914
5917
|
|
|
5915
|
-
.bp_main_module_column--
|
|
5918
|
+
.bp_main_module_column--e8456.bp_main_module_actionColumn--e8456{
|
|
5916
5919
|
min-width:1px;
|
|
5917
5920
|
}
|
|
5918
5921
|
|
|
5919
|
-
.bp_main_module_column--
|
|
5922
|
+
.bp_main_module_column--e8456.bp_main_module_hiddenColumn--e8456{
|
|
5920
5923
|
display:none;
|
|
5921
5924
|
}
|
|
5922
5925
|
|
|
5923
|
-
.bp_main_module_tableBody--
|
|
5926
|
+
.bp_main_module_tableBody--e8456[data-empty]{
|
|
5924
5927
|
text-align:center;
|
|
5925
5928
|
}
|
|
5926
|
-
.bp_main_module_tableBody--
|
|
5929
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456{
|
|
5927
5930
|
background:var(--list-item-row-background);
|
|
5928
5931
|
border-radius:var(--list-item-row-border-radius);
|
|
5929
5932
|
color:var(--list-item-row-text-color);
|
|
@@ -5934,7 +5937,7 @@
|
|
|
5934
5937
|
position:relative;
|
|
5935
5938
|
transform:translateZ(0);
|
|
5936
5939
|
}
|
|
5937
|
-
.bp_main_module_tableBody--
|
|
5940
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456::after{
|
|
5938
5941
|
background:#0000;
|
|
5939
5942
|
border-top:var(--list-item-row-divider);
|
|
5940
5943
|
box-sizing:border-box;
|
|
@@ -5947,20 +5950,20 @@
|
|
|
5947
5950
|
width:100%;
|
|
5948
5951
|
z-index:999;
|
|
5949
5952
|
}
|
|
5950
|
-
.bp_main_module_tableBody--
|
|
5953
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true]{
|
|
5951
5954
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
5952
5955
|
}
|
|
5953
|
-
.bp_main_module_tableBody--
|
|
5956
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true]::after{
|
|
5954
5957
|
border:var(--list-item-row-background-selected-border);
|
|
5955
5958
|
border-radius:var(--list-item-row-border-radius);
|
|
5956
5959
|
}
|
|
5957
|
-
.bp_main_module_tableBody--
|
|
5960
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
5958
5961
|
opacity:1;
|
|
5959
5962
|
}
|
|
5960
|
-
.bp_main_module_tableBody--
|
|
5963
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456{
|
|
5961
5964
|
display:none;
|
|
5962
5965
|
}
|
|
5963
|
-
.bp_main_module_tableBody--
|
|
5966
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456{
|
|
5964
5967
|
max-width:0;
|
|
5965
5968
|
outline:none;
|
|
5966
5969
|
overflow:hidden;
|
|
@@ -5970,25 +5973,25 @@
|
|
|
5970
5973
|
transform:translateZ(0);
|
|
5971
5974
|
white-space:nowrap;
|
|
5972
5975
|
}
|
|
5973
|
-
.bp_main_module_tableBody--
|
|
5976
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456[data-focus-visible]{
|
|
5974
5977
|
outline:var(--list-item-cell-focus-outline);
|
|
5975
5978
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
5976
5979
|
position:relative;
|
|
5977
5980
|
}
|
|
5978
|
-
.bp_main_module_tableBody--
|
|
5981
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456:first-child{
|
|
5979
5982
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5980
5983
|
}
|
|
5981
|
-
.bp_main_module_tableBody--
|
|
5984
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456:last-child{
|
|
5982
5985
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5983
5986
|
}
|
|
5984
|
-
.bp_main_module_tableBody--
|
|
5987
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456.bp_main_module_actions--e8456{
|
|
5985
5988
|
overflow:unset;
|
|
5986
5989
|
padding:0;
|
|
5987
5990
|
position:sticky;
|
|
5988
5991
|
right:0;
|
|
5989
5992
|
width:var(--list-item-cell-actions-width);
|
|
5990
5993
|
}
|
|
5991
|
-
.bp_main_module_tableBody--
|
|
5994
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
5992
5995
|
align-items:center;
|
|
5993
5996
|
background:var(--list-item-row-background);
|
|
5994
5997
|
bottom:0;
|
|
@@ -6002,7 +6005,7 @@
|
|
|
6002
6005
|
right:var(--list-item-cell-actions-right-offset);
|
|
6003
6006
|
top:0;
|
|
6004
6007
|
}
|
|
6005
|
-
.bp_main_module_tableBody--
|
|
6008
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456::before{
|
|
6006
6009
|
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6007
6010
|
bottom:0;
|
|
6008
6011
|
content:"";
|
|
@@ -6013,93 +6016,93 @@
|
|
|
6013
6016
|
width:var(--list-item-cell-actions-fade-width);
|
|
6014
6017
|
z-index:0;
|
|
6015
6018
|
}
|
|
6016
|
-
.bp_main_module_tableBody--
|
|
6019
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456.bp_main_module_alwaysShowSelection--e8456{
|
|
6017
6020
|
opacity:1;
|
|
6018
6021
|
}
|
|
6019
|
-
.bp_main_module_tableBody--
|
|
6022
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456.bp_main_module_alwaysShowSelection--e8456 .bp_main_module_actionChildren--e8456{
|
|
6020
6023
|
display:none;
|
|
6021
6024
|
}
|
|
6022
|
-
.bp_main_module_tableBody--
|
|
6025
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456[data-state=open]{
|
|
6023
6026
|
opacity:1;
|
|
6024
6027
|
}
|
|
6025
|
-
.bp_main_module_tableBody--
|
|
6028
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456[data-state=open] .bp_main_module_actionChildren--e8456{
|
|
6026
6029
|
display:block;
|
|
6027
6030
|
}
|
|
6028
|
-
.bp_main_module_tableBody--
|
|
6031
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456.bp_main_module_isCellHidden--e8456{
|
|
6029
6032
|
display:none;
|
|
6030
6033
|
}
|
|
6031
|
-
.bp_main_module_tableBody--
|
|
6032
|
-
opacity
|
|
6034
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-dragging]{
|
|
6035
|
+
opacity:var(--list-item-drag-opacity);
|
|
6033
6036
|
transform:translateZ(0);
|
|
6034
6037
|
}
|
|
6035
|
-
.bp_main_module_tableBody--
|
|
6038
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]{
|
|
6036
6039
|
outline:var(--list-item-row-focus-outline);
|
|
6037
6040
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6038
6041
|
}
|
|
6039
|
-
.bp_main_module_tableBody--
|
|
6042
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][aria-selected=true]{
|
|
6040
6043
|
background:var(--list-item-row-background);
|
|
6041
6044
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6042
6045
|
}
|
|
6043
|
-
.bp_main_module_tableBody--
|
|
6046
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:last-child::after{
|
|
6044
6047
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6045
6048
|
}
|
|
6046
|
-
.bp_main_module_tableBody--
|
|
6049
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:last-child[aria-selected=true]::after{
|
|
6047
6050
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6048
6051
|
}
|
|
6049
|
-
.bp_main_module_tableBody--
|
|
6052
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]),.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible],.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]{
|
|
6050
6053
|
z-index:1;
|
|
6051
6054
|
}
|
|
6052
|
-
.bp_main_module_tableBody--
|
|
6055
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:not([aria-selected=true])::after{
|
|
6053
6056
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6054
6057
|
border-radius:var(--list-item-border-radius);
|
|
6055
6058
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6056
6059
|
box-shadow:var(--dropshadow-2);
|
|
6057
6060
|
}
|
|
6058
|
-
.bp_main_module_tableBody--
|
|
6061
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:last-child:not([aria-selected=true])::after{
|
|
6059
6062
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6060
6063
|
}
|
|
6061
|
-
.bp_main_module_tableBody--
|
|
6064
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
|
|
6062
6065
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6063
6066
|
}
|
|
6064
|
-
.bp_main_module_tableBody--
|
|
6067
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within[data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within[data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered][data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered][data-pressed] .bp_main_module_actionsWrapper--e8456{
|
|
6065
6068
|
opacity:1;
|
|
6066
6069
|
}
|
|
6067
|
-
.bp_main_module_tableBody--
|
|
6070
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
|
|
6068
6071
|
border:var(--list-item-row-border-hover);
|
|
6069
6072
|
border-radius:var(--list-item-border-radius);
|
|
6070
6073
|
}
|
|
6071
|
-
.bp_main_module_tableBody--
|
|
6074
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
6072
6075
|
opacity:1;
|
|
6073
6076
|
}
|
|
6074
|
-
.bp_main_module_tableBody--
|
|
6077
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456{
|
|
6075
6078
|
display:block;
|
|
6076
6079
|
}
|
|
6077
|
-
.bp_main_module_tableBody--
|
|
6078
|
-
opacity
|
|
6080
|
+
.bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456:not(.bp_main_module_droppableTarget--e8456){
|
|
6081
|
+
opacity:var(--list-item-undroppable-opacity);
|
|
6079
6082
|
}
|
|
6080
|
-
.
|
|
6081
|
-
|
|
6083
|
+
.bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-dragging]{
|
|
6084
|
+
opacity:var(--list-item-drag-opacity);
|
|
6082
6085
|
}
|
|
6083
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6084
|
-
|
|
6085
|
-
box-shadow:none;
|
|
6086
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-drop-target]{
|
|
6087
|
+
--list-item-row-background:var(--list-item-row-drop-target-background);
|
|
6086
6088
|
}
|
|
6087
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6088
|
-
|
|
6089
|
-
|
|
6089
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-drop-target]::after{
|
|
6090
|
+
border:var(--list-item-row-drop-target-border);
|
|
6091
|
+
border-radius:var(--list-item-row-border-radius);
|
|
6092
|
+
box-shadow:none;
|
|
6090
6093
|
}
|
|
6091
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6094
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-dragging][aria-selected=true]::after{
|
|
6092
6095
|
border:var(--list-item-row-background-selected-border);
|
|
6093
6096
|
border-radius:var(--list-item-row-border-radius);
|
|
6094
6097
|
box-shadow:none;
|
|
6095
6098
|
}
|
|
6096
6099
|
@supports selector(:has(*)){
|
|
6097
|
-
.bp_main_module_row--
|
|
6100
|
+
.bp_main_module_row--e8456[aria-selected=true] + .bp_main_module_dropIndicator--e8456 + [aria-selected=true]::after,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--e8456:first-child,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--e8456:last-child,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true]::after{
|
|
6098
6101
|
border-start-end-radius:0;
|
|
6099
6102
|
border-start-start-radius:0;
|
|
6100
6103
|
border-top-width:var(--border-1);
|
|
6101
6104
|
}
|
|
6102
|
-
.bp_main_module_row--
|
|
6105
|
+
.bp_main_module_row--e8456[aria-selected=true]:has(+ .bp_main_module_dropIndicator--e8456 + [aria-selected=true]) .bp_main_module_cell--e8456:last-child,.bp_main_module_row--e8456[aria-selected=true]:has(+ .bp_main_module_dropIndicator--e8456 + [aria-selected=true])::after,.bp_main_module_row--e8456[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--e8456:first-child,.bp_main_module_row--e8456[aria-selected=true]:has(+ [aria-selected=true])::after{
|
|
6103
6106
|
border-bottom-width:var(--border-1);
|
|
6104
6107
|
border-end-end-radius:0;
|
|
6105
6108
|
border-end-start-radius:0;
|
|
@@ -6839,7 +6842,7 @@
|
|
|
6839
6842
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6840
6843
|
fill:currentcolor;
|
|
6841
6844
|
}
|
|
6842
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6845
|
+
.bp_base_grid_list_item_module_smallList--1ce37{
|
|
6843
6846
|
--small-list-gap:var(--bp-space-020);
|
|
6844
6847
|
--small-list-padding:initial;
|
|
6845
6848
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6872,7 +6875,7 @@
|
|
|
6872
6875
|
padding:var(--small-list-padding);
|
|
6873
6876
|
width:auto;
|
|
6874
6877
|
}
|
|
6875
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6878
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37{
|
|
6876
6879
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6877
6880
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6878
6881
|
--item-background:var(--small-list-item-background);
|
|
@@ -6891,11 +6894,11 @@
|
|
|
6891
6894
|
transform:translateZ(0);
|
|
6892
6895
|
width:auto;
|
|
6893
6896
|
}
|
|
6894
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6897
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
6895
6898
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6896
6899
|
grid-template-rows:100% 0;
|
|
6897
6900
|
}
|
|
6898
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6901
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
6899
6902
|
align-items:center;
|
|
6900
6903
|
aspect-ratio:1;
|
|
6901
6904
|
display:flex;
|
|
@@ -6904,13 +6907,13 @@
|
|
|
6904
6907
|
overflow:hidden;
|
|
6905
6908
|
z-index:1;
|
|
6906
6909
|
}
|
|
6907
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6910
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnailContent--1ce37 img,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnailContent--1ce37 svg{
|
|
6908
6911
|
height:100%;
|
|
6909
6912
|
object-fit:cover;
|
|
6910
6913
|
object-position:left;
|
|
6911
6914
|
width:100%;
|
|
6912
6915
|
}
|
|
6913
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6916
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
6914
6917
|
color:var(--small-list-header-color);
|
|
6915
6918
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6916
6919
|
font-size:var(--bp-font-size-05);
|
|
@@ -6920,7 +6923,7 @@
|
|
|
6920
6923
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6921
6924
|
line-height:var(--bp-font-line-height-04);
|
|
6922
6925
|
}
|
|
6923
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
6926
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
6924
6927
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6925
6928
|
font-size:.875rem;
|
|
6926
6929
|
font-style:normal;
|
|
@@ -6931,11 +6934,11 @@
|
|
|
6931
6934
|
text-transform:none;
|
|
6932
6935
|
}
|
|
6933
6936
|
|
|
6934
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6937
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
6935
6938
|
align-items:center;
|
|
6936
6939
|
display:flex;
|
|
6937
6940
|
}
|
|
6938
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6941
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6939
6942
|
color:var(--small-list-subtitle-color);
|
|
6940
6943
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6941
6944
|
font-size:var(--bp-font-size-03);
|
|
@@ -6945,7 +6948,7 @@
|
|
|
6945
6948
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6946
6949
|
line-height:var(--bp-font-line-height-02);
|
|
6947
6950
|
}
|
|
6948
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
6951
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6949
6952
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6950
6953
|
font-size:.75rem;
|
|
6951
6954
|
font-style:normal;
|
|
@@ -6956,17 +6959,17 @@
|
|
|
6956
6959
|
text-transform:none;
|
|
6957
6960
|
}
|
|
6958
6961
|
|
|
6959
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6962
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6960
6963
|
display:inline-block;
|
|
6961
6964
|
overflow:hidden;
|
|
6962
6965
|
text-overflow:ellipsis;
|
|
6963
6966
|
white-space:nowrap;
|
|
6964
6967
|
}
|
|
6965
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6968
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:not(:has(.bp_base_grid_list_item_module_header--1ce37)),.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:not(:has(.bp_base_grid_list_item_module_subtitle--1ce37)){
|
|
6966
6969
|
grid-template-rows:100% 0;
|
|
6967
6970
|
row-gap:0;
|
|
6968
6971
|
}
|
|
6969
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6972
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
6970
6973
|
align-items:center;
|
|
6971
6974
|
display:flex;
|
|
6972
6975
|
grid-area:actions;
|
|
@@ -6976,11 +6979,11 @@
|
|
|
6976
6979
|
padding-right:0;
|
|
6977
6980
|
}
|
|
6978
6981
|
@media (pointer: coarse){
|
|
6979
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6982
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
6980
6983
|
--actions-opacity:1;
|
|
6981
6984
|
}
|
|
6982
6985
|
}
|
|
6983
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6986
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
6984
6987
|
align-items:center;
|
|
6985
6988
|
background:var(--item-background);
|
|
6986
6989
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6989,10 +6992,10 @@
|
|
|
6989
6992
|
justify-content:center;
|
|
6990
6993
|
width:var(--small-list-selection-width);
|
|
6991
6994
|
}
|
|
6992
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6995
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
6993
6996
|
background:var(--small-list-selection-hover-background);
|
|
6994
6997
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6998
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
6996
6999
|
align-items:center;
|
|
6997
7000
|
border-radius:var(--small-list-inner-border-radius);
|
|
6998
7001
|
display:flex;
|
|
@@ -7000,17 +7003,17 @@
|
|
|
7000
7003
|
justify-content:flex-end;
|
|
7001
7004
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7002
7005
|
}
|
|
7003
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7006
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37:last-child{
|
|
7004
7007
|
margin-inline-end:0;
|
|
7005
7008
|
}
|
|
7006
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7009
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
7007
7010
|
display:flex;
|
|
7008
7011
|
}
|
|
7009
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7012
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:hover,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focused],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-hovered]{
|
|
7010
7013
|
--actions-opacity:1;
|
|
7011
7014
|
background:var(--item-hover);
|
|
7012
7015
|
}
|
|
7013
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7016
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focus-visible]::before{
|
|
7014
7017
|
--actions-opacity:1;
|
|
7015
7018
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7016
7019
|
content:"";
|
|
@@ -7024,7 +7027,7 @@
|
|
|
7024
7027
|
width:100%;
|
|
7025
7028
|
}
|
|
7026
7029
|
|
|
7027
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7030
|
+
.bp_base_grid_list_item_module_largeList--1ce37{
|
|
7028
7031
|
--large-list-gap:var(--bp-space-005);
|
|
7029
7032
|
--large-list-padding:var(--bp-space-010);
|
|
7030
7033
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7082,7 +7085,7 @@
|
|
|
7082
7085
|
overflow:auto;
|
|
7083
7086
|
padding:var(--large-list-padding);
|
|
7084
7087
|
}
|
|
7085
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7088
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37{
|
|
7086
7089
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7087
7090
|
--actions-opacity:0;
|
|
7088
7091
|
--item-background:var(--large-list-item-background);
|
|
@@ -7098,18 +7101,18 @@
|
|
|
7098
7101
|
position:relative;
|
|
7099
7102
|
transform:translateZ(0);
|
|
7100
7103
|
}
|
|
7101
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7104
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7102
7105
|
grid-template-rows:1fr 1fr 1fr;
|
|
7103
7106
|
}
|
|
7104
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7107
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:focus-within{
|
|
7105
7108
|
--actions-opacity:1;
|
|
7106
7109
|
}
|
|
7107
7110
|
@media (max-width: 374px){
|
|
7108
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7111
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37{
|
|
7109
7112
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7110
7113
|
}
|
|
7111
7114
|
}
|
|
7112
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7115
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7113
7116
|
aspect-ratio:4/3;
|
|
7114
7117
|
border:var(--large-list-item-thumbnail-border);
|
|
7115
7118
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7117,24 +7120,24 @@
|
|
|
7117
7120
|
overflow:hidden;
|
|
7118
7121
|
z-index:1;
|
|
7119
7122
|
}
|
|
7120
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7123
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7121
7124
|
height:100%;
|
|
7122
7125
|
object-fit:cover;
|
|
7123
7126
|
object-position:left;
|
|
7124
7127
|
width:100%;
|
|
7125
7128
|
}
|
|
7126
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7129
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7127
7130
|
border:none;
|
|
7128
7131
|
}
|
|
7129
7132
|
@media (max-width: 374px){
|
|
7130
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7133
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7131
7134
|
aspect-ratio:1/1;
|
|
7132
7135
|
}
|
|
7133
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7136
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7134
7137
|
object-fit:contain;
|
|
7135
7138
|
}
|
|
7136
7139
|
}
|
|
7137
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7140
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7138
7141
|
align-items:center;
|
|
7139
7142
|
display:flex;
|
|
7140
7143
|
height:var(--large-list-item-actions-height);
|
|
@@ -7146,11 +7149,11 @@
|
|
|
7146
7149
|
top:var(--large-list-item-actions-top);
|
|
7147
7150
|
}
|
|
7148
7151
|
@media (pointer: coarse){
|
|
7149
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7152
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7150
7153
|
--actions-opacity:1;
|
|
7151
7154
|
}
|
|
7152
7155
|
}
|
|
7153
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7156
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7154
7157
|
align-items:center;
|
|
7155
7158
|
background:var(--item-background);
|
|
7156
7159
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7159,15 +7162,15 @@
|
|
|
7159
7162
|
justify-content:center;
|
|
7160
7163
|
width:var(--large-list-item-selection-width);
|
|
7161
7164
|
}
|
|
7162
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7165
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7163
7166
|
background:var(--large-list-item-selection-hover-background);
|
|
7164
7167
|
}
|
|
7165
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7168
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_fade--1ce37{
|
|
7166
7169
|
align-self:stretch;
|
|
7167
7170
|
background:var(--large-list-item-fade-background);
|
|
7168
7171
|
width:var(--large-list-item-fade-width);
|
|
7169
7172
|
}
|
|
7170
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7173
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7171
7174
|
align-items:center;
|
|
7172
7175
|
background:var(--item-background);
|
|
7173
7176
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7176,14 +7179,14 @@
|
|
|
7176
7179
|
justify-content:flex-end;
|
|
7177
7180
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7178
7181
|
}
|
|
7179
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7182
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37:last-child{
|
|
7180
7183
|
margin-inline-end:0;
|
|
7181
7184
|
}
|
|
7182
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7185
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
7183
7186
|
background:var(--item-background);
|
|
7184
7187
|
display:flex;
|
|
7185
7188
|
}
|
|
7186
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7189
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7187
7190
|
align-items:center;
|
|
7188
7191
|
color:var(--large-list-item-header-color);
|
|
7189
7192
|
display:inline-flex;
|
|
@@ -7200,7 +7203,7 @@
|
|
|
7200
7203
|
text-transform:var(--body-default-semibold-text-case);
|
|
7201
7204
|
white-space:nowrap;
|
|
7202
7205
|
}
|
|
7203
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7206
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7204
7207
|
align-items:center;
|
|
7205
7208
|
color:var(--large-list-item-subtitle-color);
|
|
7206
7209
|
display:flex;
|
|
@@ -7215,7 +7218,7 @@
|
|
|
7215
7218
|
text-transform:var(--caption-default-text-case);
|
|
7216
7219
|
white-space:nowrap;
|
|
7217
7220
|
}
|
|
7218
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7221
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_description--1ce37{
|
|
7219
7222
|
-webkit-box-orient:vertical;
|
|
7220
7223
|
-webkit-line-clamp:3;
|
|
7221
7224
|
color:var(--large-list-item-description-color);
|
|
@@ -7232,12 +7235,12 @@
|
|
|
7232
7235
|
text-decoration:var(--body-default-text-decoration);
|
|
7233
7236
|
text-transform:var(--body-default-text-case);
|
|
7234
7237
|
}
|
|
7235
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7238
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_snippet--1ce37{
|
|
7236
7239
|
grid-area:description;
|
|
7237
7240
|
margin:0;
|
|
7238
7241
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7239
7242
|
}
|
|
7240
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7243
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_snippet--1ce37 .bp_base_grid_list_item_module_snippetContent--1ce37{
|
|
7241
7244
|
-webkit-box-orient:vertical;
|
|
7242
7245
|
-webkit-line-clamp:2;
|
|
7243
7246
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7256,19 +7259,19 @@
|
|
|
7256
7259
|
text-decoration:var(--body-default-text-decoration);
|
|
7257
7260
|
text-transform:var(--body-default-text-case);
|
|
7258
7261
|
}
|
|
7259
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7262
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focused],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-hovered]{
|
|
7260
7263
|
border-radius:var(--large-list-item-border-radius);
|
|
7261
7264
|
}
|
|
7262
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7265
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focused],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-hovered]{
|
|
7263
7266
|
--actions-opacity:1;
|
|
7264
7267
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7265
7268
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7266
7269
|
outline:var(--large-list-item-hover-outline);
|
|
7267
7270
|
}
|
|
7268
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7271
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:not([aria-selected=true])[data-hovered]{
|
|
7269
7272
|
--item-background:var(--large-list-item-hover-background);
|
|
7270
7273
|
}
|
|
7271
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7274
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible]::before{
|
|
7272
7275
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7273
7276
|
content:"";
|
|
7274
7277
|
display:block;
|
|
@@ -7280,7 +7283,7 @@
|
|
|
7280
7283
|
top:0;
|
|
7281
7284
|
width:100%;
|
|
7282
7285
|
}
|
|
7283
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7286
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]{
|
|
7284
7287
|
--actions-opacity:1;
|
|
7285
7288
|
--item-background:var(--large-list-item-selected-background);
|
|
7286
7289
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7288,25 +7291,25 @@
|
|
|
7288
7291
|
outline:var(--large-list-item-selected-outline);
|
|
7289
7292
|
z-index:2;
|
|
7290
7293
|
}
|
|
7291
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7294
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_fade--1ce37{
|
|
7292
7295
|
background:var(--large-list-item-selected-fade-background);
|
|
7293
7296
|
}
|
|
7294
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7297
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7295
7298
|
display:none;
|
|
7296
7299
|
}
|
|
7297
7300
|
@supports selector(:has(.foo)){
|
|
7298
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7301
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--1ce37 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7299
7302
|
border-end-end-radius:0;
|
|
7300
7303
|
border-end-start-radius:0;
|
|
7301
7304
|
}
|
|
7302
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7305
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--1ce37 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] + [aria-selected=true]{
|
|
7303
7306
|
border-start-end-radius:0;
|
|
7304
7307
|
border-start-start-radius:0;
|
|
7305
7308
|
border-top:none;
|
|
7306
7309
|
}
|
|
7307
7310
|
}
|
|
7308
7311
|
|
|
7309
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7312
|
+
.bp_base_grid_list_item_module_gridList--1ce37{
|
|
7310
7313
|
--grid-list-minimum-item-width:188px;
|
|
7311
7314
|
--grid-list-gap:var(--bp-space-040);
|
|
7312
7315
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7355,7 +7358,7 @@
|
|
|
7355
7358
|
overflow:auto;
|
|
7356
7359
|
padding:var(--grid-list-padding);
|
|
7357
7360
|
}
|
|
7358
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7361
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37{
|
|
7359
7362
|
--actions-opacity:0;
|
|
7360
7363
|
--item-background:var(--grid-list-item-background);
|
|
7361
7364
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7373,15 +7376,15 @@
|
|
|
7373
7376
|
row-gap:var(--row-gap);
|
|
7374
7377
|
transform:translateZ(0);
|
|
7375
7378
|
}
|
|
7376
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7379
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37:focus-within{
|
|
7377
7380
|
--actions-opacity:1;
|
|
7378
7381
|
}
|
|
7379
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7382
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37{
|
|
7380
7383
|
left:var(--grid-list-item-status-pin-left);
|
|
7381
7384
|
position:absolute;
|
|
7382
7385
|
top:var(--grid-list-item-status-pin-top);
|
|
7383
7386
|
}
|
|
7384
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7387
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7385
7388
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7386
7389
|
background:var(--grid-list-thumbnail-background);
|
|
7387
7390
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7389,25 +7392,25 @@
|
|
|
7389
7392
|
grid-area:thumbnail;
|
|
7390
7393
|
overflow:hidden;
|
|
7391
7394
|
}
|
|
7392
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7395
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7393
7396
|
height:100%;
|
|
7394
7397
|
object-fit:contain;
|
|
7395
7398
|
width:100%;
|
|
7396
7399
|
}
|
|
7397
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7400
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7398
7401
|
border:none;
|
|
7399
7402
|
}
|
|
7400
7403
|
@media (pointer: coarse){
|
|
7401
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7404
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7402
7405
|
margin-block-end:var(--space-1);
|
|
7403
7406
|
}
|
|
7404
7407
|
}
|
|
7405
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7408
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7406
7409
|
grid-area:subtitle;
|
|
7407
7410
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7408
7411
|
opacity:var(--actions-opacity);
|
|
7409
7412
|
}
|
|
7410
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7413
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7411
7414
|
align-items:center;
|
|
7412
7415
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7413
7416
|
display:flex;
|
|
@@ -7418,10 +7421,10 @@
|
|
|
7418
7421
|
top:var(--grid-list-selection-top);
|
|
7419
7422
|
width:var(--grid-list-selection-width);
|
|
7420
7423
|
}
|
|
7421
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7424
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7422
7425
|
background:var(--grid-list-selection-hover-background);
|
|
7423
7426
|
}
|
|
7424
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7427
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7425
7428
|
align-items:center;
|
|
7426
7429
|
background:var(--item-background);
|
|
7427
7430
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7430,12 +7433,12 @@
|
|
|
7430
7433
|
justify-content:center;
|
|
7431
7434
|
}
|
|
7432
7435
|
@media (pointer: coarse){
|
|
7433
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7436
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7434
7437
|
grid-area:actions;
|
|
7435
7438
|
margin-block-start:0;
|
|
7436
7439
|
}
|
|
7437
7440
|
}
|
|
7438
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7441
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7439
7442
|
color:var(--grid-list-header-color);
|
|
7440
7443
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7441
7444
|
font-size:var(--bp-font-size-05);
|
|
@@ -7448,7 +7451,7 @@
|
|
|
7448
7451
|
overflow-wrap:anywhere;
|
|
7449
7452
|
text-align:center;
|
|
7450
7453
|
}
|
|
7451
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7454
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7452
7455
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7453
7456
|
font-size:.875rem;
|
|
7454
7457
|
font-style:normal;
|
|
@@ -7459,17 +7462,17 @@
|
|
|
7459
7462
|
text-transform:none;
|
|
7460
7463
|
}
|
|
7461
7464
|
|
|
7462
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7465
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7463
7466
|
align-items:center;
|
|
7464
7467
|
display:flex;
|
|
7465
7468
|
}
|
|
7466
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7469
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7467
7470
|
-webkit-box-orient:vertical;
|
|
7468
7471
|
-webkit-line-clamp:2;
|
|
7469
7472
|
display:-webkit-box;
|
|
7470
7473
|
overflow:hidden;
|
|
7471
7474
|
}
|
|
7472
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7475
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7473
7476
|
color:var(--grid-list-subtitle-color);
|
|
7474
7477
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7475
7478
|
font-size:var(--bp-font-size-03);
|
|
@@ -7484,7 +7487,7 @@
|
|
|
7484
7487
|
text-overflow:ellipsis;
|
|
7485
7488
|
white-space:nowrap;
|
|
7486
7489
|
}
|
|
7487
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7490
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7488
7491
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7489
7492
|
font-size:.75rem;
|
|
7490
7493
|
font-style:normal;
|
|
@@ -7495,16 +7498,16 @@
|
|
|
7495
7498
|
text-transform:none;
|
|
7496
7499
|
}
|
|
7497
7500
|
|
|
7498
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7501
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7499
7502
|
height:var(--grid-list-subtitle-loading-height);
|
|
7500
7503
|
}
|
|
7501
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7504
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37:hover,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focused],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-hovered]{
|
|
7502
7505
|
--actions-opacity:1;
|
|
7503
7506
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7504
7507
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7505
7508
|
outline:var(--grid-list-item-hover-outline);
|
|
7506
7509
|
}
|
|
7507
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7510
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible]::before{
|
|
7508
7511
|
border-radius:var(--grid-list-item-border-radius);
|
|
7509
7512
|
content:"";
|
|
7510
7513
|
display:block;
|
|
@@ -7516,7 +7519,7 @@
|
|
|
7516
7519
|
top:0;
|
|
7517
7520
|
width:100%;
|
|
7518
7521
|
}
|
|
7519
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7522
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item]::after,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible]::after{
|
|
7520
7523
|
border-radius:var(--grid-list-item-border-radius);
|
|
7521
7524
|
content:"";
|
|
7522
7525
|
display:block;
|
|
@@ -7528,16 +7531,16 @@
|
|
|
7528
7531
|
top:0;
|
|
7529
7532
|
width:100%;
|
|
7530
7533
|
}
|
|
7531
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7534
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[aria-selected=true]{
|
|
7532
7535
|
--actions-opacity:1;
|
|
7533
7536
|
--item-background:var(--grid-list-item-selected-background);
|
|
7534
7537
|
outline:var(--grid-list-item-selected-outline);
|
|
7535
7538
|
}
|
|
7536
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7539
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--1ce37) .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7537
7540
|
opacity:0;
|
|
7538
7541
|
}
|
|
7539
7542
|
@media (pointer: coarse){
|
|
7540
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7543
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37{
|
|
7541
7544
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7542
7545
|
--actions-opacity:1;
|
|
7543
7546
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7545,7 +7548,7 @@
|
|
|
7545
7548
|
}
|
|
7546
7549
|
}
|
|
7547
7550
|
|
|
7548
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7551
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37{
|
|
7549
7552
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7550
7553
|
--tooltip-offset:var(--bp-space-020);
|
|
7551
7554
|
--tooltip-arrow-display:none;
|
|
@@ -7572,27 +7575,27 @@
|
|
|
7572
7575
|
text-transform:var(--body-default-text-case);
|
|
7573
7576
|
z-index:var(--z-index-tooltip);
|
|
7574
7577
|
}
|
|
7575
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7578
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37 .bp_base_grid_list_item_module_tooltipArrow--1ce37 svg{
|
|
7576
7579
|
display:var(--tooltip-arrow-display);
|
|
7577
7580
|
height:.5rem;
|
|
7578
7581
|
width:1rem;
|
|
7579
7582
|
}
|
|
7580
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7583
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=top]{
|
|
7581
7584
|
margin-block-end:var(--tooltip-offset);
|
|
7582
7585
|
}
|
|
7583
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7586
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--1ce37 svg{
|
|
7584
7587
|
transform:rotate(180deg);
|
|
7585
7588
|
}
|
|
7586
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7589
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=bottom]{
|
|
7587
7590
|
margin-block-start:var(--tooltip-offset);
|
|
7588
7591
|
}
|
|
7589
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7592
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=right]{
|
|
7590
7593
|
margin-inline-start:var(--tooltip-offset);
|
|
7591
7594
|
}
|
|
7592
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7595
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=left]{
|
|
7593
7596
|
margin-inline-end:var(--tooltip-offset);
|
|
7594
7597
|
}
|
|
7595
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7598
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37{
|
|
7596
7599
|
--grid-v2-gap:var(--bp-space-020);
|
|
7597
7600
|
--grid-v2-padding:0;
|
|
7598
7601
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7636,6 +7639,10 @@
|
|
|
7636
7639
|
--grid-v2-file-type-pill-background:var(--bp-gray-02);
|
|
7637
7640
|
--grid-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-05);
|
|
7638
7641
|
--grid-v2-file-type-pill-border-radius:var(--bp-radius-16);
|
|
7642
|
+
--grid-v2-drop-target-background:var(--bp-surface-item-surface-selected);
|
|
7643
|
+
--grid-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7644
|
+
--grid-v2-drag-opacity:0.6;
|
|
7645
|
+
--grid-v2-undroppable-opacity:0.5;
|
|
7639
7646
|
box-sizing:border-box;
|
|
7640
7647
|
display:grid;
|
|
7641
7648
|
gap:var(--grid-v2-gap);
|
|
@@ -7645,7 +7652,13 @@
|
|
|
7645
7652
|
overflow:auto;
|
|
7646
7653
|
padding:var(--grid-v2-padding) 0;
|
|
7647
7654
|
}
|
|
7648
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7655
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37:has(.bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--1ce37:not(.bp_base_grid_list_item_module_droppableTarget--1ce37){
|
|
7656
|
+
opacity:var(--grid-v2-undroppable-opacity);
|
|
7657
|
+
}
|
|
7658
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37:has(.bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]{
|
|
7659
|
+
opacity:var(--grid-v2-drag-opacity);
|
|
7660
|
+
}
|
|
7661
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37{
|
|
7649
7662
|
--actions-opacity:0;
|
|
7650
7663
|
--subtitle-opacity:1;
|
|
7651
7664
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7663,20 +7676,20 @@
|
|
|
7663
7676
|
position:relative;
|
|
7664
7677
|
transform:translateZ(0);
|
|
7665
7678
|
}
|
|
7666
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7679
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37:focus-within{
|
|
7667
7680
|
--actions-opacity:1;
|
|
7668
7681
|
--subtitle-opacity:0;
|
|
7669
7682
|
}
|
|
7670
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7683
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37:focus-within{
|
|
7671
7684
|
--subtitle-opacity:1;
|
|
7672
7685
|
}
|
|
7673
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7686
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37{
|
|
7674
7687
|
left:var(--grid-v2-item-status-pin-left);
|
|
7675
7688
|
position:absolute;
|
|
7676
7689
|
top:var(--grid-v2-item-status-pin-top);
|
|
7677
7690
|
transition:transform .15s ease-out;
|
|
7678
7691
|
}
|
|
7679
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7692
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7680
7693
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7681
7694
|
background:var(--grid-v2-thumbnail-background);
|
|
7682
7695
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7686,28 +7699,28 @@
|
|
|
7686
7699
|
position:relative;
|
|
7687
7700
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7688
7701
|
}
|
|
7689
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7702
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7690
7703
|
height:100%;
|
|
7691
7704
|
max-height:none;
|
|
7692
7705
|
max-width:none;
|
|
7693
7706
|
object-fit:cover;
|
|
7694
7707
|
width:100%;
|
|
7695
7708
|
}
|
|
7696
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7709
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img.bp_base_grid_list_item_module_isImageFile--1ce37{
|
|
7697
7710
|
object-position:center;
|
|
7698
7711
|
}
|
|
7699
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7712
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img:not(.bp_base_grid_list_item_module_isImageFile--1ce37){
|
|
7700
7713
|
object-position:top left;
|
|
7701
7714
|
}
|
|
7702
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7715
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7703
7716
|
border:none;
|
|
7704
7717
|
}
|
|
7705
7718
|
@media (pointer: coarse){
|
|
7706
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7719
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7707
7720
|
margin-block-end:var(--bp-space-010);
|
|
7708
7721
|
}
|
|
7709
7722
|
}
|
|
7710
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7723
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_thumbnailBadges--1ce37{
|
|
7711
7724
|
align-items:center;
|
|
7712
7725
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7713
7726
|
display:flex;
|
|
@@ -7715,12 +7728,12 @@
|
|
|
7715
7728
|
position:absolute;
|
|
7716
7729
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7717
7730
|
}
|
|
7718
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7731
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37{
|
|
7719
7732
|
align-items:center;
|
|
7720
7733
|
display:flex;
|
|
7721
7734
|
justify-content:center;
|
|
7722
7735
|
}
|
|
7723
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7736
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_fileTypePill--1ce37{
|
|
7724
7737
|
background:var(--grid-v2-file-type-pill-background);
|
|
7725
7738
|
border:var(--grid-v2-file-type-pill-border);
|
|
7726
7739
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7729,13 +7742,13 @@
|
|
|
7729
7742
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7730
7743
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7731
7744
|
}
|
|
7732
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7745
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7733
7746
|
grid-area:subtitle;
|
|
7734
7747
|
margin-top:.25rem;
|
|
7735
7748
|
opacity:var(--actions-opacity);
|
|
7736
7749
|
transition:opacity .15s ease-out;
|
|
7737
7750
|
}
|
|
7738
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7751
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7739
7752
|
align-items:center;
|
|
7740
7753
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7741
7754
|
display:flex;
|
|
@@ -7747,19 +7760,19 @@
|
|
|
7747
7760
|
transition:transform .15s ease-out;
|
|
7748
7761
|
width:var(--grid-v2-selection-width);
|
|
7749
7762
|
}
|
|
7750
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7763
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7751
7764
|
background:var(--grid-v2-selection-hover-background);
|
|
7752
7765
|
}
|
|
7753
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7766
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7754
7767
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7755
7768
|
display:flex;
|
|
7756
7769
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7757
7770
|
padding-inline-start:.25rem;
|
|
7758
7771
|
}
|
|
7759
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7772
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7760
7773
|
padding-inline-start:.25rem;
|
|
7761
7774
|
}
|
|
7762
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7775
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7763
7776
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7764
7777
|
font-size:var(--bp-font-size-05);
|
|
7765
7778
|
font-style:normal;
|
|
@@ -7767,7 +7780,7 @@
|
|
|
7767
7780
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7768
7781
|
line-height:var(--bp-font-line-height-04);
|
|
7769
7782
|
}
|
|
7770
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7783
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7771
7784
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7772
7785
|
font-size:.875rem;
|
|
7773
7786
|
font-style:normal;
|
|
@@ -7778,7 +7791,7 @@
|
|
|
7778
7791
|
text-transform:none;
|
|
7779
7792
|
}
|
|
7780
7793
|
|
|
7781
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7794
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7782
7795
|
color:var(--grid-v2-header-color);
|
|
7783
7796
|
display:block;
|
|
7784
7797
|
grid-area:head;
|
|
@@ -7787,7 +7800,7 @@
|
|
|
7787
7800
|
text-overflow:ellipsis;
|
|
7788
7801
|
white-space:nowrap;
|
|
7789
7802
|
}
|
|
7790
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7803
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7791
7804
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7792
7805
|
font-size:var(--bp-font-size-04);
|
|
7793
7806
|
font-style:normal;
|
|
@@ -7795,7 +7808,7 @@
|
|
|
7795
7808
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7796
7809
|
line-height:var(--bp-font-line-height-04);
|
|
7797
7810
|
}
|
|
7798
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7811
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7799
7812
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7800
7813
|
font-size:.8125rem;
|
|
7801
7814
|
font-style:normal;
|
|
@@ -7806,7 +7819,7 @@
|
|
|
7806
7819
|
text-transform:none;
|
|
7807
7820
|
}
|
|
7808
7821
|
|
|
7809
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7822
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7810
7823
|
color:var(--grid-v2-subtitle-color);
|
|
7811
7824
|
display:block;
|
|
7812
7825
|
grid-area:subtitle;
|
|
@@ -7817,35 +7830,35 @@
|
|
|
7817
7830
|
transition:opacity .15s ease-out;
|
|
7818
7831
|
white-space:nowrap;
|
|
7819
7832
|
}
|
|
7820
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7833
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_textCentered--1ce37{
|
|
7821
7834
|
justify-content:center;
|
|
7822
7835
|
padding-inline-start:0;
|
|
7823
7836
|
text-align:center;
|
|
7824
7837
|
}
|
|
7825
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7838
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_innerCentered--1ce37{
|
|
7826
7839
|
justify-content:center;
|
|
7827
7840
|
padding-inline-start:0;
|
|
7828
7841
|
}
|
|
7829
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7842
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered]{
|
|
7830
7843
|
--actions-opacity:1;
|
|
7831
7844
|
--subtitle-opacity:0;
|
|
7832
7845
|
}
|
|
7833
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7846
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7834
7847
|
transform:translateY(-.125rem);
|
|
7835
7848
|
}
|
|
7836
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7849
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7837
7850
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7838
7851
|
}
|
|
7839
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7852
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7840
7853
|
pointer-events:none;
|
|
7841
7854
|
}
|
|
7842
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7855
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-hovered]{
|
|
7843
7856
|
--subtitle-opacity:1;
|
|
7844
7857
|
}
|
|
7845
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7858
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[aria-selected=true] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-focus-visible] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-hovered] .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7846
7859
|
pointer-events:auto;
|
|
7847
7860
|
}
|
|
7848
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7861
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible]::before{
|
|
7849
7862
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7850
7863
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7851
7864
|
content:"";
|
|
@@ -7854,10 +7867,10 @@
|
|
|
7854
7867
|
position:absolute;
|
|
7855
7868
|
transform:translateY(-.125rem);
|
|
7856
7869
|
}
|
|
7857
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7870
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true]{
|
|
7858
7871
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7859
7872
|
}
|
|
7860
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7873
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true]::after{
|
|
7861
7874
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7862
7875
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7863
7876
|
content:"";
|
|
@@ -7866,23 +7879,35 @@
|
|
|
7866
7879
|
position:absolute;
|
|
7867
7880
|
transform:translateY(-.125rem);
|
|
7868
7881
|
}
|
|
7882
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target]{
|
|
7883
|
+
--item-background:var(--grid-v2-drop-target-background);
|
|
7884
|
+
}
|
|
7885
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
7886
|
+
border:var(--grid-v2-drop-target-border);
|
|
7887
|
+
border-radius:var(--grid-v2-item-border-radius);
|
|
7888
|
+
content:"";
|
|
7889
|
+
inset:0;
|
|
7890
|
+
pointer-events:none;
|
|
7891
|
+
position:absolute;
|
|
7892
|
+
transform:none;
|
|
7893
|
+
}
|
|
7869
7894
|
@media (pointer: coarse){
|
|
7870
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7895
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37{
|
|
7871
7896
|
--actions-opacity:1;
|
|
7872
7897
|
--subtitle-opacity:1;
|
|
7873
7898
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7874
7899
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7875
7900
|
}
|
|
7876
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7901
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7877
7902
|
grid-area:actions;
|
|
7878
7903
|
}
|
|
7879
7904
|
}
|
|
7880
7905
|
|
|
7881
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7906
|
+
.bp_base_grid_list_item_module_gridListV2Small--1ce37{
|
|
7882
7907
|
--grid-v2-min-item-width:15.625rem;
|
|
7883
7908
|
}
|
|
7884
7909
|
|
|
7885
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
7910
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--1ce37{
|
|
7886
7911
|
--grid-v2-min-item-width:8.75rem;
|
|
7887
7912
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
7888
7913
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -7891,7 +7916,7 @@
|
|
|
7891
7916
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
7892
7917
|
}
|
|
7893
7918
|
|
|
7894
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
7919
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37::after{
|
|
7895
7920
|
border:var(--grid-v2-thumbnail-border);
|
|
7896
7921
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7897
7922
|
content:"";
|
|
@@ -7900,7 +7925,7 @@
|
|
|
7900
7925
|
position:absolute;
|
|
7901
7926
|
transform:translateY(-.125rem);
|
|
7902
7927
|
}
|
|
7903
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7928
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--1ce37{
|
|
7904
7929
|
display:grid;
|
|
7905
7930
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7906
7931
|
grid-template-columns:1fr;
|
|
@@ -7912,15 +7937,15 @@
|
|
|
7912
7937
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7913
7938
|
}
|
|
7914
7939
|
@media (pointer: coarse){
|
|
7915
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7940
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--1ce37{
|
|
7916
7941
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7917
7942
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7918
7943
|
}
|
|
7919
7944
|
}
|
|
7920
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
7945
|
+
.bp_base_grid_list_item_module_listV2ClickShield--1ce37{
|
|
7921
7946
|
display:contents;
|
|
7922
7947
|
}
|
|
7923
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7948
|
+
.bp_base_grid_list_item_module_listV2--1ce37{
|
|
7924
7949
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7925
7950
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7926
7951
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7955,6 +7980,10 @@
|
|
|
7955
7980
|
--list-v2-file-type-pill-background:var(--bp-gray-02);
|
|
7956
7981
|
--list-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-10);
|
|
7957
7982
|
--list-v2-file-type-pill-border-radius:var(--bp-radius-08);
|
|
7983
|
+
--list-v2-drop-target-background:var(--bp-surface-list-item-surface-selected);
|
|
7984
|
+
--list-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7985
|
+
--list-v2-drag-opacity:0.6;
|
|
7986
|
+
--list-v2-undroppable-opacity:0.5;
|
|
7958
7987
|
box-sizing:border-box;
|
|
7959
7988
|
display:flex;
|
|
7960
7989
|
flex-direction:column;
|
|
@@ -7965,7 +7994,13 @@
|
|
|
7965
7994
|
padding:var(--list-v2-padding);
|
|
7966
7995
|
width:100%;
|
|
7967
7996
|
}
|
|
7968
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7997
|
+
.bp_base_grid_list_item_module_listV2--1ce37:has(.bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_listV2Item--1ce37:not(.bp_base_grid_list_item_module_droppableTarget--1ce37){
|
|
7998
|
+
opacity:var(--list-v2-undroppable-opacity);
|
|
7999
|
+
}
|
|
8000
|
+
.bp_base_grid_list_item_module_listV2--1ce37:has(.bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]{
|
|
8001
|
+
opacity:var(--list-v2-drag-opacity);
|
|
8002
|
+
}
|
|
8003
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37{
|
|
7969
8004
|
--actions-opacity:0;
|
|
7970
8005
|
--item-background:var(--list-v2-item-background);
|
|
7971
8006
|
align-items:center;
|
|
@@ -7983,10 +8018,10 @@
|
|
|
7983
8018
|
position:relative;
|
|
7984
8019
|
transition:background .15s ease-out;
|
|
7985
8020
|
}
|
|
7986
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8021
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:not(:first-child){
|
|
7987
8022
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
7988
8023
|
}
|
|
7989
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8024
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
7990
8025
|
background:var(--list-v2-divider-color);
|
|
7991
8026
|
height:.0625rem;
|
|
7992
8027
|
left:0;
|
|
@@ -7995,10 +8030,10 @@
|
|
|
7995
8030
|
right:0;
|
|
7996
8031
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
7997
8032
|
}
|
|
7998
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8033
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:first-child .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
7999
8034
|
display:none;
|
|
8000
8035
|
}
|
|
8001
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8036
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
8002
8037
|
align-items:center;
|
|
8003
8038
|
align-self:stretch;
|
|
8004
8039
|
aspect-ratio:4/3;
|
|
@@ -8012,15 +8047,15 @@
|
|
|
8012
8047
|
position:relative;
|
|
8013
8048
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8014
8049
|
}
|
|
8015
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8050
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 svg{
|
|
8016
8051
|
height:100%;
|
|
8017
8052
|
object-fit:cover;
|
|
8018
8053
|
width:100%;
|
|
8019
8054
|
}
|
|
8020
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8055
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
8021
8056
|
border:none;
|
|
8022
8057
|
}
|
|
8023
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8058
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_thumbnailBadges--1ce37{
|
|
8024
8059
|
align-items:center;
|
|
8025
8060
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8026
8061
|
display:flex;
|
|
@@ -8028,17 +8063,17 @@
|
|
|
8028
8063
|
position:absolute;
|
|
8029
8064
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8030
8065
|
}
|
|
8031
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8066
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37{
|
|
8032
8067
|
align-items:center;
|
|
8033
8068
|
display:flex;
|
|
8034
8069
|
justify-content:center;
|
|
8035
8070
|
}
|
|
8036
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8071
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37 img,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37 svg{
|
|
8037
8072
|
height:.875rem;
|
|
8038
8073
|
object-fit:contain;
|
|
8039
8074
|
width:.875rem;
|
|
8040
8075
|
}
|
|
8041
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8076
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_fileTypePill--1ce37{
|
|
8042
8077
|
align-items:center;
|
|
8043
8078
|
background:var(--list-v2-file-type-pill-background);
|
|
8044
8079
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8047,7 +8082,7 @@
|
|
|
8047
8082
|
height:var(--list-v2-file-type-pill-height);
|
|
8048
8083
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8049
8084
|
}
|
|
8050
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8085
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_content--1ce37{
|
|
8051
8086
|
display:flex;
|
|
8052
8087
|
flex-direction:column;
|
|
8053
8088
|
gap:var(--list-v2-content-gap);
|
|
@@ -8055,7 +8090,7 @@
|
|
|
8055
8090
|
min-width:0;
|
|
8056
8091
|
padding-right:.5rem;
|
|
8057
8092
|
}
|
|
8058
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8093
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8059
8094
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8060
8095
|
font-size:var(--bp-font-size-05);
|
|
8061
8096
|
font-style:normal;
|
|
@@ -8063,7 +8098,7 @@
|
|
|
8063
8098
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8064
8099
|
line-height:var(--bp-font-line-height-04);
|
|
8065
8100
|
}
|
|
8066
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8101
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8067
8102
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8068
8103
|
font-size:.875rem;
|
|
8069
8104
|
font-style:normal;
|
|
@@ -8074,14 +8109,14 @@
|
|
|
8074
8109
|
text-transform:none;
|
|
8075
8110
|
}
|
|
8076
8111
|
|
|
8077
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8112
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8078
8113
|
color:var(--list-v2-header-color);
|
|
8079
8114
|
display:block;
|
|
8080
8115
|
overflow:hidden;
|
|
8081
8116
|
text-overflow:ellipsis;
|
|
8082
8117
|
white-space:nowrap;
|
|
8083
8118
|
}
|
|
8084
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8119
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8085
8120
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8086
8121
|
font-size:var(--bp-font-size-04);
|
|
8087
8122
|
font-style:normal;
|
|
@@ -8089,7 +8124,7 @@
|
|
|
8089
8124
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8090
8125
|
line-height:var(--bp-font-line-height-04);
|
|
8091
8126
|
}
|
|
8092
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8127
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8093
8128
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8094
8129
|
font-size:.8125rem;
|
|
8095
8130
|
font-style:normal;
|
|
@@ -8100,14 +8135,14 @@
|
|
|
8100
8135
|
text-transform:none;
|
|
8101
8136
|
}
|
|
8102
8137
|
|
|
8103
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8138
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8104
8139
|
color:var(--list-v2-subtitle-color);
|
|
8105
8140
|
display:block;
|
|
8106
8141
|
overflow:hidden;
|
|
8107
8142
|
text-overflow:ellipsis;
|
|
8108
8143
|
white-space:nowrap;
|
|
8109
8144
|
}
|
|
8110
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8145
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
8111
8146
|
align-items:center;
|
|
8112
8147
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
8113
8148
|
display:flex;
|
|
@@ -8121,11 +8156,11 @@
|
|
|
8121
8156
|
transition:opacity .15s ease-out;
|
|
8122
8157
|
}
|
|
8123
8158
|
@media (pointer: coarse){
|
|
8124
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8159
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
8125
8160
|
--actions-opacity:1;
|
|
8126
8161
|
}
|
|
8127
8162
|
}
|
|
8128
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8163
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
8129
8164
|
align-items:center;
|
|
8130
8165
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8131
8166
|
display:flex;
|
|
@@ -8133,28 +8168,28 @@
|
|
|
8133
8168
|
justify-content:center;
|
|
8134
8169
|
width:var(--list-v2-selection-size);
|
|
8135
8170
|
}
|
|
8136
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8171
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
8137
8172
|
background:var(--list-v2-selection-hover-background);
|
|
8138
8173
|
}
|
|
8139
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8174
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
8140
8175
|
align-items:center;
|
|
8141
8176
|
display:flex;
|
|
8142
8177
|
gap:var(--list-v2-actions-gap);
|
|
8143
8178
|
}
|
|
8144
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8179
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
8145
8180
|
display:flex;
|
|
8146
8181
|
}
|
|
8147
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8182
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true],.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible],.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered]{
|
|
8148
8183
|
--actions-opacity:1;
|
|
8149
8184
|
}
|
|
8150
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8185
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
8151
8186
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8152
8187
|
transform:translateY(-.125rem);
|
|
8153
8188
|
}
|
|
8154
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8189
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered]{
|
|
8155
8190
|
--item-background:var(--list-v2-hover-background);
|
|
8156
8191
|
}
|
|
8157
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8192
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible]::before{
|
|
8158
8193
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8159
8194
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8160
8195
|
content:"";
|
|
@@ -8163,10 +8198,10 @@
|
|
|
8163
8198
|
position:absolute;
|
|
8164
8199
|
transform:translateY(-.125rem);
|
|
8165
8200
|
}
|
|
8166
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8201
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true]{
|
|
8167
8202
|
--item-background:var(--list-v2-selected-background);
|
|
8168
8203
|
}
|
|
8169
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8204
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true]::after{
|
|
8170
8205
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8171
8206
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8172
8207
|
content:"";
|
|
@@ -8175,13 +8210,28 @@
|
|
|
8175
8210
|
position:absolute;
|
|
8176
8211
|
transform:translateY(-.125rem);
|
|
8177
8212
|
}
|
|
8178
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8213
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible][aria-selected=true]::after{
|
|
8179
8214
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8180
8215
|
inset:-.1875rem;
|
|
8181
8216
|
transform:translateY(-.125rem);
|
|
8182
8217
|
}
|
|
8218
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target]{
|
|
8219
|
+
--item-background:var(--list-v2-drop-target-background);
|
|
8220
|
+
}
|
|
8221
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
8222
|
+
display:none;
|
|
8223
|
+
}
|
|
8224
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8225
|
+
border:var(--list-v2-drop-target-border);
|
|
8226
|
+
border-radius:var(--list-v2-item-border-radius);
|
|
8227
|
+
content:"";
|
|
8228
|
+
inset:0;
|
|
8229
|
+
pointer-events:none;
|
|
8230
|
+
position:absolute;
|
|
8231
|
+
transform:none;
|
|
8232
|
+
}
|
|
8183
8233
|
|
|
8184
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8234
|
+
.bp_base_grid_list_item_module_staticList--1ce37 .bp_base_grid_list_item_module_staticListItem--1ce37{
|
|
8185
8235
|
display:contents;
|
|
8186
8236
|
}
|
|
8187
8237
|
.bp_guided_tooltip_module_content--39841{
|
|
@@ -12776,11 +12826,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12776
12826
|
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_inlineError--96cfe{
|
|
12777
12827
|
margin-block-start:var(--time-picker-inline-error-margin-top);
|
|
12778
12828
|
}
|
|
12779
|
-
.bp_toolbar_module_dropdownIndicator--
|
|
12829
|
+
.bp_toolbar_module_dropdownIndicator--36b15.bp_toolbar_module_invertCaret--36b15{
|
|
12780
12830
|
transform:rotate(.5turn);
|
|
12781
12831
|
}
|
|
12782
12832
|
|
|
12783
|
-
.bp_toolbar_module_toolbarRoot--
|
|
12833
|
+
.bp_toolbar_module_toolbarRoot--36b15{
|
|
12784
12834
|
--box-shadow:0 4px 12px 0 #0000001a;
|
|
12785
12835
|
--toolbar-root-gap:var(--bp-space-010);
|
|
12786
12836
|
--toolbar-root-padding:var(--bp-space-010);
|
|
@@ -12810,11 +12860,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12810
12860
|
gap:var(--toolbar-root-gap);
|
|
12811
12861
|
padding:var(--toolbar-root-padding);
|
|
12812
12862
|
}
|
|
12813
|
-
.bp_toolbar_module_toolbarRoot--
|
|
12863
|
+
.bp_toolbar_module_toolbarRoot--36b15.bp_toolbar_module_ScrollableToolbarWithReducedPadding--36b15{
|
|
12814
12864
|
--toolbar-root-padding:0;
|
|
12815
12865
|
}
|
|
12816
12866
|
|
|
12817
|
-
.bp_toolbar_module_toolbarItem--
|
|
12867
|
+
.bp_toolbar_module_toolbarItem--36b15{
|
|
12818
12868
|
--toolbar-item-min-width:var(--bp-size-080);
|
|
12819
12869
|
--toolbar-item-min-height:var(--bp-size-080);
|
|
12820
12870
|
--toolbar-item-text-indent:var(--bp-space-010);
|
|
@@ -12838,7 +12888,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12838
12888
|
--toolbar-icon-width:var(--bp-size-050);
|
|
12839
12889
|
--toolbar-icon-height:var(--bp-size-050);
|
|
12840
12890
|
--toolbar-item-text-color:var(--bp-text-text-on-light);
|
|
12891
|
+
--toolbar-item-text-color-hover:var(--toolbar-item-text-color);
|
|
12892
|
+
--toolbar-item-text-color-active:var(--toolbar-item-text-color);
|
|
12893
|
+
--toolbar-dropdown-indicator-color:var(--bp-gray-50);
|
|
12841
12894
|
--toolbar-text-toggle-color:var(--bp-text-text-on-light);
|
|
12895
|
+
--toolbar-text-toggle-hover-color:var(--toolbar-text-toggle-color);
|
|
12896
|
+
--toolbar-text-toggle-active-color:var(--toolbar-text-toggle-color);
|
|
12842
12897
|
--toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
|
|
12843
12898
|
--toolbar-text-toggle-padding-inline:var(--bp-space-020);
|
|
12844
12899
|
--toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
|
|
@@ -12871,10 +12926,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12871
12926
|
-webkit-user-select:none;
|
|
12872
12927
|
user-select:none;
|
|
12873
12928
|
}
|
|
12874
|
-
.bp_toolbar_module_toolbarItem--
|
|
12929
|
+
.bp_toolbar_module_toolbarItem--36b15[data-state=on]:hover .bp_toolbar_module_dropdownIndicator--36b15{
|
|
12875
12930
|
transform:rotate(1turn);
|
|
12876
12931
|
}
|
|
12877
|
-
.bp_toolbar_module_toolbarItem--
|
|
12932
|
+
.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarButton--36b15,.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarTextToggleItem--36b15{
|
|
12878
12933
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12879
12934
|
font-size:var(--bp-font-size-06);
|
|
12880
12935
|
font-style:normal;
|
|
@@ -12882,7 +12937,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12882
12937
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12883
12938
|
line-height:var(--bp-font-line-height-05);
|
|
12884
12939
|
}
|
|
12885
|
-
:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--
|
|
12940
|
+
:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarButton--36b15,:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarTextToggleItem--36b15{
|
|
12886
12941
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12887
12942
|
font-size:1rem;
|
|
12888
12943
|
font-style:normal;
|
|
@@ -12893,7 +12948,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12893
12948
|
text-transform:none;
|
|
12894
12949
|
}
|
|
12895
12950
|
|
|
12896
|
-
.bp_toolbar_module_toolbarItem--
|
|
12951
|
+
.bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarLink--36b15{
|
|
12897
12952
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12898
12953
|
font-size:var(--bp-font-size-05);
|
|
12899
12954
|
font-style:normal;
|
|
@@ -12901,7 +12956,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12901
12956
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12902
12957
|
line-height:var(--bp-font-line-height-04);
|
|
12903
12958
|
}
|
|
12904
|
-
:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--
|
|
12959
|
+
:where(body.is-inter-font) .bp_toolbar_module_toolbarItem--36b15.bp_toolbar_module_toolbarLink--36b15{
|
|
12905
12960
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12906
12961
|
font-size:.875rem;
|
|
12907
12962
|
font-style:normal;
|
|
@@ -12912,40 +12967,42 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12912
12967
|
text-transform:none;
|
|
12913
12968
|
}
|
|
12914
12969
|
|
|
12915
|
-
.bp_toolbar_module_toolbarItem--
|
|
12970
|
+
.bp_toolbar_module_toolbarItem--36b15[data-disabled]{
|
|
12916
12971
|
background:var(--toolbar-item-background);
|
|
12917
12972
|
opacity:var(--toolbar-item-disabled-opacity);
|
|
12918
12973
|
pointer-events:none;
|
|
12919
12974
|
}
|
|
12920
|
-
.bp_toolbar_module_toolbarItem--
|
|
12975
|
+
.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):focus-visible{
|
|
12921
12976
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
|
|
12922
12977
|
}
|
|
12923
|
-
.bp_toolbar_module_toolbarItem--
|
|
12978
|
+
.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):hover{
|
|
12924
12979
|
background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
|
|
12925
12980
|
border:var(--toolbar-item-off-hover-border);
|
|
12981
|
+
color:var(--toolbar-item-text-color-hover);
|
|
12926
12982
|
}
|
|
12927
|
-
.bp_toolbar_module_toolbarItem--
|
|
12983
|
+
.bp_toolbar_module_toolbarItem--36b15:not([data-disabled]):active,.bp_toolbar_module_toolbarItem--36b15:not([data-disabled])[data-active]{
|
|
12928
12984
|
background:var(--toolbar-button-color, var(--toolbar-item-off-pressed-background));
|
|
12929
12985
|
border:var(--toolbar-item-off-pressed-border);
|
|
12986
|
+
color:var(--toolbar-item-text-color-active);
|
|
12930
12987
|
}
|
|
12931
12988
|
|
|
12932
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
12989
|
+
.bp_toolbar_module_scrollButtonWrapper--36b15{
|
|
12933
12990
|
align-items:center;
|
|
12934
12991
|
display:flex;
|
|
12935
12992
|
gap:var(--toolbar-scroll-button-gap);
|
|
12936
12993
|
}
|
|
12937
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
12994
|
+
.bp_toolbar_module_scrollButtonWrapper--36b15.bp_toolbar_module_hidden--36b15{
|
|
12938
12995
|
display:none;
|
|
12939
12996
|
}
|
|
12940
12997
|
|
|
12941
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
12998
|
+
.bp_toolbar_module_scrollableChildrenWrapper--36b15{
|
|
12942
12999
|
-ms-overflow-style:none;
|
|
12943
13000
|
scrollbar-width:none;
|
|
12944
13001
|
}
|
|
12945
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13002
|
+
.bp_toolbar_module_scrollableChildrenWrapper--36b15::-webkit-scrollbar{
|
|
12946
13003
|
display:none;
|
|
12947
13004
|
}
|
|
12948
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13005
|
+
.bp_toolbar_module_scrollableChildrenWrapper--36b15{
|
|
12949
13006
|
align-items:center;
|
|
12950
13007
|
display:flex;
|
|
12951
13008
|
flex-grow:1;
|
|
@@ -12956,53 +13013,53 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12956
13013
|
scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
|
|
12957
13014
|
white-space:nowrap;
|
|
12958
13015
|
}
|
|
12959
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13016
|
+
.bp_toolbar_module_scrollableChildrenWrapper--36b15 > *{
|
|
12960
13017
|
flex:none;
|
|
12961
13018
|
}
|
|
12962
13019
|
|
|
12963
|
-
.bp_toolbar_module_separator--
|
|
13020
|
+
.bp_toolbar_module_separator--36b15{
|
|
12964
13021
|
background-color:var(--toolbar-separator-background);
|
|
12965
13022
|
border-radius:var(--toolbar-separator-border-radius);
|
|
12966
13023
|
height:var(--toolbar-separator-height);
|
|
12967
13024
|
width:1px;
|
|
12968
13025
|
}
|
|
12969
13026
|
|
|
12970
|
-
.bp_toolbar_module_toggleGroup--
|
|
13027
|
+
.bp_toolbar_module_toggleGroup--36b15{
|
|
12971
13028
|
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
12972
13029
|
display:flex;
|
|
12973
13030
|
gap:var(--toolbar-toggle-group-gap);
|
|
12974
13031
|
}
|
|
12975
13032
|
|
|
12976
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13033
|
+
.bp_toolbar_module_toolbarToggle--36b15[data-state=on]{
|
|
12977
13034
|
background:var(--toolbar-toggle-on-pressed-background);
|
|
12978
13035
|
border:var(--toolbar-toggle-on-pressed-border);
|
|
12979
13036
|
}
|
|
12980
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13037
|
+
.bp_toolbar_module_toolbarToggle--36b15[data-state=on] svg *{
|
|
12981
13038
|
fill:var(--toolbar-toggle-icon-fill);
|
|
12982
13039
|
}
|
|
12983
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13040
|
+
.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled]):hover{
|
|
12984
13041
|
background:var(--toolbar-toggle-on-hover-background);
|
|
12985
13042
|
border:var(--toolbar-toggle-on-hover-border);
|
|
12986
13043
|
}
|
|
12987
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13044
|
+
.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled]):active,.bp_toolbar_module_toolbarToggle--36b15[data-state=on]:not([data-disabled])[data-active]{
|
|
12988
13045
|
background:var(--toolbar-toggle-on-active-background);
|
|
12989
13046
|
border:var(--toolbar-toggle-on-active-border);
|
|
12990
13047
|
}
|
|
12991
13048
|
|
|
12992
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13049
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--36b15:active,.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-active]{
|
|
12993
13050
|
background-color:var(--toolbar-button-color);
|
|
12994
13051
|
opacity:var(--trigger-button-active-opacity, 1);
|
|
12995
13052
|
}
|
|
12996
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13053
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on] .bp_toolbar_module_dropdownIndicator--36b15 path{
|
|
12997
13054
|
fill:var(--icon-icon-on-light);
|
|
12998
13055
|
}
|
|
12999
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13056
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on]:hover{
|
|
13000
13057
|
background-color:var(--toolbar-button-color);
|
|
13001
13058
|
border-color:var(--toolbar-button-color);
|
|
13002
13059
|
opacity:var(--trigger-button-hover-opacity);
|
|
13003
13060
|
}
|
|
13004
13061
|
|
|
13005
|
-
.bp_toolbar_module_toolbarIcon--
|
|
13062
|
+
.bp_toolbar_module_toolbarIcon--36b15{
|
|
13006
13063
|
align-items:center;
|
|
13007
13064
|
display:flex;
|
|
13008
13065
|
height:var(--toolbar-icon-height);
|
|
@@ -13010,27 +13067,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13010
13067
|
width:var(--toolbar-icon-width);
|
|
13011
13068
|
}
|
|
13012
13069
|
|
|
13013
|
-
.bp_toolbar_module_toolbarLink--
|
|
13070
|
+
.bp_toolbar_module_toolbarLink--36b15{
|
|
13014
13071
|
color:var(--toolbar-link-color);
|
|
13015
13072
|
max-width:var(--toolbar-link-max-width);
|
|
13016
13073
|
padding-inline:var(--toolbar-link-padding-inline);
|
|
13017
13074
|
text-decoration:none;
|
|
13018
13075
|
text-indent:unset;
|
|
13019
13076
|
}
|
|
13020
|
-
.bp_toolbar_module_toolbarLink--
|
|
13077
|
+
.bp_toolbar_module_toolbarLink--36b15.bp_toolbar_module_toolbarItem--36b15:hover{
|
|
13021
13078
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13022
13079
|
border:var(--toolbar-item-border);
|
|
13023
13080
|
color:var(--toolbar-link-hover-color);
|
|
13024
13081
|
text-decoration:underline;
|
|
13025
13082
|
}
|
|
13026
|
-
.bp_toolbar_module_toolbarLink--
|
|
13083
|
+
.bp_toolbar_module_toolbarLink--36b15.bp_toolbar_module_toolbarItem--36b15:active{
|
|
13027
13084
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13028
13085
|
border:var(--toolbar-item-border);
|
|
13029
13086
|
color:var(--toolbar-link-pressed-color);
|
|
13030
13087
|
text-decoration:underline;
|
|
13031
13088
|
}
|
|
13032
13089
|
|
|
13033
|
-
.bp_toolbar_module_toolbarLinkText--
|
|
13090
|
+
.bp_toolbar_module_toolbarLinkText--36b15{
|
|
13034
13091
|
display:block;
|
|
13035
13092
|
min-width:0;
|
|
13036
13093
|
overflow:hidden;
|
|
@@ -13038,7 +13095,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13038
13095
|
white-space:nowrap;
|
|
13039
13096
|
}
|
|
13040
13097
|
|
|
13041
|
-
.bp_toolbar_module_toolbarInputContainer--
|
|
13098
|
+
.bp_toolbar_module_toolbarInputContainer--36b15{
|
|
13042
13099
|
--toolbar-input-height:var(--bp-size-080);
|
|
13043
13100
|
--toolbar-input-padding-block:var(--bp-space-020);
|
|
13044
13101
|
--toolbar-input-padding-inline:var(--bp-space-030);
|
|
@@ -13068,7 +13125,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13068
13125
|
position:relative;
|
|
13069
13126
|
}
|
|
13070
13127
|
|
|
13071
|
-
.bp_toolbar_module_toolbarInput--
|
|
13128
|
+
.bp_toolbar_module_toolbarInput--36b15{
|
|
13072
13129
|
background:var(--toolbar-input-background);
|
|
13073
13130
|
border:var(--toolbar-input-border-width) solid var(--toolbar-input-border-color);
|
|
13074
13131
|
border-radius:var(--toolbar-input-border-radius);
|
|
@@ -13089,7 +13146,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13089
13146
|
padding-inline:var(--toolbar-input-padding-inline);
|
|
13090
13147
|
width:100%;
|
|
13091
13148
|
}
|
|
13092
|
-
:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--
|
|
13149
|
+
:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--36b15{
|
|
13093
13150
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13094
13151
|
font-size:1rem;
|
|
13095
13152
|
font-style:normal;
|
|
@@ -13100,7 +13157,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13100
13157
|
text-transform:none;
|
|
13101
13158
|
}
|
|
13102
13159
|
|
|
13103
|
-
.bp_toolbar_module_toolbarInput--
|
|
13160
|
+
.bp_toolbar_module_toolbarInput--36b15::placeholder{
|
|
13104
13161
|
color:var(--toolbar-input-placeholder-color);
|
|
13105
13162
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13106
13163
|
font-size:var(--bp-font-size-05);
|
|
@@ -13110,7 +13167,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13110
13167
|
line-height:var(--bp-font-line-height-04);
|
|
13111
13168
|
opacity:1;
|
|
13112
13169
|
}
|
|
13113
|
-
:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--
|
|
13170
|
+
:where(body.is-inter-font) .bp_toolbar_module_toolbarInput--36b15::placeholder{
|
|
13114
13171
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13115
13172
|
font-size:.875rem;
|
|
13116
13173
|
font-style:normal;
|
|
@@ -13121,12 +13178,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13121
13178
|
text-transform:none;
|
|
13122
13179
|
}
|
|
13123
13180
|
|
|
13124
|
-
.bp_toolbar_module_toolbarInput--
|
|
13181
|
+
.bp_toolbar_module_toolbarInput--36b15:focus-visible{
|
|
13125
13182
|
--toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
|
|
13126
13183
|
border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
|
|
13127
13184
|
padding-inline-start:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset));
|
|
13128
13185
|
}
|
|
13129
|
-
.bp_toolbar_module_toolbarInput--
|
|
13186
|
+
.bp_toolbar_module_toolbarInput--36b15:disabled{
|
|
13130
13187
|
background:var(--toolbar-input-disabled-background);
|
|
13131
13188
|
border-color:var(--toolbar-input-disabled-border-color);
|
|
13132
13189
|
box-shadow:var(--toolbar-input-box-shadow);
|
|
@@ -13134,25 +13191,25 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13134
13191
|
cursor:default;
|
|
13135
13192
|
opacity:.5;
|
|
13136
13193
|
}
|
|
13137
|
-
.bp_toolbar_module_toolbarInput--
|
|
13194
|
+
.bp_toolbar_module_toolbarInput--36b15:has(+ .bp_toolbar_module_toolbarInputErrorIcon--36b15){
|
|
13138
13195
|
padding-inline-end:var(--toolbar-input-icon-end-pad);
|
|
13139
13196
|
}
|
|
13140
|
-
.bp_toolbar_module_toolbarInput--
|
|
13197
|
+
.bp_toolbar_module_toolbarInput--36b15:hover:not(:disabled, :focus-visible, .bp_toolbar_module_toolbarInputError--36b15){
|
|
13141
13198
|
border-color:var(--toolbar-input-hover-border-color);
|
|
13142
13199
|
}
|
|
13143
13200
|
|
|
13144
|
-
.bp_toolbar_module_toolbarInput--
|
|
13201
|
+
.bp_toolbar_module_toolbarInput--36b15.bp_toolbar_module_toolbarInputError--36b15{
|
|
13145
13202
|
--toolbar-input-error-border-offset:calc(var(--toolbar-input-error-border-width) - var(--toolbar-input-border-width));
|
|
13146
13203
|
border:var(--toolbar-input-error-border-width) solid var(--toolbar-input-error-border-color);
|
|
13147
13204
|
padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-error-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-error-border-offset));
|
|
13148
13205
|
}
|
|
13149
|
-
.bp_toolbar_module_toolbarInput--
|
|
13206
|
+
.bp_toolbar_module_toolbarInput--36b15.bp_toolbar_module_toolbarInputError--36b15:focus-visible{
|
|
13150
13207
|
--toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
|
|
13151
13208
|
border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
|
|
13152
13209
|
padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-border-offset));
|
|
13153
13210
|
}
|
|
13154
13211
|
|
|
13155
|
-
.bp_toolbar_module_toolbarInputErrorIcon--
|
|
13212
|
+
.bp_toolbar_module_toolbarInputErrorIcon--36b15{
|
|
13156
13213
|
color:var(--toolbar-input-error-border-color);
|
|
13157
13214
|
height:var(--toolbar-input-icon-size);
|
|
13158
13215
|
inset-inline-end:var(--toolbar-input-icon-padding);
|
|
@@ -13163,37 +13220,98 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13163
13220
|
width:var(--toolbar-input-icon-size);
|
|
13164
13221
|
}
|
|
13165
13222
|
|
|
13166
|
-
.bp_toolbar_module_toolbarInputErrorIconHidden--
|
|
13223
|
+
.bp_toolbar_module_toolbarInputErrorIconHidden--36b15{
|
|
13167
13224
|
visibility:hidden;
|
|
13168
13225
|
}
|
|
13169
13226
|
|
|
13170
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13227
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15{
|
|
13171
13228
|
border:var(--toolbar-text-toggle-off-border);
|
|
13172
13229
|
color:var(--toolbar-text-toggle-color);
|
|
13173
13230
|
padding-inline:var(--toolbar-text-toggle-padding-inline);
|
|
13174
13231
|
text-indent:unset;
|
|
13175
13232
|
white-space:nowrap;
|
|
13176
13233
|
}
|
|
13177
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13234
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15:not([data-disabled]):hover{
|
|
13178
13235
|
background:var(--toolbar-text-toggle-hover-background);
|
|
13179
13236
|
border-color:var(--toolbar-text-toggle-hover-border-color);
|
|
13237
|
+
color:var(--toolbar-text-toggle-hover-color);
|
|
13180
13238
|
}
|
|
13181
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13239
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15:not([data-disabled]):active{
|
|
13182
13240
|
background:var(--toolbar-text-toggle-active-background);
|
|
13183
13241
|
border-color:var(--toolbar-text-toggle-active-border-color);
|
|
13242
|
+
color:var(--toolbar-text-toggle-active-color);
|
|
13184
13243
|
}
|
|
13185
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13244
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]{
|
|
13186
13245
|
background:var(--toolbar-text-toggle-checked-background);
|
|
13187
13246
|
border:var(--toolbar-text-toggle-checked-border);
|
|
13188
13247
|
color:var(--toolbar-text-toggle-checked-color);
|
|
13189
13248
|
}
|
|
13190
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13249
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]:not([data-disabled]):hover{
|
|
13191
13250
|
background:var(--toolbar-text-toggle-checked-hover-background);
|
|
13192
13251
|
border-color:var(--toolbar-text-toggle-checked-hover-border-color);
|
|
13252
|
+
color:var(--toolbar-text-toggle-checked-color);
|
|
13193
13253
|
}
|
|
13194
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
13254
|
+
.bp_toolbar_module_toolbarTextToggleItem--36b15[aria-checked=true]:not([data-disabled]):active{
|
|
13195
13255
|
background:var(--toolbar-text-toggle-checked-active-background);
|
|
13196
13256
|
border-color:var(--toolbar-text-toggle-checked-active-border-color);
|
|
13257
|
+
color:var(--toolbar-text-toggle-checked-color);
|
|
13258
|
+
}
|
|
13259
|
+
|
|
13260
|
+
.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark]{
|
|
13261
|
+
--box-shadow:0 4px 12px 0 #0006;
|
|
13262
|
+
--toolbar-root-background:var(--bp-gray-100);
|
|
13263
|
+
--toolbar-root-border:var(--bp-border-01) solid var(--bp-white-opacity-12);
|
|
13264
|
+
--toolbar-separator-background:var(--bp-white-opacity-12);
|
|
13265
|
+
--toolbar-link-color:var(--bp-text-text-on-dark);
|
|
13266
|
+
--toolbar-link-hover-color:var(--bp-white-opacity-80);
|
|
13267
|
+
--toolbar-link-pressed-color:var(--bp-white-opacity-70);
|
|
13268
|
+
}
|
|
13269
|
+
.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_toolbarItem--36b15{
|
|
13270
|
+
--background-background:var(--bp-gray-100);
|
|
13271
|
+
--toolbar-item-background:var(--bp-surface-cta-surface-icon-on-dark);
|
|
13272
|
+
--toolbar-item-off-hover-background:var(--bp-surface-cta-surface-icon-on-dark-hover);
|
|
13273
|
+
--toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-cta-surface-icon-on-dark-hover);
|
|
13274
|
+
--toolbar-item-off-pressed-background:var(--bp-surface-cta-surface-icon-on-dark-pressed);
|
|
13275
|
+
--toolbar-item-off-pressed-border:var(--bp-border-01) solid var(--bp-surface-cta-surface-icon-on-dark-pressed);
|
|
13276
|
+
--toolbar-item-text-color:var(--bp-icon-cta-icon-on-dark);
|
|
13277
|
+
--toolbar-item-text-color-hover:var(--bp-icon-cta-icon-on-dark-hover);
|
|
13278
|
+
--toolbar-item-text-color-active:var(--bp-icon-cta-icon-on-dark-pressed);
|
|
13279
|
+
--toolbar-dropdown-indicator-color:var(--bp-icon-cta-icon-on-dark);
|
|
13280
|
+
--toolbar-toggle-on-pressed-background:var(--bp-light-blue-opacity-12);
|
|
13281
|
+
--toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-20);
|
|
13282
|
+
--toolbar-toggle-on-hover-background:var(--bp-light-blue-opacity-16);
|
|
13283
|
+
--toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-24);
|
|
13284
|
+
--toolbar-toggle-on-active-background:var(--bp-light-blue-opacity-20);
|
|
13285
|
+
--toolbar-toggle-on-active-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-30);
|
|
13286
|
+
--toolbar-toggle-icon-fill:var(--bp-light-blue-100);
|
|
13287
|
+
--toolbar-text-toggle-color:var(--bp-icon-cta-icon-on-dark);
|
|
13288
|
+
--toolbar-text-toggle-hover-color:var(--bp-icon-cta-icon-on-dark-hover);
|
|
13289
|
+
--toolbar-text-toggle-active-color:var(--bp-icon-cta-icon-on-dark-pressed);
|
|
13290
|
+
--toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-white-opacity-12);
|
|
13291
|
+
--toolbar-text-toggle-hover-background:var(--bp-surface-cta-surface-icon-on-dark-hover);
|
|
13292
|
+
--toolbar-text-toggle-hover-border-color:var(--bp-white-opacity-12);
|
|
13293
|
+
--toolbar-text-toggle-active-background:var(--bp-surface-cta-surface-icon-on-dark-pressed);
|
|
13294
|
+
--toolbar-text-toggle-active-border-color:var(--bp-white-opacity-12);
|
|
13295
|
+
--toolbar-text-toggle-checked-color:var(--bp-light-blue-100);
|
|
13296
|
+
--toolbar-text-toggle-checked-background:var(--bp-light-blue-opacity-12);
|
|
13297
|
+
--toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-light-blue-opacity-20);
|
|
13298
|
+
--toolbar-text-toggle-checked-hover-background:var(--bp-light-blue-opacity-16);
|
|
13299
|
+
--toolbar-text-toggle-checked-hover-border-color:var(--bp-light-blue-opacity-24);
|
|
13300
|
+
--toolbar-text-toggle-checked-active-background:var(--bp-light-blue-opacity-20);
|
|
13301
|
+
--toolbar-text-toggle-checked-active-border-color:var(--bp-light-blue-opacity-30);
|
|
13302
|
+
}
|
|
13303
|
+
.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_toolbarInputContainer--36b15{
|
|
13304
|
+
--toolbar-input-background:var(--bp-white-opacity-08);
|
|
13305
|
+
--toolbar-input-border-color:var(--bp-white-opacity-12);
|
|
13306
|
+
--toolbar-input-color:var(--bp-text-text-on-dark);
|
|
13307
|
+
--toolbar-input-placeholder-color:var(--bp-white-opacity-70);
|
|
13308
|
+
--toolbar-input-disabled-color:var(--bp-white-opacity-50);
|
|
13309
|
+
--toolbar-input-disabled-background:var(--bp-white-opacity-04);
|
|
13310
|
+
--toolbar-input-disabled-border-color:var(--bp-white-opacity-08);
|
|
13311
|
+
--toolbar-input-hover-border-color:var(--bp-white-opacity-20);
|
|
13312
|
+
}
|
|
13313
|
+
.bp_toolbar_module_toolbarRoot--36b15[data-color-scheme=dark] .bp_toolbar_module_triggerButtonSelectedWithColor--36b15[data-state=on] .bp_toolbar_module_dropdownIndicator--36b15 path{
|
|
13314
|
+
fill:var(--bp-light-blue-100);
|
|
13197
13315
|
}
|
|
13198
13316
|
:root{
|
|
13199
13317
|
--surface-surface-brand:#0061d5;
|