@mantine/schedule 9.7.2 → 9.7.3

package/styles.css

@@ -813,7 +813,7 @@
 }
 
 .m_2f950041 {
-  height: var(--slot-height);
+  height: calc(var(--slot-height) * var(--slot-label-size, 1));
   border-top: 1px solid var(--day-view-border-color);
   font-size: var(--mantine-font-size-sm);
   text-align: right;
@@ -830,6 +830,10 @@
     border-top: 0;
   }
 
+.m_2f950041:where([data-sub-hour]) {
+    border-top-style: dotted;
+  }
+
 .m_2f950041:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
@@ -838,6 +842,16 @@
     background-color: var(--day-view-non-business-hours-bg);
   }
 
+.m_2f950041:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      to bottom,
+      var(--day-view-non-business-hours-bg) var(--business-hours-from),
+      var(--day-view-business-hours-bg) var(--business-hours-from),
+      var(--day-view-business-hours-bg) var(--business-hours-to),
+      var(--day-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
 .m_d5dc3060 {
   flex: 1;
 }
@@ -859,6 +873,11 @@
   }
 
 @media (hover: hover) {
+
+  .m_cd179e73:hover {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_cd179e73:hover {
       background-color: var(--mantine-color-gray-1);
   }
@@ -869,6 +888,11 @@
 }
 
 @media (hover: none) {
+
+  .m_cd179e73:active {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_cd179e73:active {
       background-color: var(--mantine-color-gray-1);
   }
@@ -891,6 +915,20 @@
     background-color: var(--day-view-non-business-hours-bg);
   }
 
+.m_cd179e73:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      to bottom,
+      var(--day-view-non-business-hours-bg) var(--business-hours-from),
+      var(--day-view-business-hours-bg) var(--business-hours-from),
+      var(--day-view-business-hours-bg) var(--business-hours-to),
+      var(--day-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
+.m_cd179e73:where([data-drop-target]) {
+    background-image: none;
+  }
+
 :where([data-mantine-color-scheme='light']) .m_cd179e73:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
@@ -919,6 +957,7 @@
 
 .m_cd179e73:where([data-drag-selected]),
     .m_cd179e73:where([data-drag-selected]):hover {
+      background-image: none;
       background-color: var(--mantine-primary-color-light);
     }
 
@@ -948,7 +987,8 @@
     pointer-events: none;
   }
 
-.m_3c5fb2d5:where([data-hide-sub-hour-grid-lines]) .m_cd179e73:not([data-hour-start]) {
+.m_3c5fb2d5:where([data-hide-sub-hour-grid-lines]) .m_cd179e73:not([data-hour-start]),
+.m_3c5fb2d5:where([data-hide-sub-hour-grid-lines]) .m_2f950041:where([data-sub-hour]) {
   border-top-color: transparent;
 }
 
@@ -1097,6 +1137,7 @@
 
 .m_70d87f99 {
   --mobile-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --mobile-month-view-columns: 7;
   --week-numbers-offset: 0rem;
   --day-base-color: var(--mantine-color-text);
   --day-dimmed-color: color-mix(in srgb, var(--day-base-color), transparent 50%);
@@ -1165,7 +1206,11 @@
 }
 
 .m_e357794f {
-  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  flex: 0 0
+    calc(
+      100% / var(--mobile-month-view-columns) - var(--week-numbers-offset) /
+        var(--mobile-month-view-columns)
+    );
   font-size: var(--mobile-month-view-font-size);
   font-weight: var(--mantine-font-weight-medium);
   text-align: center;
@@ -1224,7 +1269,11 @@
   }
 
 .m_fa29b943 {
-  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  flex: 0 0
+    calc(
+      100% / var(--mobile-month-view-columns) - var(--week-numbers-offset) /
+        var(--mobile-month-view-columns)
+    );
   height: calc(3rem * var(--mantine-scale));
   padding: calc(0.25rem * var(--mantine-scale));
   font-weight: var(--mantine-font-weight-medium);
@@ -1822,7 +1871,7 @@
 .m_29f492e9 {
   border-top: 1px solid var(--week-view-border-color);
   text-align: right;
-  height: var(--week-view-slot-height);
+  height: calc(var(--week-view-slot-height) * var(--slot-label-size, 1));
   padding: calc(0.25rem * var(--mantine-scale));
   padding-inline-end: calc(0.5rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
@@ -1832,6 +1881,10 @@
   text-transform: uppercase;
 }
 
+.m_29f492e9:where([data-sub-hour]) {
+    border-top-style: dotted;
+  }
+
 .m_29f492e9:where([data-business-hours]) {
     background-color: var(--week-view-business-hours-bg);
   }
@@ -1840,6 +1893,16 @@
     background-color: var(--week-view-non-business-hours-bg);
   }
 
+.m_29f492e9:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      to bottom,
+      var(--week-view-non-business-hours-bg) var(--business-hours-from),
+      var(--week-view-business-hours-bg) var(--business-hours-from),
+      var(--week-view-business-hours-bg) var(--business-hours-to),
+      var(--week-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
 .m_98199d2f {
   flex: 1;
   border-inline-start: 1px solid var(--week-view-border-color);
@@ -2058,6 +2121,11 @@
   }
 
 @media (hover: hover) {
+
+  .m_8ac0cbcd:hover {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_8ac0cbcd:hover {
       background-color: var(--mantine-color-gray-1);
   }
@@ -2068,6 +2136,11 @@
 }
 
 @media (hover: none) {
+
+  .m_8ac0cbcd:active {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_8ac0cbcd:active {
       background-color: var(--mantine-color-gray-1);
   }
@@ -2085,6 +2158,20 @@
     background-color: var(--week-view-non-business-hours-bg);
   }
 
+.m_8ac0cbcd:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      to bottom,
+      var(--week-view-non-business-hours-bg) var(--business-hours-from),
+      var(--week-view-business-hours-bg) var(--business-hours-from),
+      var(--week-view-business-hours-bg) var(--business-hours-to),
+      var(--week-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
+.m_8ac0cbcd:where([data-drop-target]) {
+    background-image: none;
+  }
+
 :where([data-mantine-color-scheme='light']) .m_8ac0cbcd:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
@@ -2113,6 +2200,7 @@
 
 .m_8ac0cbcd:where([data-drag-selected]),
     .m_8ac0cbcd:where([data-drag-selected]):hover {
+      background-image: none;
       background-color: var(--mantine-primary-color-light);
     }
 
@@ -2152,7 +2240,8 @@
 
 .m_6b2099af:where([data-hide-sub-hour-grid-lines])
   .m_cd58ae46
-  .m_8ac0cbcd:not([data-hour-start]) {
+  .m_8ac0cbcd:not([data-hour-start]),
+.m_6b2099af:where([data-hide-sub-hour-grid-lines]) .m_29f492e9:where([data-sub-hour]) {
   border-top-color: transparent;
 }
 
@@ -2592,6 +2681,7 @@
   }
 
 .m_25154d8d {
+  --_business-hours-direction: to right;
   --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
   --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
@@ -2612,6 +2702,10 @@
     --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
 
+  [dir="rtl"] .m_25154d8d {
+    --_business-hours-direction: to left;
+}
+
 .m_d790b40f {
   border: 1px solid var(--resources-day-view-border-color);
   border-radius: var(--resources-day-view-radius);
@@ -2693,6 +2787,16 @@
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
 
+.m_de91b51a:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      var(--_business-hours-direction),
+      var(--resources-day-view-non-business-hours-bg) var(--business-hours-from),
+      var(--resources-day-view-business-hours-bg) var(--business-hours-from),
+      var(--resources-day-view-business-hours-bg) var(--business-hours-to),
+      var(--resources-day-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
 .m_6a0ced0d {
   display: flex;
   border-top: 1px solid var(--resources-day-view-border-color);
@@ -2784,6 +2888,11 @@
 }
 
 @media (hover: hover) {
+
+  .m_90acfcab:hover {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_90acfcab:hover {
       background-color: var(--mantine-color-gray-1);
   }
@@ -2794,6 +2903,11 @@
 }
 
 @media (hover: none) {
+
+  .m_90acfcab:active {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_90acfcab:active {
       background-color: var(--mantine-color-gray-1);
   }
@@ -2819,6 +2933,20 @@
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
 
+.m_90acfcab:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      var(--_business-hours-direction),
+      var(--resources-day-view-non-business-hours-bg) var(--business-hours-from),
+      var(--resources-day-view-business-hours-bg) var(--business-hours-from),
+      var(--resources-day-view-business-hours-bg) var(--business-hours-to),
+      var(--resources-day-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
+.m_90acfcab:where([data-drop-target]) {
+    background-image: none;
+  }
+
 :where([data-mantine-color-scheme='light']) .m_90acfcab:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
@@ -2847,6 +2975,7 @@
 
 .m_90acfcab:where([data-drag-selected]),
     .m_90acfcab:where([data-drag-selected]):hover {
+      background-image: none;
       background-color: var(--mantine-primary-color-light);
     }
 
@@ -3117,6 +3246,7 @@
   }
 
 .m_ed4c47cf {
+  --_business-hours-direction: to right;
   --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
   --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
@@ -3137,6 +3267,10 @@
     --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
 
+  [dir="rtl"] .m_ed4c47cf {
+    --_business-hours-direction: to left;
+}
+
 .m_5b5cbd51 {
   border: 1px solid var(--resources-week-view-border-color);
   border-radius: var(--resources-week-view-radius);
@@ -3254,6 +3388,16 @@
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
 
+.m_a6832518:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      var(--_business-hours-direction),
+      var(--resources-week-view-non-business-hours-bg) var(--business-hours-from),
+      var(--resources-week-view-business-hours-bg) var(--business-hours-from),
+      var(--resources-week-view-business-hours-bg) var(--business-hours-to),
+      var(--resources-week-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
 .m_9fd9b38b {
   display: flex;
   border-top: 1px solid var(--resources-week-view-border-color);
@@ -3349,6 +3493,11 @@
   }
 
 @media (hover: hover) {
+
+  .m_ed965429:hover {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_ed965429:hover {
       background-color: var(--mantine-color-gray-1);
   }
@@ -3359,6 +3508,11 @@
 }
 
 @media (hover: none) {
+
+  .m_ed965429:active {
+    background-image: none;
+  }
+
     :where([data-mantine-color-scheme='light']) .m_ed965429:active {
       background-color: var(--mantine-color-gray-1);
   }
@@ -3380,6 +3534,20 @@
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
 
+.m_ed965429:where([data-partial-business-hours]) {
+    background-image: linear-gradient(
+      var(--_business-hours-direction),
+      var(--resources-week-view-non-business-hours-bg) var(--business-hours-from),
+      var(--resources-week-view-business-hours-bg) var(--business-hours-from),
+      var(--resources-week-view-business-hours-bg) var(--business-hours-to),
+      var(--resources-week-view-non-business-hours-bg) var(--business-hours-to)
+    );
+  }
+
+.m_ed965429:where([data-drop-target]) {
+    background-image: none;
+  }
+
 :where([data-mantine-color-scheme='light']) .m_ed965429:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
@@ -3408,6 +3576,7 @@
 
 .m_ed965429:where([data-drag-selected]),
     .m_ed965429:where([data-drag-selected]):hover {
+      background-image: none;
       background-color: var(--mantine-primary-color-light);
     }