@box/blueprint-web 6.11.2 → 6.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"stickyCell":"sticky_cell_module_stickyCell--f551d","childrenWrapper":"sticky_cell_module_childrenWrapper--f551d","verticalBar":"sticky_cell_module_verticalBar--f551d","isScrolledX":"sticky_cell_module_isScrolledX--f551d","stickyCellBelow":"sticky_cell_module_stickyCellBelow--f551d","stickyCellOuterLeft":"sticky_cell_module_stickyCellOuterLeft--f551d"};
2
+ var styles = {"stickyCell":"sticky_cell_module_stickyCell--4a2a0","childrenWrapper":"sticky_cell_module_childrenWrapper--4a2a0","verticalBar":"sticky_cell_module_verticalBar--4a2a0","isScrolledX":"sticky_cell_module_isScrolledX--4a2a0","stickyCellBelow":"sticky_cell_module_stickyCellBelow--4a2a0","stickyCellOuterLeft":"sticky_cell_module_stickyCellOuterLeft--4a2a0"};
3
3
 
4
4
  export { styles as default };
package/lib-esm/index.css CHANGED
@@ -3024,236 +3024,236 @@
3024
3024
  .data_table_module_hideActionWrapperRight--6abf9 table tbody > tr > td [data-actionswrapper]::after{
3025
3025
  display:none;
3026
3026
  }
3027
- @layer baseTable{
3028
- .main_module_resizableTableContainer--a3e79{
3029
- min-width:0;
3030
- }
3031
- .main_module_resizableTableContainer--a3e79 table{
3032
- --item-background:var(--background-background);
3033
- --outline-offset-focus-row:-0.25rem;
3034
- --outline-offset-focus-cell:-0.1875rem;
3035
- --border-radius:var(--border-radius-datatable, var(--radius-4));
3036
- --outline-offset-focus-and-selected-row:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
3037
- --outline-select-color:var(--outline-select-color-datatable, var(--box-blue-100));
3038
- --outline-focus-color:var(--outline-focus-on-light);
3039
- border-collapse:initial;
3040
- border-spacing:0;
3041
- }
3042
- .main_module_tableHeader--a3e79 tr > th{
3043
- font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
3044
- font-size:.75rem;
3045
- font-weight:400;
3046
- letter-spacing:.01875rem;
3047
- line-height:.875rem;
3048
- overflow:hidden;
3049
- padding:0;
3050
- text-decoration:none;
3051
- text-overflow:ellipsis;
3052
- text-transform:none;
3053
- white-space:nowrap;
3054
- }
3055
- .main_module_tableHeader--a3e79 tr > th:first-child{
3056
- border-radius:var(--border-radius) 0 0 var(--border-radius);
3057
- }
3058
- .main_module_tableHeader--a3e79 tr > th:last-child{
3059
- border-radius:0 var(--border-radius) var(--border-radius) 0;
3060
- }
3061
- .main_module_tableHeader--a3e79 .main_module_column--a3e79{
3062
- color:var(--text-text-on-light-secondary);
3063
- outline:none;
3064
- text-align:left;
3065
- }
3066
- .main_module_tableHeader--a3e79 .main_module_column--a3e79 .main_module_columnName--a3e79{
3067
- overflow:hidden;
3068
- text-overflow:ellipsis;
3069
- white-space:nowrap;
3070
- }
3071
- .main_module_tableHeader--a3e79 .main_module_column--a3e79[colspan]{
3072
- text-align:center;
3073
- }
3074
- .main_module_tableHeader--a3e79 .main_module_column--a3e79[data-focus-visible]{
3075
- outline:var(--border-2) solid var(--outline-focus-color);
3076
- outline-offset:var(--outline-offset-focus-cell);
3077
- position:relative;
3078
- }
3079
- .main_module_tableHeader--a3e79 .main_module_column--a3e79 .main_module_rotateArrow--a3e79{
3080
- transform:rotateX(180deg);
3081
- }
3082
- .main_module_tableHeader--a3e79 .main_module_column--a3e79 .main_module_sorted--a3e79{
3083
- color:var(--text-text-on-light);
3084
- font-weight:bold;
3085
- }
3086
- .main_module_tableHeader--a3e79 .main_module_column--a3e79 .main_module_sortingFlexWrapper--a3e79{
3087
- align-items:flex-end;
3088
- display:flex;
3089
- gap:var(--space-2);
3090
- padding:var(--space-2) var(--space-3);
3091
- }
3092
- .main_module_tableHeader--a3e79 .main_module_column--a3e79 .main_module_sortingFlexWrapper--a3e79 svg{
3093
- flex-shrink:0;
3094
- }
3095
- .main_module_tableHeader--a3e79 .main_module_column--a3e79:hover:not([data-sort-direction])[data-allows-sorting],.main_module_tableHeader--a3e79 .main_module_column--a3e79[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
3096
- color:var(--text-text-on-light);
3097
- font-weight:bold;
3098
- }
3099
- .main_module_tableHeader--a3e79 .main_module_column--a3e79:hover:not([data-sort-direction]) svg,.main_module_tableHeader--a3e79 .main_module_column--a3e79[data-focus-visible]:not([data-sort-direction]) svg{
3100
- transform:rotateX(180deg);
3101
- visibility:visible;
3102
- }
3103
- .main_module_tableBody--a3e79[data-empty]{
3104
- text-align:center;
3105
- }
3106
- .main_module_tableBody--a3e79 .main_module_row--a3e79{
3107
- background:var(--item-background);
3108
- border-radius:var(--border-radius);
3109
- color:var(--text-text-on-light);
3110
- cursor:default;
3111
- height:var(--size-14);
3112
- outline:none;
3113
- overflow:hidden;
3114
- position:relative;
3115
- transform:translateZ(0);
3116
- }
3117
- .main_module_tableBody--a3e79 .main_module_row--a3e79::after{
3118
- background:#0000;
3119
- border-top:var(--border-1) solid var(--gray-10);
3120
- box-sizing:border-box;
3121
- content:"";
3122
- height:var(--size-14);
3123
- left:0;
3124
- pointer-events:none;
3125
- position:absolute;
3126
- top:0;
3127
- width:100%;
3128
- z-index:999;
3129
- }
3130
- .main_module_tableBody--a3e79 .main_module_row--a3e79[aria-selected=true]{
3131
- --item-background:var(--box-blue-05);
3132
- }
3133
- .main_module_tableBody--a3e79 .main_module_row--a3e79[aria-selected=true]::after{
3134
- border:var(--border-2) solid var(--outline-select-color);
3135
- border-radius:var(--border-radius);
3136
- }
3137
- .main_module_tableBody--a3e79 .main_module_row--a3e79[aria-selected=true] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79{
3138
- opacity:1;
3139
- }
3140
- .main_module_tableBody--a3e79 .main_module_row--a3e79[aria-selected=true] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79 .main_module_actionChildren--a3e79{
3141
- display:none;
3142
- }
3143
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79{
3144
- outline:none;
3145
- overflow:hidden;
3146
- padding:var(--space-2) var(--space-3);
3147
- text-align:start;
3148
- text-overflow:ellipsis;
3149
- transform:translateZ(0);
3150
- white-space:nowrap;
3151
- }
3152
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79[data-focus-visible]{
3153
- outline:var(--border-2) solid var(--outline-focus-color);
3154
- outline-offset:var(--outline-offset-focus-cell);
3155
- position:relative;
3156
- }
3157
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79:first-child{
3158
- border-radius:var(--border-radius) 0 0 var(--border-radius);
3159
- }
3160
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79:last-child{
3161
- border-radius:0 var(--border-radius) var(--border-radius) 0;
3162
- }
3163
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79.main_module_actions--a3e79{
3164
- overflow:unset;
3165
- padding:0;
3166
- position:sticky;
3167
- right:0;
3168
- width:var(--size-6);
3169
- }
3170
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79{
3171
- align-items:center;
3172
- background:var(--item-background);
3173
- bottom:0;
3174
- display:flex;
3175
- gap:var(--space-2);
3176
- justify-content:center;
3177
- margin-block:var(--space-2);
3178
- opacity:0;
3179
- padding:0 var(--space-2);
3180
- position:absolute;
3181
- right:var(--size-4);
3182
- top:0;
3183
- }
3184
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79::before{
3185
- box-shadow:-.25rem 0 .625rem .625rem var(--item-background);
3186
- content:"";
3187
- display:block;
3188
- height:50%;
3189
- left:0;
3190
- position:absolute;
3191
- width:0;
3192
- z-index:0;
3193
- }
3194
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79[data-state=open]{
3195
- opacity:1;
3196
- }
3197
- .main_module_tableBody--a3e79 .main_module_row--a3e79 .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79[data-state=open] .main_module_actionChildren--a3e79{
3198
- display:block;
3199
- }
3200
- .main_module_tableBody--a3e79 .main_module_row--a3e79[data-dragging]{
3201
- opacity:.5;
3202
- transform:translateZ(0);
3203
- }
3204
- .main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible]{
3205
- outline:var(--border-2) solid var(--outline-focus-color);
3206
- outline-offset:var(--outline-offset-focus-row);
3207
- }
3208
- .main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible][aria-selected=true]{
3209
- background:var(--item-background);
3210
- outline-offset:var(--outline-offset-focus-and-selected-row);
3211
- }
3212
- .main_module_tableBody--a3e79 .main_module_row--a3e79:last-child::after{
3213
- border-bottom:var(--border-1) solid var(--gray-10);
3214
- }
3215
- .main_module_tableBody--a3e79 .main_module_row--a3e79:last-child[aria-selected=true]::after{
3216
- border-bottom:var(--border-2) solid var(--outline-select-color);
3217
- }
3218
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible],.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered]{
3219
- z-index:1;
3220
- }
3221
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within:not([aria-selected=true])::after,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible]:not([aria-selected=true])::after,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered]:not([aria-selected=true])::after{
3222
- border-bottom:var(--border-1) solid #0000;
3223
- border-radius:var(--border-radius);
3224
- border-top:var(--border-1) solid #0000;
3225
- box-shadow:var(--dropshadow-2);
3226
- }
3227
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within:last-child:not([aria-selected=true])::after,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible]:last-child:not([aria-selected=true])::after,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered]:last-child:not([aria-selected=true])::after{
3228
- border-bottom:var(--border-1) solid #0000;
3229
- }
3230
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
3231
- border-top:var(--border-1) solid #0000;
3232
- }
3233
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within[data-dragging] .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within[data-pressed] .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible][data-dragging] .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible][data-pressed] .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered][data-dragging] .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered][data-pressed] .main_module_actionsWrapper--a3e79{
3234
- opacity:1;
3235
- }
3236
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
3237
- border:var(--border-1) solid var(--gray-10);
3238
- border-radius:var(--border-radius);
3239
- }
3240
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79{
3241
- opacity:1;
3242
- }
3243
- .main_module_tableBody--a3e79 .main_module_row--a3e79:focus-within .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79 .main_module_actionChildren--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-focus-visible] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79 .main_module_actionChildren--a3e79,.main_module_tableBody--a3e79 .main_module_row--a3e79[data-hovered] .main_module_cell--a3e79 .main_module_actionsWrapper--a3e79 .main_module_actionChildren--a3e79{
3244
- display:block;
3027
+ .main_module_resizableTableContainer--3168d{
3028
+ min-width:0;
3029
+ }
3030
+ .main_module_resizableTableContainer--3168d table{
3031
+ --item-background:var(--background-background);
3032
+ --outline-offset-focus-row:-0.25rem;
3033
+ --outline-offset-focus-cell:-0.1875rem;
3034
+ --border-radius:var(--border-radius-datatable, var(--radius-4));
3035
+ --outline-offset-focus-and-selected-row:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
3036
+ --outline-select-color:var(--outline-select-color-datatable, var(--box-blue-100));
3037
+ --outline-focus-color:var(--outline-focus-on-light);
3038
+ border-collapse:initial;
3039
+ border-spacing:0;
3040
+ }
3041
+
3042
+ .main_module_tableHeader--3168d tr > th{
3043
+ font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
3044
+ font-size:.75rem;
3045
+ font-weight:400;
3046
+ letter-spacing:.01875rem;
3047
+ line-height:.875rem;
3048
+ overflow:hidden;
3049
+ padding:0;
3050
+ text-decoration:none;
3051
+ text-overflow:ellipsis;
3052
+ text-transform:none;
3053
+ white-space:nowrap;
3054
+ }
3055
+ .main_module_tableHeader--3168d tr > th:first-child{
3056
+ border-radius:var(--border-radius) 0 0 var(--border-radius);
3057
+ }
3058
+ .main_module_tableHeader--3168d tr > th:last-child{
3059
+ border-radius:0 var(--border-radius) var(--border-radius) 0;
3060
+ }
3061
+ .main_module_tableHeader--3168d .main_module_column--3168d{
3062
+ color:var(--text-text-on-light-secondary);
3063
+ outline:none;
3064
+ text-align:left;
3065
+ }
3066
+ .main_module_tableHeader--3168d .main_module_column--3168d .main_module_columnName--3168d{
3067
+ overflow:hidden;
3068
+ text-overflow:ellipsis;
3069
+ white-space:nowrap;
3070
+ }
3071
+ .main_module_tableHeader--3168d .main_module_column--3168d[colspan]{
3072
+ text-align:center;
3073
+ }
3074
+ .main_module_tableHeader--3168d .main_module_column--3168d[data-focus-visible]{
3075
+ outline:var(--border-2) solid var(--outline-focus-color);
3076
+ outline-offset:var(--outline-offset-focus-cell);
3077
+ position:relative;
3078
+ }
3079
+ .main_module_tableHeader--3168d .main_module_column--3168d .main_module_rotateArrow--3168d{
3080
+ transform:rotateX(180deg);
3081
+ }
3082
+ .main_module_tableHeader--3168d .main_module_column--3168d .main_module_sorted--3168d{
3083
+ color:var(--text-text-on-light);
3084
+ font-weight:bold;
3085
+ }
3086
+ .main_module_tableHeader--3168d .main_module_column--3168d .main_module_sortingFlexWrapper--3168d{
3087
+ align-items:flex-end;
3088
+ display:flex;
3089
+ gap:var(--space-2);
3090
+ padding:var(--space-2) var(--space-3);
3091
+ }
3092
+ .main_module_tableHeader--3168d .main_module_column--3168d .main_module_sortingFlexWrapper--3168d svg{
3093
+ flex-shrink:0;
3094
+ }
3095
+ .main_module_tableHeader--3168d .main_module_column--3168d:hover:not([data-sort-direction])[data-allows-sorting],.main_module_tableHeader--3168d .main_module_column--3168d[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
3096
+ color:var(--text-text-on-light);
3097
+ font-weight:bold;
3098
+ }
3099
+ .main_module_tableHeader--3168d .main_module_column--3168d:hover:not([data-sort-direction]) svg,.main_module_tableHeader--3168d .main_module_column--3168d[data-focus-visible]:not([data-sort-direction]) svg{
3100
+ transform:rotateX(180deg);
3101
+ visibility:visible;
3102
+ }
3103
+
3104
+ .main_module_tableBody--3168d[data-empty]{
3105
+ text-align:center;
3106
+ }
3107
+ .main_module_tableBody--3168d .main_module_row--3168d{
3108
+ background:var(--item-background);
3109
+ border-radius:var(--border-radius);
3110
+ color:var(--text-text-on-light);
3111
+ cursor:default;
3112
+ height:var(--size-14);
3113
+ outline:none;
3114
+ overflow:hidden;
3115
+ position:relative;
3116
+ transform:translateZ(0);
3117
+ }
3118
+ .main_module_tableBody--3168d .main_module_row--3168d::after{
3119
+ background:#0000;
3120
+ border-top:var(--border-1) solid var(--gray-10);
3121
+ box-sizing:border-box;
3122
+ content:"";
3123
+ height:var(--size-14);
3124
+ left:0;
3125
+ pointer-events:none;
3126
+ position:absolute;
3127
+ top:0;
3128
+ width:100%;
3129
+ z-index:999;
3130
+ }
3131
+ .main_module_tableBody--3168d .main_module_row--3168d[aria-selected=true]{
3132
+ --item-background:var(--box-blue-05);
3133
+ }
3134
+ .main_module_tableBody--3168d .main_module_row--3168d[aria-selected=true]::after{
3135
+ border:var(--border-2) solid var(--outline-select-color);
3136
+ border-radius:var(--border-radius);
3137
+ }
3138
+ .main_module_tableBody--3168d .main_module_row--3168d[aria-selected=true] .main_module_cell--3168d .main_module_actionsWrapper--3168d{
3139
+ opacity:1;
3140
+ }
3141
+ .main_module_tableBody--3168d .main_module_row--3168d[aria-selected=true] .main_module_cell--3168d .main_module_actionsWrapper--3168d .main_module_actionChildren--3168d{
3142
+ display:none;
3143
+ }
3144
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d{
3145
+ outline:none;
3146
+ overflow:hidden;
3147
+ padding:var(--space-2) var(--space-3);
3148
+ text-align:start;
3149
+ text-overflow:ellipsis;
3150
+ transform:translateZ(0);
3151
+ white-space:nowrap;
3152
+ }
3153
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d[data-focus-visible]{
3154
+ outline:var(--border-2) solid var(--outline-focus-color);
3155
+ outline-offset:var(--outline-offset-focus-cell);
3156
+ position:relative;
3157
+ }
3158
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d:first-child{
3159
+ border-radius:var(--border-radius) 0 0 var(--border-radius);
3160
+ }
3161
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d:last-child{
3162
+ border-radius:0 var(--border-radius) var(--border-radius) 0;
3163
+ }
3164
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d.main_module_actions--3168d{
3165
+ overflow:unset;
3166
+ padding:0;
3167
+ position:sticky;
3168
+ right:0;
3169
+ width:var(--size-6);
3170
+ }
3171
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d .main_module_actionsWrapper--3168d{
3172
+ align-items:center;
3173
+ background:var(--item-background);
3174
+ bottom:0;
3175
+ display:flex;
3176
+ gap:var(--space-2);
3177
+ justify-content:center;
3178
+ margin-block:var(--space-2);
3179
+ opacity:0;
3180
+ padding:0 var(--space-2);
3181
+ position:absolute;
3182
+ right:var(--size-4);
3183
+ top:0;
3184
+ }
3185
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d .main_module_actionsWrapper--3168d::before{
3186
+ box-shadow:-.25rem 0 .625rem .625rem var(--item-background);
3187
+ content:"";
3188
+ display:block;
3189
+ height:50%;
3190
+ left:0;
3191
+ position:absolute;
3192
+ width:0;
3193
+ z-index:0;
3194
+ }
3195
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d .main_module_actionsWrapper--3168d[data-state=open]{
3196
+ opacity:1;
3197
+ }
3198
+ .main_module_tableBody--3168d .main_module_row--3168d .main_module_cell--3168d .main_module_actionsWrapper--3168d[data-state=open] .main_module_actionChildren--3168d{
3199
+ display:block;
3200
+ }
3201
+ .main_module_tableBody--3168d .main_module_row--3168d[data-dragging]{
3202
+ opacity:.5;
3203
+ transform:translateZ(0);
3204
+ }
3205
+ .main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible]{
3206
+ outline:var(--border-2) solid var(--outline-focus-color);
3207
+ outline-offset:var(--outline-offset-focus-row);
3208
+ }
3209
+ .main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible][aria-selected=true]{
3210
+ background:var(--item-background);
3211
+ outline-offset:var(--outline-offset-focus-and-selected-row);
3212
+ }
3213
+ .main_module_tableBody--3168d .main_module_row--3168d:last-child::after{
3214
+ border-bottom:var(--border-1) solid var(--gray-10);
3215
+ }
3216
+ .main_module_tableBody--3168d .main_module_row--3168d:last-child[aria-selected=true]::after{
3217
+ border-bottom:var(--border-2) solid var(--outline-select-color);
3218
+ }
3219
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible],.main_module_tableBody--3168d .main_module_row--3168d[data-hovered]{
3220
+ z-index:1;
3221
+ }
3222
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within:not([aria-selected=true])::after,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible]:not([aria-selected=true])::after,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered]:not([aria-selected=true])::after{
3223
+ border-bottom:var(--border-1) solid #0000;
3224
+ border-radius:var(--border-radius);
3225
+ border-top:var(--border-1) solid #0000;
3226
+ box-shadow:var(--dropshadow-2);
3227
+ }
3228
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within:last-child:not([aria-selected=true])::after,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible]:last-child:not([aria-selected=true])::after,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered]:last-child:not([aria-selected=true])::after{
3229
+ border-bottom:var(--border-1) solid #0000;
3230
+ }
3231
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .main_module_tableBody--3168d .main_module_row--3168d[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
3232
+ border-top:var(--border-1) solid #0000;
3233
+ }
3234
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within[data-dragging] .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d:focus-within[data-pressed] .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible][data-dragging] .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible][data-pressed] .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered][data-dragging] .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered][data-pressed] .main_module_actionsWrapper--3168d{
3235
+ opacity:1;
3236
+ }
3237
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .main_module_tableBody--3168d .main_module_row--3168d[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
3238
+ border:var(--border-1) solid var(--gray-10);
3239
+ border-radius:var(--border-radius);
3240
+ }
3241
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within .main_module_cell--3168d .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible] .main_module_cell--3168d .main_module_actionsWrapper--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered] .main_module_cell--3168d .main_module_actionsWrapper--3168d{
3242
+ opacity:1;
3243
+ }
3244
+ .main_module_tableBody--3168d .main_module_row--3168d:focus-within .main_module_cell--3168d .main_module_actionsWrapper--3168d .main_module_actionChildren--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-focus-visible] .main_module_cell--3168d .main_module_actionsWrapper--3168d .main_module_actionChildren--3168d,.main_module_tableBody--3168d .main_module_row--3168d[data-hovered] .main_module_cell--3168d .main_module_actionsWrapper--3168d .main_module_actionChildren--3168d{
3245
+ display:block;
3246
+ }
3247
+ @supports selector(:has(*)){
3248
+ .main_module_row--3168d[aria-selected=true] + .main_module_dropIndicator--3168d + [aria-selected=true]::after,.main_module_row--3168d[aria-selected=true] + [aria-selected=true] .main_module_cell--3168d:first-child,.main_module_row--3168d[aria-selected=true] + [aria-selected=true] .main_module_cell--3168d:last-child,.main_module_row--3168d[aria-selected=true] + [aria-selected=true]::after{
3249
+ border-start-end-radius:0;
3250
+ border-start-start-radius:0;
3251
+ border-top-width:var(--border-1);
3245
3252
  }
3246
- @supports selector(:has(*)){
3247
- .main_module_row--a3e79[aria-selected=true] + .main_module_dropIndicator--a3e79 + [aria-selected=true]::after,.main_module_row--a3e79[aria-selected=true] + [aria-selected=true] .main_module_cell--a3e79:first-child,.main_module_row--a3e79[aria-selected=true] + [aria-selected=true] .main_module_cell--a3e79:last-child,.main_module_row--a3e79[aria-selected=true] + [aria-selected=true]::after{
3248
- border-start-end-radius:0;
3249
- border-start-start-radius:0;
3250
- border-top-width:var(--border-1);
3251
- }
3252
- .main_module_row--a3e79[aria-selected=true]:has(+ .main_module_dropIndicator--a3e79 + [aria-selected=true]) .main_module_cell--a3e79:last-child,.main_module_row--a3e79[aria-selected=true]:has(+ .main_module_dropIndicator--a3e79 + [aria-selected=true])::after,.main_module_row--a3e79[aria-selected=true]:has(+ [aria-selected=true]) .main_module_cell--a3e79:first-child,.main_module_row--a3e79[aria-selected=true]:has(+ [aria-selected=true])::after{
3253
- border-bottom-width:var(--border-1);
3254
- border-end-end-radius:0;
3255
- border-end-start-radius:0;
3256
- }
3253
+ .main_module_row--3168d[aria-selected=true]:has(+ .main_module_dropIndicator--3168d + [aria-selected=true]) .main_module_cell--3168d:last-child,.main_module_row--3168d[aria-selected=true]:has(+ .main_module_dropIndicator--3168d + [aria-selected=true])::after,.main_module_row--3168d[aria-selected=true]:has(+ [aria-selected=true]) .main_module_cell--3168d:first-child,.main_module_row--3168d[aria-selected=true]:has(+ [aria-selected=true])::after{
3254
+ border-bottom-width:var(--border-1);
3255
+ border-end-end-radius:0;
3256
+ border-end-start-radius:0;
3257
3257
  }
3258
3258
  }
3259
3259
  .drop_indicator_module_dropIndicator--d2b17[data-drop-target]{
@@ -3261,25 +3261,25 @@
3261
3261
  transform:translateZ(0);
3262
3262
  }
3263
3263
 
3264
- .sticky_cell_module_stickyCell--f551d{
3264
+ .sticky_cell_module_stickyCell--4a2a0{
3265
3265
  background:inherit;
3266
3266
  background-clip:content-box;
3267
3267
  left:0;
3268
3268
  outline-offset:var(--outline-offset-focus-cell);
3269
3269
  overflow:visible;
3270
- position:sticky;
3270
+ position:sticky !important;
3271
3271
  z-index:var(--sticky-element-z-index);
3272
3272
  }
3273
- .sticky_cell_module_stickyCell--f551d[data-focus-visible]{
3273
+ .sticky_cell_module_stickyCell--4a2a0[data-focus-visible]{
3274
3274
  outline:var(--border-2) solid var(--outline-focus-color);
3275
3275
  }
3276
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_childrenWrapper--f551d{
3276
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_childrenWrapper--4a2a0{
3277
3277
  overflow:hidden;
3278
3278
  text-align:start;
3279
3279
  text-overflow:ellipsis;
3280
3280
  white-space:nowrap;
3281
3281
  }
3282
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_verticalBar--f551d{
3282
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_verticalBar--4a2a0{
3283
3283
  background:inherit;
3284
3284
  border-right:1px solid var(--border-divider-border);
3285
3285
  box-shadow:10px 0 7px -4px var(--item-background);
@@ -3292,16 +3292,16 @@
3292
3292
  width:var(--space-3);
3293
3293
  z-index:calc(var(--is-row-focused)*2 - 1);
3294
3294
  }
3295
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_verticalBar--f551d.sticky_cell_module_isScrolledX--f551d{
3295
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_verticalBar--4a2a0.sticky_cell_module_isScrolledX--4a2a0{
3296
3296
  display:block;
3297
3297
  }
3298
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_stickyCellBelow--f551d{
3298
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_stickyCellBelow--4a2a0{
3299
3299
  border-left:calc(var(--is-row-focused)*var(--border-2)) solid var(--outline-focus-color);
3300
3300
  height:calc(100% + var(--is-row-focused)*2*var(--outline-offset-focus-cell));
3301
3301
  left:var(--border-2);
3302
3302
  width:calc(100% + var(--outline-offset-focus-row));
3303
3303
  }
3304
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_stickyCellBelow--f551d,.sticky_cell_module_stickyCell--f551d .sticky_cell_module_stickyCellOuterLeft--f551d{
3304
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_stickyCellBelow--4a2a0,.sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_stickyCellOuterLeft--4a2a0{
3305
3305
  background:inherit;
3306
3306
  border-radius:unset;
3307
3307
  box-sizing:border-box;
@@ -3311,7 +3311,7 @@
3311
3311
  transform:translateY(-50%);
3312
3312
  z-index:-1;
3313
3313
  }
3314
- .sticky_cell_module_stickyCell--f551d .sticky_cell_module_stickyCellOuterLeft--f551d{
3314
+ .sticky_cell_module_stickyCell--4a2a0 .sticky_cell_module_stickyCellOuterLeft--4a2a0{
3315
3315
  height:100%;
3316
3316
  left:0;
3317
3317
  width:var(--border-2);
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"resizableTableContainer":"main_module_resizableTableContainer--a3e79","tableHeader":"main_module_tableHeader--a3e79","column":"main_module_column--a3e79","columnName":"main_module_columnName--a3e79","rotateArrow":"main_module_rotateArrow--a3e79","sorted":"main_module_sorted--a3e79","sortingFlexWrapper":"main_module_sortingFlexWrapper--a3e79","tableBody":"main_module_tableBody--a3e79","row":"main_module_row--a3e79","cell":"main_module_cell--a3e79","actionsWrapper":"main_module_actionsWrapper--a3e79","actionChildren":"main_module_actionChildren--a3e79","actions":"main_module_actions--a3e79","dropIndicator":"main_module_dropIndicator--a3e79"};
2
+ var styles = {"resizableTableContainer":"main_module_resizableTableContainer--3168d","tableHeader":"main_module_tableHeader--3168d","column":"main_module_column--3168d","columnName":"main_module_columnName--3168d","rotateArrow":"main_module_rotateArrow--3168d","sorted":"main_module_sorted--3168d","sortingFlexWrapper":"main_module_sortingFlexWrapper--3168d","tableBody":"main_module_tableBody--3168d","row":"main_module_row--3168d","cell":"main_module_cell--3168d","actionsWrapper":"main_module_actionsWrapper--3168d","actionChildren":"main_module_actionChildren--3168d","actions":"main_module_actions--3168d","dropIndicator":"main_module_dropIndicator--3168d"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "6.11.2",
3
+ "version": "6.11.3",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -57,7 +57,7 @@
57
57
  "devDependencies": {
58
58
  "@box/storybook-utils": "^0.0.3"
59
59
  },
60
- "gitHead": "2526b300b2accb233a04acd3ba0180b72b7db2ed",
60
+ "gitHead": "6077b381294a08f24d7186ea389b3f944ef2946c",
61
61
  "module": "lib-esm/index.js",
62
62
  "main": "lib-esm/index.js",
63
63
  "exports": {