@box/blueprint-web 17.0.0 → 17.0.1

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.
@@ -6950,55 +6950,56 @@
6950
6950
  overflow:auto;
6951
6951
  }
6952
6952
 
6953
- .bp_data_table_module_dataTableWrapper--9a3ae{
6953
+ .bp_data_table_module_dataTableWrapper--c7392{
6954
6954
  --border-radius-datatable:0;
6955
6955
  --outline-offset-focus-and-selected-row-datatable:-0.25rem;
6956
6956
  --outline-select-color-datatable:#0000;
6957
6957
  --sticky-element-z-index:2;
6958
6958
  height:100%;
6959
6959
  overflow:auto;
6960
+ padding-block-end:var(--bp-space-020, .5rem);
6960
6961
  scroll-padding:60px 100px;
6961
6962
  width:100%;
6962
6963
  }
6963
- .bp_data_table_module_dataTableWrapper--9a3ae [data-modern=false]{
6964
+ .bp_data_table_module_dataTableWrapper--c7392 [data-modern=false]{
6964
6965
  --border-radius-hover-datatable:var(--radius-4);
6965
6966
  }
6966
- .bp_data_table_module_dataTableWrapper--9a3ae [data-modern=true]{
6967
+ .bp_data_table_module_dataTableWrapper--c7392 [data-modern=true]{
6967
6968
  --border-radius-hover-datatable:var(--bp-radius-08, 1rem);
6968
6969
  }
6969
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-hovered]{
6970
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-hovered]{
6970
6971
  --list-item-border-radius:var(--border-radius-hover-datatable);
6971
6972
  --list-item-row-border-radius:var(--list-item-border-radius);
6972
6973
  --list-item-first-column-item-radius:var(--list-item-border-radius) 0 0 var(--list-item-border-radius);
6973
6974
  --list-item-last-column-item-radius:0 var(--list-item-border-radius) var(--list-item-border-radius) 0;
6974
6975
  }
6975
- .bp_data_table_module_dataTableWrapper--9a3ae.bp_data_table_module_isScrolledX--9a3ae table tbody > tr[data-hovered][data-focus-visible]{
6976
+ .bp_data_table_module_dataTableWrapper--c7392.bp_data_table_module_isScrolledX--c7392 table tbody > tr[data-hovered][data-focus-visible]{
6976
6977
  --list-item-border-radius:0;
6977
6978
  --list-item-row-border-radius:0;
6978
6979
  --list-item-first-column-item-radius:0;
6979
6980
  --list-item-last-column-item-radius:0;
6980
6981
  }
6981
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr{
6982
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr{
6982
6983
  background:var(--gray-white);
6983
6984
  position:sticky;
6984
6985
  top:0;
6985
6986
  z-index:var(--sticky-element-z-index);
6986
6987
  }
6987
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child{
6988
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr th:first-child{
6988
6989
  background:inherit;
6989
6990
  height:100%;
6990
6991
  left:0;
6991
6992
  position:sticky;
6992
6993
  z-index:var(--sticky-element-z-index);
6993
6994
  }
6994
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child[data-focus-visible]{
6995
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr th:first-child[data-focus-visible]{
6995
6996
  position:sticky;
6996
6997
  z-index:var(--sticky-element-z-index);
6997
6998
  }
6998
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr{
6999
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr{
6999
7000
  --is-row-focused:0;
7000
7001
  }
7001
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr > td [data-actionswrapper]::after{
7002
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr > td [data-actionswrapper]::after{
7002
7003
  background:inherit;
7003
7004
  content:"";
7004
7005
  display:block;
@@ -7008,18 +7009,18 @@
7008
7009
  width:100%;
7009
7010
  z-index:-1;
7010
7011
  }
7011
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible]{
7012
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-focus-visible]{
7012
7013
  --outline-offset-focus-cell:var(--outline-offset-focus-row);
7013
7014
  --is-row-focused:1;
7014
7015
  }
7015
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible][aria-selected=true]{
7016
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-focus-visible][aria-selected=true]{
7016
7017
  --outline-offset-focus-cell:var(--outline-offset-focus-and-selected-row);
7017
7018
  }
7018
7019
 
7019
- .bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child{
7020
+ .bp_data_table_module_isScrolledX--c7392 table > thead > tr > th:first-child{
7020
7021
  overflow:visible;
7021
7022
  }
7022
- .bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child::after{
7023
+ .bp_data_table_module_isScrolledX--c7392 table > thead > tr > th:first-child::after{
7023
7024
  background:inherit;
7024
7025
  border-right:1px solid var(--border-divider-border);
7025
7026
  box-shadow:10px 0 7px -4px var(--item-background);
@@ -7033,7 +7034,7 @@
7033
7034
  z-index:-1;
7034
7035
  }
7035
7036
 
7036
- .bp_data_table_module_hideActionWrapperRight--9a3ae table tbody > tr > td [data-actionswrapper]::after{
7037
+ .bp_data_table_module_hideActionWrapperRight--c7392 table tbody > tr > td [data-actionswrapper]::after{
7037
7038
  display:none;
7038
7039
  }
7039
7040
  .bp_list_checkbox_module_selection--711bf[data-modern=false]{
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--9a3ae","isScrolledX":"bp_data_table_module_isScrolledX--9a3ae","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--9a3ae"};
2
+ var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--c7392","isScrolledX":"bp_data_table_module_isScrolledX--c7392","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--c7392"};
3
3
 
4
4
  export { styles as default };
@@ -6950,55 +6950,56 @@
6950
6950
  overflow:auto;
6951
6951
  }
6952
6952
 
6953
- .bp_data_table_module_dataTableWrapper--9a3ae{
6953
+ .bp_data_table_module_dataTableWrapper--c7392{
6954
6954
  --border-radius-datatable:0;
6955
6955
  --outline-offset-focus-and-selected-row-datatable:-0.25rem;
6956
6956
  --outline-select-color-datatable:#0000;
6957
6957
  --sticky-element-z-index:2;
6958
6958
  height:100%;
6959
6959
  overflow:auto;
6960
+ padding-block-end:var(--bp-space-020, .5rem);
6960
6961
  scroll-padding:60px 100px;
6961
6962
  width:100%;
6962
6963
  }
6963
- .bp_data_table_module_dataTableWrapper--9a3ae [data-modern=false]{
6964
+ .bp_data_table_module_dataTableWrapper--c7392 [data-modern=false]{
6964
6965
  --border-radius-hover-datatable:var(--radius-4);
6965
6966
  }
6966
- .bp_data_table_module_dataTableWrapper--9a3ae [data-modern=true]{
6967
+ .bp_data_table_module_dataTableWrapper--c7392 [data-modern=true]{
6967
6968
  --border-radius-hover-datatable:var(--bp-radius-08, 1rem);
6968
6969
  }
6969
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-hovered]{
6970
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-hovered]{
6970
6971
  --list-item-border-radius:var(--border-radius-hover-datatable);
6971
6972
  --list-item-row-border-radius:var(--list-item-border-radius);
6972
6973
  --list-item-first-column-item-radius:var(--list-item-border-radius) 0 0 var(--list-item-border-radius);
6973
6974
  --list-item-last-column-item-radius:0 var(--list-item-border-radius) var(--list-item-border-radius) 0;
6974
6975
  }
6975
- .bp_data_table_module_dataTableWrapper--9a3ae.bp_data_table_module_isScrolledX--9a3ae table tbody > tr[data-hovered][data-focus-visible]{
6976
+ .bp_data_table_module_dataTableWrapper--c7392.bp_data_table_module_isScrolledX--c7392 table tbody > tr[data-hovered][data-focus-visible]{
6976
6977
  --list-item-border-radius:0;
6977
6978
  --list-item-row-border-radius:0;
6978
6979
  --list-item-first-column-item-radius:0;
6979
6980
  --list-item-last-column-item-radius:0;
6980
6981
  }
6981
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr{
6982
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr{
6982
6983
  background:var(--gray-white);
6983
6984
  position:sticky;
6984
6985
  top:0;
6985
6986
  z-index:var(--sticky-element-z-index);
6986
6987
  }
6987
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child{
6988
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr th:first-child{
6988
6989
  background:inherit;
6989
6990
  height:100%;
6990
6991
  left:0;
6991
6992
  position:sticky;
6992
6993
  z-index:var(--sticky-element-z-index);
6993
6994
  }
6994
- .bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child[data-focus-visible]{
6995
+ .bp_data_table_module_dataTableWrapper--c7392 table > thead > tr th:first-child[data-focus-visible]{
6995
6996
  position:sticky;
6996
6997
  z-index:var(--sticky-element-z-index);
6997
6998
  }
6998
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr{
6999
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr{
6999
7000
  --is-row-focused:0;
7000
7001
  }
7001
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr > td [data-actionswrapper]::after{
7002
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr > td [data-actionswrapper]::after{
7002
7003
  background:inherit;
7003
7004
  content:"";
7004
7005
  display:block;
@@ -7008,18 +7009,18 @@
7008
7009
  width:100%;
7009
7010
  z-index:-1;
7010
7011
  }
7011
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible]{
7012
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-focus-visible]{
7012
7013
  --outline-offset-focus-cell:var(--outline-offset-focus-row);
7013
7014
  --is-row-focused:1;
7014
7015
  }
7015
- .bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible][aria-selected=true]{
7016
+ .bp_data_table_module_dataTableWrapper--c7392 table tbody > tr[data-focus-visible][aria-selected=true]{
7016
7017
  --outline-offset-focus-cell:var(--outline-offset-focus-and-selected-row);
7017
7018
  }
7018
7019
 
7019
- .bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child{
7020
+ .bp_data_table_module_isScrolledX--c7392 table > thead > tr > th:first-child{
7020
7021
  overflow:visible;
7021
7022
  }
7022
- .bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child::after{
7023
+ .bp_data_table_module_isScrolledX--c7392 table > thead > tr > th:first-child::after{
7023
7024
  background:inherit;
7024
7025
  border-right:1px solid var(--border-divider-border);
7025
7026
  box-shadow:10px 0 7px -4px var(--item-background);
@@ -7033,7 +7034,7 @@
7033
7034
  z-index:-1;
7034
7035
  }
7035
7036
 
7036
- .bp_data_table_module_hideActionWrapperRight--9a3ae table tbody > tr > td [data-actionswrapper]::after{
7037
+ .bp_data_table_module_hideActionWrapperRight--c7392 table tbody > tr > td [data-actionswrapper]::after{
7037
7038
  display:none;
7038
7039
  }
7039
7040
  .bp_list_checkbox_module_selection--711bf[data-modern=false]{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "17.0.0",
3
+ "version": "17.0.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.7.15",
58
+ "@box/blueprint-web-assets": "^5.7.16",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.2.24",
89
+ "@box/storybook-utils": "^1.2.25",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",