@itwin/itwinui-css 1.0.0-dev.9 → 1.1.0

package/css/date-picker.css

@@ -2,402 +2,4 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-.iui-date-picker{
-  --iui-surface-background-color:var(--iui-color-background-1);
-  --iui-surface-border-radius:var(--iui-border-radius-1);
-  --iui-surface-elevation:var(--iui-shadow-1);
-  background-color:var(--iui-surface-background-color);
-  border-radius:var(--iui-surface-border-radius);
-  box-shadow:var(--iui-surface-elevation);
-  color:var(--iui-color-foreground-2);
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  display:inline-grid;
-  grid-template-columns:1fr auto;
-}
-@media (forced-colors: active){
-  .iui-date-picker{
-    border:1px solid transparent;
-  }
-}
-.iui-date-picker .iui-time-picker{
-  height:0;
-  min-height:100%;
-}
-
-.iui-calendar-month-year{
-  display:inline-flex;
-  width:100%;
-  align-items:center;
-  justify-content:space-between;
-  padding:0 var(--iui-size-2xs);
-  font-weight:var(--iui-font-weight-bold);
-  gap:var(--iui-size-2xs);
-}
-.iui-calendar-month-year > span{
-  width:156px;
-  white-space:nowrap;
-  display:inline-flex;
-  flex-shrink:0;
-  align-items:center;
-  justify-content:center;
-  line-height:calc(var(--iui-size-s) * 4);
-}
-
-.iui-calendar-month{
-  overflow:hidden;
-  max-width:15ch;
-  text-overflow:ellipsis;
-  white-space:nowrap;
-  flex-shrink:0;
-}
-
-.iui-calendar-weekdays{
-  line-height:36px;
-  display:flex;
-  padding:0 var(--iui-size-xs);
-  font-weight:var(--iui-font-weight-bold);
-  background-color:var(--iui-color-background-2);
-}
-.iui-calendar-weekdays > div{
-  white-space:nowrap;
-  overflow:hidden;
-  width:40px;
-  text-align:center;
-}
-
-.iui-calendar-week{
-  white-space:nowrap;
-  line-height:36px;
-  display:flex;
-  padding:0 var(--iui-size-xs);
-  margin-bottom:var(--iui-size-3xs);
-}
-
-.iui-calendar-day, .iui-calendar-day-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-}
-.iui-calendar-day:focus-visible, .iui-calendar-day-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day:focus, .iui-calendar-day-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day:hover, .iui-calendar-day-today:hover{
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-
-.iui-calendar-day-selected, .iui-calendar-day-selected-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-  cursor:default;
-}
-.iui-calendar-day-selected:focus-visible, .iui-calendar-day-selected-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-selected:focus, .iui-calendar-day-selected-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day-selected:focus-visible, .iui-calendar-day-selected-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-accessory);
-  outline-offset:-3px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-selected:focus, .iui-calendar-day-selected-today:focus{
-    outline:1px solid var(--iui-color-foreground-accessory);
-    outline-offset:-3px;
-  }
-}
-.iui-calendar-day-selected-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-selected-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-selected-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-selected-today:hover{
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-}
-.iui-calendar-day-selected-today:hover::before{
-  background-color:initial;
-}
-.iui-calendar-day-selected-today::before{
-  border-color:rgba(255, 255, 255, var(--iui-opacity-4));
-}
-
-.iui-calendar-day-outside-month, .iui-calendar-day-outside-month-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-  color:var(--iui-color-foreground-4);
-}
-.iui-calendar-day-outside-month:focus-visible, .iui-calendar-day-outside-month-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-outside-month:focus, .iui-calendar-day-outside-month-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day-outside-month:hover, .iui-calendar-day-outside-month-today:hover{
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-outside-month-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-outside-month-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-outside-month-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-
-.iui-calendar-day-range-start, .iui-calendar-day-range-start-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-  border-top-right-radius:0;
-  border-bottom-right-radius:0;
-  cursor:pointer;
-}
-.iui-calendar-day-range-start:focus-visible, .iui-calendar-day-range-start-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-range-start:focus, .iui-calendar-day-range-start-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day-range-start:focus-visible, .iui-calendar-day-range-start-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-accessory);
-  outline-offset:-3px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-range-start:focus, .iui-calendar-day-range-start-today:focus{
-    outline:1px solid var(--iui-color-foreground-accessory);
-    outline-offset:-3px;
-  }
-}
-.iui-calendar-day-range-start-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-range-start-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-range-start-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-range-start-today:hover{
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-}
-.iui-calendar-day-range-start-today:hover::before{
-  background-color:initial;
-}
-.iui-calendar-day-range-start-today::before{
-  border-color:rgba(255, 255, 255, var(--iui-opacity-4));
-}
-
-.iui-calendar-day-range-end, .iui-calendar-day-range-end-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-  border-top-left-radius:0;
-  border-bottom-left-radius:0;
-}
-.iui-calendar-day-range-end:focus-visible, .iui-calendar-day-range-end-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-range-end:focus, .iui-calendar-day-range-end-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day-range-end:focus-visible, .iui-calendar-day-range-end-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-accessory);
-  outline-offset:-3px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-range-end:focus, .iui-calendar-day-range-end-today:focus{
-    outline:1px solid var(--iui-color-foreground-accessory);
-    outline-offset:-3px;
-  }
-}
-.iui-calendar-day-range-end-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-range-end-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-range-end-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-range-end-today:hover{
-  background-color:var(--iui-color-background-primary);
-  color:var(--iui-color-foreground-accessory);
-}
-.iui-calendar-day-range-end-today:hover::before{
-  background-color:initial;
-}
-.iui-calendar-day-range-end-today::before{
-  border-color:rgba(255, 255, 255, var(--iui-opacity-4));
-}
-
-.iui-calendar-day-range, .iui-calendar-day-range-today{
-  cursor:pointer;
-  text-align:center;
-  width:40px;
-  height:36px;
-  border-radius:var(--iui-border-radius-1);
-  font-variant-numeric:tabular-nums;
-  border-radius:0;
-  background-color:var(--iui-color-background-subtle-primary);
-  color:var(--iui-color-foreground-2);
-}
-.iui-calendar-day-range:focus-visible, .iui-calendar-day-range-today:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-calendar-day-range:focus, .iui-calendar-day-range-today:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-calendar-day-range:hover, .iui-calendar-day-range-today:hover{
-  font-weight:var(--iui-font-weight-semibold);
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-range-today{
-  position:relative;
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-calendar-day-range-today::before{
-  content:"";
-  position:absolute;
-  display:block;
-  width:32px;
-  height:32px;
-  border-radius:var(--iui-border-radius-round);
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  border:2px solid var(--iui-color-foreground-5);
-}
-.iui-calendar-day-range-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-}
-.iui-calendar-day-range-today:hover{
-  background-color:var(--iui-color-background-transparent-hover);
-  color:var(--iui-color-foreground-2);
-}
-.iui-calendar-day-range-today::before{
-  border-color:var(--iui-color-foreground-primary);
-}
+.iui-date-picker{--iui-surface-background-color:var(--iui-color-background);--iui-surface-border-color:var(--iui-color-border-subtle);--iui-surface-border-radius:var(--iui-border-radius-1);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-surface-background-color);border:1px solid var(--iui-surface-border-color);border-radius:var(--iui-surface-border-radius);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}.iui-date-picker .iui-time-picker{height:0;min-height:100%}.iui-calendar-month-year{width:100%;padding:0 var(--iui-size-2xs);font-weight:var(--iui-font-weight-bold);justify-content:space-between;align-items:center;gap:var(--iui-size-2xs);display:inline-flex}.iui-calendar-month-year>span{width:156px;white-space:nowrap;line-height:calc(var(--iui-size-s)*4);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iui-calendar-month{max-width:15ch;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.iui-calendar-weekdays{padding:0 var(--iui-size-xs);line-height:36px;font-weight:var(--iui-font-weight-bold);background-color:var(--iui-color-background-backdrop);display:flex}.iui-calendar-weekdays>div{white-space:nowrap;width:40px;text-align:center;overflow:hidden}.iui-calendar-week{white-space:nowrap;padding:0 var(--iui-size-xs);margin-bottom:var(--iui-size-3xs);line-height:36px;display:flex}.iui-calendar-day,.iui-calendar-day-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums}.iui-calendar-day:focus-visible,.iui-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day:focus,.iui-calendar-day-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day:hover,.iui-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}.iui-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}.iui-calendar-day-selected,.iui-calendar-day-selected-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:default}.iui-calendar-day-selected:focus-visible,.iui-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day-selected:focus,.iui-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day-selected:focus-visible,.iui-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){.iui-calendar-day-selected:focus,.iui-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}.iui-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-selected-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}.iui-calendar-day-selected-today:hover:before{background-color:initial}.iui-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}.iui-calendar-day-outside-month,.iui-calendar-day-outside-month-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;color:var(--iui-color-text-muted)}.iui-calendar-day-outside-month:focus-visible,.iui-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day-outside-month:focus,.iui-calendar-day-outside-month-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day-outside-month:hover,.iui-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}.iui-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-outside-month-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}.iui-calendar-day-range-start,.iui-calendar-day-range-start-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:pointer;border-top-right-radius:0;border-bottom-right-radius:0}.iui-calendar-day-range-start:focus-visible,.iui-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day-range-start:focus,.iui-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day-range-start:focus-visible,.iui-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){.iui-calendar-day-range-start:focus,.iui-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}.iui-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-range-start-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-range-start-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}.iui-calendar-day-range-start-today:hover:before{background-color:initial}.iui-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}.iui-calendar-day-range-end,.iui-calendar-day-range-end-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);border-top-left-radius:0;border-bottom-left-radius:0}.iui-calendar-day-range-end:focus-visible,.iui-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day-range-end:focus,.iui-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day-range-end:focus-visible,.iui-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){.iui-calendar-day-range-end:focus,.iui-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}.iui-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-range-end-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-range-end-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}.iui-calendar-day-range-end-today:hover:before{background-color:initial}.iui-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}.iui-calendar-day-range,.iui-calendar-day-range-today{cursor:pointer;text-align:center;width:40px;height:36px;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;background-color:var(--iui-color-background-accent-muted);border-radius:0}.iui-calendar-day-range:focus-visible,.iui-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-calendar-day-range:focus,.iui-calendar-day-range-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-calendar-day-range:hover,.iui-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}.iui-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}.iui-calendar-day-range-today:before{content:"";width:32px;height:32px;border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iui-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}.iui-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}

