@itcase/ui 1.9.32 → 1.9.35

package/dist/css/styles/bundles.css

@@ -46039,42 +46039,56 @@ div.avatar-stack {
       &_xxs {
         min-width: var(--badge-size-xxs-min-width);
         min-height: var(--badge-size-xxs-min-height);
+        max-width: var(--badge-size-xxs-max-width);
+        max-height: var(--badge-size-xxs-max-height);
         gap: var(--badge-size-xxs-gap);
         padding: var(--badge-size-xxs-padding);
       }
       &_xs {
         min-width: var(--badge-size-xs-min-width);
         min-height: var(--badge-size-xs-min-height);
+        max-width: var(--badge-size-xs-max-width);
+        max-height: var(--badge-size-xs-max-height);
         gap: var(--badge-size-xs-gap);
         padding: var(--badge-size-xs-padding);
       }
       &_s {
         min-width: var(--badge-size-s-min-width);
         min-height: var(--badge-size-s-min-height);
+        max-width: var(--badge-size-s-max-width);
+        max-height: var(--badge-size-s-max-height);
         gap: var(--badge-size-s-gap);
         padding: var(--badge-size-s-padding);
       }
       &_m {
         min-width: var(--badge-size-m-min-width);
         min-height: var(--badge-size-m-min-height);
+        max-width: var(--badge-size-m-max-width);
+        max-height: var(--badge-size-m-max-height);
         gap: var(--badge-size-m-gap);
         padding: var(--badge-size-m-padding);
       }
       &_l {
         min-width: var(--badge-size-l-min-width);
         min-height: var(--badge-size-l-min-height);
+        max-width: var(--badge-size-l-max-width);
+        max-height: var(--badge-size-l-max-height);
         gap: var(--badge-size-l-gap);
         padding: var(--badge-size-l-padding);
       }
       &_xl {
         min-width: var(--badge-size-xl-min-width);
         min-height: var(--badge-size-xl-min-height);
+        max-width: var(--badge-size-xl-max-width);
+        max-height: var(--badge-size-xl-max-height);
         gap: var(--badge-size-xl-gap);
         padding: var(--badge-size-xl-padding);
       }
       &_xxl {
         min-width: var(--badge-size-xxl-min-width);
         min-height: var(--badge-size-xxl-min-height);
+        max-width: var(--badge-size-xxl-max-width);
+        max-height: var(--badge-size-xxl-max-height);
         gap: var(--badge-size-xxl-gap);
         padding: var(--badge-size-xxl-padding);
       }
@@ -47190,6 +47204,8 @@ div.avatar-stack {
   --badge-size-xxl-padding: 1m 1.5m;
   --badge-size-xxl-min-width: 40px;
   --badge-size-xxl-min-height: 40px;
+  --badge-size-xxl-max-width: 40px;
+  --badge-size-xxl-max-height: 40px;
   --badge-size-xxl-gap: 5px;
   --badge-type-icon-size-xxl-max-width: 40px;
   --badge-type-icon-size-xxl-max-height: 40px;
@@ -47197,6 +47213,8 @@ div.avatar-stack {
   --badge-size-xl-padding: 0.5m 1.25m;
   --badge-size-xl-min-width: 32px;
   --badge-size-xl-min-height: 32px;
+  --badge-size-xl-max-width: 32px;
+  --badge-size-xl-max-height: 32px;
   --badge-size-xl-gap: 6px;
   --badge-type-icon-size-xl-max-width: 32px;
   --badge-type-icon-size-xl-max-height: 32px;
@@ -47204,6 +47222,8 @@ div.avatar-stack {
   --badge-size-l-padding: 0.5m 1m;
   --badge-size-l-min-width: 28px;
   --badge-size-l-min-height: 28px;
+  --badge-size-l-max-width: 28px;
+  --badge-size-l-max-height: 28px;
   --badge-size-l-gap: 4px;
   --badge-type-icon-size-l-max-width: 28px;
   --badge-type-icon-size-l-max-height: 28px;
@@ -47211,6 +47231,8 @@ div.avatar-stack {
   --badge-size-m-padding: 0 0.75m;
   --badge-size-m-min-width: 24px;
   --badge-size-m-min-height: 24px;
+  --badge-size-m-max-width: 24px;
+  --badge-size-m-max-height: 24px;
   --badge-size-m-gap: 2px;
   --badge-type-icon-size-m-max-width: 24px;
   --badge-type-icon-size-m-max-height: 24px;
@@ -47218,6 +47240,8 @@ div.avatar-stack {
   --badge-size-s-padding: 0 0.5m;
   --badge-size-s-min-width: 20px;
   --badge-size-s-min-height: 20px;
+  --badge-size-s-max-width: 20px;
+  --badge-size-s-max-height: 20px;
   --badge-size-s-gap: 0px;
   --badge-type-icon-size-s-max-width: 20px;
   --badge-type-icon-size-s-max-height: 20px;
@@ -47225,6 +47249,8 @@ div.avatar-stack {
   --badge-size-xs-padding: 0;
   --badge-size-xs-min-width: 16px;
   --badge-size-xs-min-height: 16px;
+  --badge-size-xs-max-width: 16px;
+  --badge-size-xs-max-height: 16px;
   --badge-size-xs-gap: 2px;
   --badge-type-icon-size-xs-max-width: 16px;
   --badge-type-icon-size-xs-max-height: 16px;
@@ -47232,6 +47258,8 @@ div.avatar-stack {
   --badge-size-xxs-padding: 0 0.5m;
   --badge-size-xxs-min-width: 16px;
   --badge-size-xxs-min-height: 16px;
+  --badge-size-xxs-max-width: 16px;
+  --badge-size-xxs-max-height: 16px;
   --badge-size-xxs-gap: 0px;
   --badge-type-icon-size-xxs-max-width: 16px;
   --badge-type-icon-size-xxs-max-height: 16px;
@@ -60121,8 +60149,8 @@ div.avatar-stack {
 }
 .react-datepicker--time-only .react-datepicker__time,
 .react-datepicker--time-only .react-datepicker__time-box {
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-left-radius: 0.3em;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker-popper {
   z-index: 1;
@@ -60139,6 +60167,14 @@ div.avatar-stack {
   fill: #fff;
   color: #fff;
 }
+.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
+}
+.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
+}
 .react-datepicker__header {
   text-align: center;
   background-color: #f0f0f0;
@@ -60155,9 +60191,25 @@ div.avatar-stack {
 .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
   border-top-left-radius: 0;
 }
-.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
+.react-datepicker__header:not(.react-datepicker__header--has-time-select, .react-datepicker__header--middle, .react-datepicker__header--bottom) {
   border-top-right-radius: 0.3rem;
 }
+.react-datepicker__header--middle {
+  border-top: 1px solid #aeaeae;
+  border-radius: 0;
+  margin-top: 4px;
+}
+.react-datepicker__header--bottom {
+  border-bottom: none;
+  border-top: 1px solid #aeaeae;
+  border-radius: 0 0 0.3rem 0.3rem;
+}
+.react-datepicker__header-wrapper {
+  position: relative;
+}
+.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+  right: 2px;
+}
 .react-datepicker__year-dropdown-container--select,
 .react-datepicker__month-dropdown-container--select,
 .react-datepicker__month-year-dropdown-container--select,
@@ -60250,7 +60302,7 @@ h2.react-datepicker__current-month {
   float: left;
 }
 .react-datepicker__year {
-  margin: 0.4rem;
+  margin: 0.4em;
   text-align: center;
 }
 .react-datepicker__year-wrapper {
@@ -60260,17 +60312,17 @@ h2.react-datepicker__current-month {
 }
 .react-datepicker__year .react-datepicker__year-text {
   display: inline-block;
-  width: 4rem;
+  width: 4em;
   margin: 2px;
 }
 .react-datepicker__month {
-  margin: 0.4rem;
+  margin: 0.4em;
   text-align: center;
 }
 .react-datepicker__month .react-datepicker__month-text,
 .react-datepicker__month .react-datepicker__quarter-text {
   display: inline-block;
-  width: 4rem;
+  width: 4em;
   margin: 2px;
 }
 .react-datepicker__input-time-container {
@@ -60313,7 +60365,7 @@ h2.react-datepicker__current-month {
 .react-datepicker__time-container--with-today-button {
   display: inline;
   border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   position: absolute;
   right: -87px;
   top: 0;
@@ -60321,19 +60373,19 @@ h2.react-datepicker__current-month {
 .react-datepicker__time-container .react-datepicker__time {
   position: relative;
   background: white;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
   width: 85px;
   overflow-x: hidden;
   margin: 0 auto;
   text-align: center;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + 1.7rem / 2);
+  height: calc(195px + 1.7em / 2);
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -60367,10 +60419,10 @@ h2.react-datepicker__current-month {
 .react-datepicker__week-number {
   color: #ccc;
   display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
+  width: 1.7em;
+  line-height: 1.7em;
   text-align: center;
-  margin: 0.166rem;
+  margin: 0.166em;
 }
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
@@ -60400,10 +60452,10 @@ h2.react-datepicker__current-month {
 .react-datepicker__time-name {
   color: #000;
   display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
+  width: 1.7em;
+  line-height: 1.7em;
   text-align: center;
-  margin: 0.166rem;
+  margin: 0.166em;
 }
 .react-datepicker__day-name--disabled,
 .react-datepicker__day--disabled,
@@ -60619,7 +60671,7 @@ h2.react-datepicker__current-month {
 }
 .react-datepicker__input-container .react-datepicker__calendar-icon {
   position: absolute;
-  padding: 0.5rem;
+  padding: 0.5em;
   box-sizing: content-box;
 }
 .react-datepicker__view-calendar-icon input {
@@ -60781,15 +60833,15 @@ h2.react-datepicker__current-month {
 .react-datepicker__portal .react-datepicker__day-name,
 .react-datepicker__portal .react-datepicker__day,
 .react-datepicker__portal .react-datepicker__time-name {
-  width: 3rem;
-  line-height: 3rem;
+  width: 3em;
+  line-height: 3em;
 }
 @media (max-width: 400px), (max-height: 550px) {
   .react-datepicker__portal .react-datepicker__day-name,
   .react-datepicker__portal .react-datepicker__day,
   .react-datepicker__portal .react-datepicker__time-name {
-    width: 2rem;
-    line-height: 2rem;
+    width: 2em;
+    line-height: 2em;
   }
 }
 .react-datepicker__portal .react-datepicker__current-month,
@@ -60797,10 +60849,10 @@ h2.react-datepicker__current-month {
   font-size: 1.44rem;
 }
 .react-datepicker__children-container {
-  width: 13.8rem;
-  margin: 0.4rem;
-  padding-right: 0.2rem;
-  padding-left: 0.2rem;
+  width: 13.8em;
+  margin: 0.4em;
+  padding-right: 0.2em;
+  padding-left: 0.2em;
   height: auto;
 }
 .react-datepicker__aria-live {
@@ -60819,6 +60871,9 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
+.react-datepicker-popper-offset {
+  margin-top: -0.7em;
+}
 .react-datepicker {
   font-size: inherit;
   background: var(--date-picker-fill);
@@ -99204,6 +99259,12 @@ div.label {
       display: flex;
     }
   }
+  &-badge {
+    & .badge__value {
+      position: relative;
+      left: -2px;
+    }
+  }
 }
 .select {
   &__option {