@box/blueprint-web 12.77.3 → 12.77.4

package/dist/lib-esm/date-picker/date-picker.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"datePicker":"bp_date_picker_module_datePicker--3051e","disabled":"bp_date_picker_module_disabled--3051e","label":"bp_date_picker_module_label--3051e","group":"bp_date_picker_module_group--3051e","groupContainer":"bp_date_picker_module_groupContainer--3051e","error":"bp_date_picker_module_error--3051e","groupContainerInput":"bp_date_picker_module_groupContainerInput--3051e","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--3051e","button":"bp_date_picker_module_button--3051e","clear":"bp_date_picker_module_clear--3051e","inlineError":"bp_date_picker_module_inlineError--3051e","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--3051e","slide":"bp_date_picker_module_slide--3051e"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--bf2e1","label":"bp_date_picker_module_label--bf2e1","disabled":"bp_date_picker_module_disabled--bf2e1","group":"bp_date_picker_module_group--bf2e1","groupContainer":"bp_date_picker_module_groupContainer--bf2e1","error":"bp_date_picker_module_error--bf2e1","groupContainerInput":"bp_date_picker_module_groupContainerInput--bf2e1","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--bf2e1","button":"bp_date_picker_module_button--bf2e1","clear":"bp_date_picker_module_clear--bf2e1","inlineError":"bp_date_picker_module_inlineError--bf2e1","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--bf2e1","slide":"bp_date_picker_module_slide--bf2e1"};
 
 export { styles as default };

package/dist/lib-esm/index.css

@@ -4434,7 +4434,7 @@
   z-index:-1;
 }
 