package/css/dialog.css

@@ -2,162 +2,4 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-.iui-dialog-wrapper{
-  position:fixed;
-  overflow:hidden;
-  top:0;
-  left:0;
-  width:100%;
-  height:100%;
-  pointer-events:none;
-  transform:translateX(0);
-}
-.iui-dialog-wrapper[data-iui-relative=true]{
-  position:absolute;
-}
-
-.iui-dialog{
-  z-index:999;
-  isolation:isolate;
-  border-radius:var(--iui-border-radius-1);
-  box-shadow:var(--iui-shadow-5);
-  position:fixed;
-  padding:var(--iui-size-s) var(--iui-size-m);
-  pointer-events:auto;
-  background-color:var(--iui-color-background-1);
-  transition:visibility var(--iui-duration-0) linear, opacity var(--iui-duration-1) ease-out;
-  transition-delay:var(--iui-duration-1), var(--iui-duration-0);
-}
-@media (forced-colors: active){
-  .iui-dialog{
-    border:1px solid;
-  }
-}
-.iui-dialog:not(.iui-dialog-visible){
-  visibility:hidden;
-  opacity:0;
-}
-.iui-dialog.iui-dialog-visible{
-  transition-delay:var(--iui-duration-0);
-}
-
-.iui-dialog-default{
-  max-width:max(50%, 380px);
-  min-width:380px;
-  max-height:100vh;
-}
-.iui-dialog-default:not([data-iui-placement]){
-  left:50%;
-  top:33%;
-  transform:translate(-50%, -33%);
-}
-.iui-dialog-default[data-iui-placement=top-left]{
-  top:0;
-  left:0;
-  margin-left:var(--iui-size-s);
-  margin-top:var(--iui-size-m);
-}
-.iui-dialog-default[data-iui-placement=top-right]{
-  top:0;
-  right:0;
-  margin-right:var(--iui-size-s);
-  margin-top:var(--iui-size-m);
-}
-.iui-dialog-default[data-iui-placement=bottom-left]{
-  bottom:0;
-  left:0;
-  margin-left:var(--iui-size-s);
-  margin-bottom:var(--iui-size-m);
-}
-.iui-dialog-default[data-iui-placement=bottom-right]{
-  bottom:0;
-  right:0;
-  margin-right:var(--iui-size-s);
-  margin-bottom:var(--iui-size-m);
-}
-
-.iui-dialog-full-page{
-  border-radius:0;
-  height:100vh;
-  height:100dvh;
-  width:100vw;
-  top:0;
-  left:0;
-  display:flex;
-  flex-direction:column;
-  will-change:transform;
-}
-.iui-dialog-full-page:not(.iui-dialog-visible){
-  transform:translateY(100%);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-dialog-full-page{
-    transition:visibility var(--iui-duration-0) linear var(--iui-duration-2), opacity var(--iui-duration-0) linear var(--iui-duration-2), transform var(--iui-duration-1) ease-in;
-  }
-  .iui-dialog-full-page.iui-dialog-visible{
-    transition:transform var(--iui-duration-2) ease-out;
-  }
-}
-
-.iui-dialog-draggable{
-  display:flex;
-  flex-direction:column;
-  border:1px solid var(--iui-color-background-border);
-}
-
-.iui-dialog-title{
-  display:flex;
-  align-items:center;
-  font-size:inherit;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  line-height:1.5;
-  margin-right:auto;
-}
-
-.iui-dialog-title-bar{
-  display:flex;
-  align-items:center;
-  margin-bottom:var(--iui-size-s);
-  font-size:var(--iui-font-size-3);
-}
-
-.iui-dialog-title-bar-filled{
-  font-size:var(--iui-font-size-2);
-  padding:calc(var(--iui-size-s) * 0.5) var(--iui-size-m);
-  margin:calc(0px - var(--iui-size-s)) calc(0px - var(--iui-size-m)) var(--iui-size-s) calc(0px - var(--iui-size-m));
-  cursor:-webkit-grab;
-  cursor:grab;
-  background-color:var(--iui-color-background-3);
-  border-bottom:1px solid var(--iui-color-background-border);
-}
-.iui-dialog-title-bar-filled:active{
-  cursor:-webkit-grabbing;
-  cursor:grabbing;
-}
-
-.iui-dialog-content{
-  flex-grow:2;
-  margin:0 calc(0px - var(--iui-size-m));
-  padding:0 var(--iui-size-m);
-  overflow-y:auto;
-  overflow-y:overlay;
-}
-
-.iui-dialog-button-bar{
-  margin-top:var(--iui-size-s);
-  display:flex;
-  align-items:center;
-  justify-content:flex-end;
-  gap:var(--iui-size-xs);
-}
-
-.iui-dialog-animation-enter{
-  transform:translateY(100%);
-  opacity:0;
-}
-.iui-dialog-animation-enter-active{
-  transform:translateY(0);
-  opacity:1;
-}
+.iui-dialog-wrapper{width:100%;height:100%;pointer-events:none;z-index:999;isolation:isolate;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0)}.iui-dialog-wrapper[data-iui-relative=true]{position:absolute}.iui-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding:var(--iui-size-s)var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:fixed}@media (forced-colors:active){.iui-dialog{border:1px solid}}.iui-dialog:not(.iui-dialog-visible){visibility:hidden;opacity:0}.iui-dialog.iui-dialog-visible{transition-delay:var(--iui-duration-0)}.iui-dialog-default{max-width:max(50%,380px);min-width:380px;max-height:100vh}.iui-dialog-default:not([data-iui-placement]){top:33%;left:50%;transform:translate(-50%,-33%)}.iui-dialog-default[data-iui-placement=top-left]{margin-left:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;left:0}.iui-dialog-default[data-iui-placement=top-right]{margin-right:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;right:0}.iui-dialog-default[data-iui-placement=bottom-left]{margin-left:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;left:0}.iui-dialog-default[data-iui-placement=bottom-right]{margin-right:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;right:0}.iui-dialog-full-page{height:100vh;height:100dvh;width:100vw;will-change:transform;border-radius:0;flex-direction:column;display:flex;top:0;left:0}.iui-dialog-full-page:not(.iui-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){.iui-dialog-full-page{transition:visibility var(--iui-duration-0)linear var(--iui-duration-2),opacity var(--iui-duration-0)linear var(--iui-duration-2),transform var(--iui-duration-1)ease-in}.iui-dialog-full-page.iui-dialog-visible{transition:transform var(--iui-duration-2)ease-out}}.iui-dialog-draggable{border:1px solid var(--iui-color-border);flex-direction:column;display:flex}.iui-dialog-title{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-right:auto;line-height:1.5;display:flex;overflow:hidden}.iui-dialog-title-bar{margin-bottom:var(--iui-size-s);font-size:var(--iui-font-size-3);align-items:center;display:flex}.iui-dialog-title-bar-filled{font-size:var(--iui-font-size-2);padding:calc(var(--iui-size-s)*.5)var(--iui-size-m);margin:calc(0px - var(--iui-size-s))calc(0px - var(--iui-size-m))var(--iui-size-s)calc(0px - var(--iui-size-m));cursor:grab;background-color:var(--iui-color-background-backdrop);border-bottom:1px solid var(--iui-color-border)}.iui-dialog-title-bar-filled:active{cursor:grabbing}.iui-dialog-content{margin:0 calc(0px - var(--iui-size-m));padding:0 var(--iui-size-m);overflow-y:auto;overflow-y:overlay;flex-grow:2}.iui-dialog-button-bar{margin-top:var(--iui-size-s);justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);display:flex}.iui-dialog-animation-enter{opacity:0;transform:translateY(100%)}.iui-dialog-animation-enter-active{opacity:1;transform:translateY(0)}