@box/blueprint-web 6.1.2 → 6.3.0

package/lib-esm/basics/date-picker/date-picker.js

@@ -30,6 +30,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     isDisabled,
     calendarAriaLabel,
     nextMonthAriaLabel,
+    portalElement,
     previousMonthAriaLabel,
     ...rest
   } = props;
@@ -167,6 +168,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
           })]
         })
       }), jsx(RadixPopover.Portal, {
+        container: portalElement,
         children: jsx(RadixPopover.Content, {
           align: "start",
           className: styles.datePickerPopoverContent,

package/lib-esm/basics/date-picker/types.d.ts

@@ -23,6 +23,10 @@ export interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>,
      * controls whether calendar dialog is initially opened
      */
     defaultOpen?: boolean;
+    /**
+     * The DOM element where the Calendar should be portal-ed into. If not provided, the Calendar will be appended to the document body.
+     */
+    portalElement?: HTMLElement;
 }
 export type DatePickerProps = Modify<DatePickerPropsBase, {
     /**

package/lib-esm/data-table/cell/sticky-cell.js

@@ -19,12 +19,12 @@ const StickyCell = /*#__PURE__*/forwardRef((props, ref) => {
     className: clsx(styles.stickyCell, className),
     ...rest,
     children: [jsx("div", {
-      className: styles.stickyCellLeft
+      className: styles.stickyCellBelow
     }), jsx("div", {
       className: styles.childrenWrapper,
       children: children
     }), jsx("div", {
-      className: styles.stickyCellRight
+      className: styles.stickyCellOuterLeft
     }), jsx("div", {
       className: clsx(styles.verticalBar, {
         [styles.isScrolledX]: isScrolledX

package/lib-esm/data-table/cell/sticky-cell.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"stickyCell":"sticky-cell-module_stickyCell__-Rl0x","childrenWrapper":"sticky-cell-module_childrenWrapper__qjguw","verticalBar":"sticky-cell-module_verticalBar__AgXfU","isScrolledX":"sticky-cell-module_isScrolledX__xcMJ6","stickyCellLeft":"sticky-cell-module_stickyCellLeft__F3YAG","stickyCellRight":"sticky-cell-module_stickyCellRight__yQjUM"};
+var styles = {"stickyCell":"sticky-cell-module_stickyCell__-Rl0x","childrenWrapper":"sticky-cell-module_childrenWrapper__qjguw","verticalBar":"sticky-cell-module_verticalBar__AgXfU","isScrolledX":"sticky-cell-module_isScrolledX__xcMJ6","stickyCellBelow":"sticky-cell-module_stickyCellBelow__BKRdm","stickyCellOuterLeft":"sticky-cell-module_stickyCellOuterLeft__tai5-"};
 
 export { styles as default };

package/lib-esm/index.css

@@ -2898,7 +2898,7 @@
 
 .data-table-module_dataTableWrapper__VYLJf{
   --border-radius-datatable:0;
-  --outline-offset-focus-and-selected-row-datatable:-6px;
+  --outline-offset-focus-and-selected-row-datatable:-0.25rem;
   --outline-select-color-datatable:#0000;
   --sticky-element-z-index:2;
   height:100%;
@@ -3208,7 +3208,6 @@
   background:inherit;
   background-clip:content-box;
   left:0;
-  outline:calc(var(--is-row-focused)*var(--border-2)) solid var(--outline-focus-color);
   outline-offset:var(--outline-offset-focus-cell);
   overflow:visible;
   position:sticky;
@@ -3239,29 +3238,26 @@
 .sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_verticalBar__AgXfU.sticky-cell-module_isScrolledX__xcMJ6{
   display:block;
 }
-.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellLeft__F3YAG{
-  background:inherit;
-  border-radius:unset;
-  box-sizing:border-box;
-  height:100%;
-  left:0;
-  pointer-events:none;
-  position:absolute;
-  top:0;
+.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellBelow__BKRdm{
+  border-left:calc(var(--is-row-focused)*var(--border-2)) solid var(--outline-focus-color);
+  height:calc(100% + var(--is-row-focused)*2*var(--outline-offset-focus-cell));
+  left:var(--border-2);
   width:calc(100% + var(--outline-offset-focus-row));
-  z-index:-1;
 }
-.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellRight__yQjUM{
+.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellBelow__BKRdm,.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellOuterLeft__tai5-{
   background:inherit;
   border-radius:unset;
   box-sizing:border-box;
-  height:calc(var(--is-row-focused)*(100% + var(--outline-offset-focus-cell)*2));
-  left:100%;
   pointer-events:none;
   position:absolute;
   top:50%;
-  transform:translate(-100%, -50%);
-  width:var(--space-3);
+  transform:translateY(-50%);
+  z-index:-1;
+}
+.sticky-cell-module_stickyCell__-Rl0x .sticky-cell-module_stickyCellOuterLeft__tai5-{
+  height:100%;
+  left:0;
+  width:var(--border-2);
 }
 
 .empty-state-module_emptyState__Qs2b2{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "6.1.2",
+    "version": "6.3.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -57,7 +57,7 @@
     "devDependencies": {
         "@box/storybook-utils": "^0.0.2"
     },
-    "gitHead": "7c9bf84d2d5567526d488933c59e042040560c58",
+    "gitHead": "3654927d8374743593f706ada793f23a87888a68",
     "module": "lib-esm/index.js",
     "type": "module",
     "main": "lib-esm/index.js",