-.bp_calendar_module_calendar--54e59[data-modern=false]{
+.bp_calendar_module_calendar--98baa[data-modern=false]{
   --calendar-background:var(--gray-white);
   --calendar-padding-inline:var(--space-4);
   --calendar-padding-block:var(--space-4);
@@ -4467,7 +4467,7 @@
   --calendar-focus-outline:var(--border-1) solid #fff;
 }
 
-.bp_calendar_module_calendar--54e59[data-modern=true]{
+.bp_calendar_module_calendar--98baa[data-modern=true]{
   --calendar-background:var(--bp-gray-white);
   --calendar-padding-inline:var(--bp-space-040);
   --calendar-padding-block:var(--bp-space-040);
@@ -4479,15 +4479,15 @@
   --calendar-cell-selected-focused-background:var(--bp-dark-blue-100);
   --calendar-cell-outside-range-text-color:var(--bp-gray-10);
   --calendar-cell-selected-text-color:var(--bp-gray-white);
-  --calendar-cell-border-radius:var(--bp-radius-02);
-  --calendar-cell-text-color:var(--bp-gray-90);
+  --calendar-cell-border-radius:var(--bp-radius-04);
+  --calendar-cell-text-color:var(--bp-text-text-on-light);
   --calendar-cell-today-text-color:var(--bp-box-blue-100);
   --calendar-cell-today-disabled-opacity:.6;
   --calendar-cell-today-dot-diameter:var(--bp-space-010);
   --calendar-cell-today-dot-background:var(--bp-box-blue-100);
   --calendar-cell-today-dot-bottom:var(--bp-space-010);
   --calendar-cell-size:var(--bp-size-080);
-  --calendar-cell-focus-box-shadow:0 0 0 var(--bp-size-005) var(--bp-box-blue-100);
+  --calendar-cell-focus-box-shadow:0 0 0 var(--bp-size-005) var(--bp-outline-focus-on-light);
   --calendar-header-text-color:var(--bp-text-text-on-light);
   --calendar-header-button-background:var(--bp-gray-white);
   --calendar-header-button-hover-background:var(--bp-gray-05);
@@ -4499,8 +4499,22 @@
   --calendar-disabled-text-color:var(--bp-gray-30);
   --calendar-focus-outline:var(--bp-border-01) solid #fff;
 }
+.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeaderCell--98baa{
+  height:var(--calendar-cell-size);
+  padding:0;
+}
+.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeader--98baa{
+  height:var(--calendar-cell-size);
+  margin-block:var(--bp-space-010);
+}
+.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeaderButton--98baa{
+  height:var(--calendar-header-button-size);
+  margin:0;
+  padding:0;
+  width:var(--calendar-header-button-size);
+}
 
-.bp_calendar_module_calendar--54e59{
+.bp_calendar_module_calendar--98baa{
   background:var(--calendar-background);
   border-radius:var(--calendar-border-radius);
   box-shadow:var(--calendar-box-shadow);
@@ -4518,14 +4532,14 @@
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarGrid--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarGrid--98baa{
   border-collapse:revert;
   border-spacing:revert;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarGrid--54e59 td{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarGrid--98baa td{
   padding:1px;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeaderCell--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeaderCell--98baa{
   color:var(--calendar-header-cell-text-color);
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
@@ -4537,13 +4551,13 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa{
   align-items:center;
   color:var(--calendar-header-text-color);
   display:flex;
   margin-block-end:var(--calendar-header-margin-bottom);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderHeading--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderHeading--98baa{
   flex:1;
   font-family:var(--body-large-bold-font-family);
   font-size:var(--body-large-bold-font-size);
@@ -4557,7 +4571,7 @@
   text-transform:capitalize;
   text-transform:var(--body-large-bold-text-case);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderButton--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa{
   align-items:center;
   background-color:var(--calendar-header-button-background);
   border:none;
@@ -4571,21 +4585,21 @@
   padding:0;
   width:var(--calendar-header-button-size);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderButton--54e59:disabled{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:disabled{
   cursor:default;
   opacity:60%;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderButton--54e59:disabled *{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:disabled *{
   fill:var(--calendar-disabled-text-color);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderButton--54e59:hover:not(:disabled){
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:hover:not(:disabled){
   background-color:var(--calendar-header-button-hover-background);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarHeader--54e59 .bp_calendar_module_calendarHeaderButton--54e59[data-focus-visible]{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa[data-focus-visible]{
   background-color:var(--calendar-header-button-hover-background);
   box-shadow:var(--calendar-header-button-focus-box-shadow);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa{
   border-radius:var(--calendar-cell-border-radius);
   color:var(--calendar-cell-text-color);
   line-height:var(--calendar-cell-size);
@@ -4593,7 +4607,7 @@
   text-align:center;
   width:var(--calendar-cell-size);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59.bp_calendar_module_today--54e59{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa{
   color:var(--calendar-cell-today-text-color);
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
@@ -4606,11 +4620,11 @@
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59.bp_calendar_module_today--54e59[data-disabled]{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa[data-disabled]{
   cursor:default;
   opacity:var(--calendar-cell-today-disabled-opacity);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59.bp_calendar_module_today--54e59::after{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa::after{
   background-color:var(--calendar-cell-today-dot-background);
   border-radius:50%;
   bottom:var(--calendar-cell-today-dot-bottom);
@@ -4621,41 +4635,41 @@
   transform:translateX(-50%);
   width:var(--calendar-cell-today-dot-diameter);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59:not([data-outside-month]){
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa:not([data-outside-month]){
   cursor:pointer;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59:not([data-outside-month]):not([data-selected]):not([data-disabled]):hover{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa:not([data-outside-month]):not([data-selected]):not([data-disabled]):hover{
   background-color:var(--calendar-cell-hovered-background);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-focus-visible]:not([data-outside-month]){
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-focus-visible]:not([data-outside-month]){
   box-shadow:var(--calendar-cell-focus-box-shadow);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-selected]{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]{
   background-color:var(--calendar-cell-selected-background);
   color:var(--calendar-cell-selected-text-color);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-selected]:hover{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]:hover{
   background-color:var(--calendar-cell-selected-hovered-background);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-selected][data-focus-visible]{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected][data-focus-visible]{
   background-color:var(--calendar-cell-selected-focused-background);
   box-shadow:var(--calendar-cell-focus-box-shadow);
   outline:var(--calendar-focus-outline);
   outline-offset:-.0625rem;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-selected]::after{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]::after{
   background-color:var(--calendar-cell-selected-text-color);
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-disabled]:not(.bp_calendar_module_today--54e59){
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-disabled]:not(.bp_calendar_module_today--98baa){
   color:var(--calendar-cell-outside-range-text-color);
   cursor:default;
 }
-.bp_calendar_module_calendar--54e59 .bp_calendar_module_calendarCell--54e59[data-unavailable]{
+.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-unavailable]{
   color:var(--calendar-disabled-text-color);
   text-decoration:line-through;
 }
 
-.bp_date_picker_module_datePicker--3051e[data-modern=false]{
+.bp_date_picker_module_datePicker--bf2e1[data-modern=false]{
   --date-picker-label-margin-bottom:var(--space-2);
   --date-picker-input-placeholder-color:var(--text-text-on-light-secondary);
   --date-picker-input-placeholder-focused-color:var(--text-text-on-light);
@@ -4681,7 +4695,7 @@
   --date-picker-clear-button-right:var(--size-9);
 }
 
-.bp_date_picker_module_datePicker--3051e[data-modern=true]{
+.bp_date_picker_module_datePicker--bf2e1[data-modern=true]{
   --date-picker-label-margin-bottom:var(--bp-space-020);
   --date-picker-input-placeholder-color:var(--bp-text-text-on-light-secondary);
   --date-picker-input-placeholder-focused-color:var(--bp-text-text-on-light);
@@ -4706,17 +4720,20 @@
   --date-picker-icon-button-hover-fill:var(--bp-icon-cta-icon-hover);
   --date-picker-clear-button-right:var(--bp-size-090);
 }
+.bp_date_picker_module_datePicker--bf2e1[data-modern=true] .bp_date_picker_module_label--bf2e1{
+  color:var(--bp-text-text-on-light);
+}
 
-.bp_date_picker_module_datePicker--3051e{
+.bp_date_picker_module_datePicker--bf2e1{
   width:100%;
 }
-.bp_date_picker_module_datePicker--3051e.bp_date_picker_module_disabled--3051e{
+.bp_date_picker_module_datePicker--bf2e1.bp_date_picker_module_disabled--bf2e1{
   opacity:60%;
   pointer-events:none;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_label--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_label--bf2e1{
   cursor:default;
   display:block;
   font-family:var(--body-default-bold-font-family);
@@ -4731,7 +4748,7 @@
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1{
   align-items:center;
   display:inline-flex;
   font-family:var(--body-default-font-family);
@@ -4745,7 +4762,7 @@
   text-transform:var(--body-default-text-case);
   width:100%;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1{
   align-items:center;
   border-radius:var(--date-picker-border-radius);
   box-shadow:var(--date-picker-input-inner-shadow);
@@ -4756,23 +4773,23 @@
   position:relative;
   width:100%;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e:focus-within{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1:focus-within{
   outline:var(--date-picker-focus-outline);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e.bp_date_picker_module_error--3051e:not(:focus-within){
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1.bp_date_picker_module_error--bf2e1:not(:focus-within){
   outline:var(--date-picker-error-outline);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e.bp_date_picker_module_error--3051e:focus-within{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1.bp_date_picker_module_error--bf2e1:focus-within{
   outline:var(--date-picker-focus-outline);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e .bp_date_picker_module_groupContainerInput--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1{
   align-items:center;
   display:inline-flex;
   height:var(--date-picker-height);
   text-transform:uppercase;
   white-space:nowrap;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e .bp_date_picker_module_groupContainerInput--3051e .bp_date_picker_module_groupContainerInputSegment--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1{
   border:unset;
   border-radius:unset;
   box-shadow:unset;
@@ -4783,18 +4800,18 @@
   transition:unset;
   width:unset;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e .bp_date_picker_module_groupContainerInput--3051e .bp_date_picker_module_groupContainerInputSegment--3051e[data-placeholder]{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1[data-placeholder]{
   color:var(--date-picker-input-placeholder-color);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e .bp_date_picker_module_groupContainerInput--3051e .bp_date_picker_module_groupContainerInputSegment--3051e:focus{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1:focus{
   background:var(--date-picker-input-segment-focused-background);
   caret-color:#0000;
   outline:none;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_groupContainer--3051e .bp_date_picker_module_groupContainerInput--3051e .bp_date_picker_module_groupContainerInputSegment--3051e:focus[data-placeholder]{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1:focus[data-placeholder]{
   color:var(--date-picker-input-placeholder-focused-color);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1{
   align-items:center;
   background-color:initial;
   border:none;
@@ -4809,33 +4826,33 @@
   right:var(--date-picker-padding-inline);
   width:var(--date-picker-icon-button-size);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e.bp_date_picker_module_clear--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1.bp_date_picker_module_clear--bf2e1{
   right:var(--date-picker-clear-button-right);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:focus-visible,.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e[data-focus-visible]{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:focus-visible,.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1[data-focus-visible]{
   background-color:var(--date-picker-icon-button-focus-background-color);
   outline:var(--date-picker-icon-button-focus-outline);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:hover{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:hover{
   background:var(--date-picker-icon-button-hover-background);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:hover *{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:hover *{
   fill:var(--date-picker-icon-button-hover-fill);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:active{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:active{
   background:var(--date-picker-icon-button-active-background);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:active *{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:active *{
   fill:var(--date-picker-icon-button-active-fill);
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_group--3051e .bp_date_picker_module_button--3051e:disabled{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:disabled{
   opacity:1;
 }
-.bp_date_picker_module_datePicker--3051e .bp_date_picker_module_inlineError--3051e{
+.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_inlineError--bf2e1{
   margin-block-start:var(--date-picker-inline-error-margin);
 }
 
-@keyframes bp_date_picker_module_slide--3051e{
+@keyframes bp_date_picker_module_slide--bf2e1{
   from{
     opacity:0;
     transform:var(--popover-slide-translation);
@@ -4845,7 +4862,7 @@
     transform:translateY(0);
   }
 }
-.bp_date_picker_module_datePickerPopoverContent--3051e{
+.bp_date_picker_module_datePickerPopoverContent--bf2e1{
   z-index:380;
 }
 

package/dist/lib-esm/primitives/calendar/calendar.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronLeft, ChevronRight } from '@box/blueprint-web-assets/icons/Fill';
+import { ChevronLeft as ChevronLeft$1, ChevronRight as ChevronRight$1 } from '@box/blueprint-web-assets/icons/Fill';
+import { ChevronLeft, ChevronRight } from '@box/blueprint-web-assets/icons/Medium';
 import { Gray65 } from '@box/blueprint-web-assets/tokens/tokens';
 import { isSameDay, today, getLocalTimeZone } from '@internationalized/date';
 import { clsx } from 'clsx';
-import { forwardRef, useRef, useEffect } from 'react';
+import { forwardRef, useMemo, useRef, useEffect } from 'react';
 import { Calendar as Calendar$1, Button, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './calendar.module.js';
@@ -65,6 +66,8 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     enableModernizedComponents
   } = useBlueprintModernization();
+  const ChevronLeftIcon = useMemo(() => enableModernizedComponents ? ChevronLeft : ChevronLeft$1, [enableModernizedComponents]);
+  const ChevronRightIcon = useMemo(() => enableModernizedComponents ? ChevronRight : ChevronRight$1, [enableModernizedComponents]);
   return jsxs(Calendar$1, {
     ...rest,
     ref: forwardedRef,
@@ -78,7 +81,7 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         className: styles.calendarHeaderButton,
         onPressStart: continuePropagation,
         slot: "previous",
-        children: jsx(ChevronLeft, {
+        children: jsx(ChevronLeftIcon, {
           "aria-label": previousMonthAriaLabel,
           color: Gray65
         })
@@ -89,7 +92,7 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         className: styles.calendarHeaderButton,
         onPressStart: continuePropagation,
         slot: "next",
-        children: jsx(ChevronRight, {
+        children: jsx(ChevronRightIcon, {
           "aria-label": nextMonthAriaLabel,
           color: Gray65
         })

package/dist/lib-esm/primitives/calendar/calendar.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"calendar":"bp_calendar_module_calendar--54e59","calendarGrid":"bp_calendar_module_calendarGrid--54e59","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--54e59","calendarHeader":"bp_calendar_module_calendarHeader--54e59","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--54e59","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--54e59","calendarCell":"bp_calendar_module_calendarCell--54e59","today":"bp_calendar_module_today--54e59"};
+var styles = {"calendar":"bp_calendar_module_calendar--98baa","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--98baa","calendarHeader":"bp_calendar_module_calendarHeader--98baa","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--98baa","calendarGrid":"bp_calendar_module_calendarGrid--98baa","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--98baa","calendarCell":"bp_calendar_module_calendarCell--98baa","today":"bp_calendar_module_today--98baa"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.77.3",
+    "version": "12.77.4",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {