@itcase/ui-web 1.9.104 → 1.9.106

package/dist/css/styles/bundles.css

@@ -38303,37 +38303,22 @@ textarea.fill {
     flex: 1;
   }
 }
-.shape_rounded.shape-strength,
-.shape-strength {
-  &_05-m {
+.shape {
+  &_rounded {
+    border-radius: 8px;
+  }
+  &_rounded-s {
     border-radius: 0.5m;
   }
-  &_1-m {
+  &_rounded-m {
     border-radius: 1m;
   }
-  &_15-m {
+  &_rounded-l {
     border-radius: 1.5m;
   }
-  &_2-m {
+  &_rounded-x-l {
     border-radius: 2m;
   }
-}
-.shape {
-  &_rounded {
-    border-radius: 8px;
-    &S {
-      border-radius: 0.5m;
-    }
-    &M {
-      border-radius: 1m;
-    }
-    &L {
-      border-radius: 1.5m;
-    }
-    &XL {
-      border-radius: 2m;
-    }
-  }
   &_circular {
     border-radius: 50%;
   }
@@ -45837,9 +45822,6 @@ textarea.fill {
       }
   }
 }
-.avatar_status {
-  position: relative;
-}
 :root {
   --avatar-icon-right: -4px;
   --avatar-icon-bottom: -3px;
@@ -45875,6 +45857,9 @@ textarea.fill {
   --avatar-badge-240-position-bottom: 0;
 
 }
+.avatar_status {
+  position: relative;
+}
 div.avatar {
   &-stack {
     display: flex;
@@ -46083,6 +46068,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46105,6 +46096,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46127,6 +46124,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46149,6 +46152,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46171,6 +46180,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46193,6 +46208,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46215,6 +46236,12 @@ div.avatar-stack {
             --badge-type-dot-icon-counter-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-icon-counter-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
     &_type_icon-counter {
@@ -46239,6 +46266,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46261,6 +46294,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46283,6 +46322,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46305,6 +46350,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46327,6 +46378,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46349,6 +46406,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46371,6 +46434,12 @@ div.avatar-stack {
             --badge-type-icon-counter-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-counter-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
     &_type_counter {
@@ -46395,6 +46464,12 @@ div.avatar-stack {
             --badge-type-counter-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46417,6 +46492,12 @@ div.avatar-stack {
             --badge-type-counter-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46439,6 +46520,12 @@ div.avatar-stack {
             --badge-type-counter-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46461,6 +46548,12 @@ div.avatar-stack {
             --badge-type-counter-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46483,6 +46576,12 @@ div.avatar-stack {
             --badge-type-counter-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46505,6 +46604,12 @@ div.avatar-stack {
             --badge-type-counter-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46527,6 +46632,12 @@ div.avatar-stack {
             --badge-type-counter-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-counter-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
     &_type_dot {
@@ -46551,6 +46662,12 @@ div.avatar-stack {
             --badge-type-dot-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46573,6 +46690,12 @@ div.avatar-stack {
             --badge-type-dot-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46595,6 +46718,12 @@ div.avatar-stack {
             --badge-type-dot-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46617,6 +46746,12 @@ div.avatar-stack {
             --badge-type-dot-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46639,6 +46774,12 @@ div.avatar-stack {
             --badge-type-dot-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46661,6 +46802,12 @@ div.avatar-stack {
             --badge-type-dot-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46683,6 +46830,12 @@ div.avatar-stack {
             --badge-type-dot-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-dot-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
     &_type_icon {
@@ -46707,6 +46860,12 @@ div.avatar-stack {
             --badge-type-icon-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46729,6 +46888,12 @@ div.avatar-stack {
             --badge-type-icon-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46751,6 +46916,12 @@ div.avatar-stack {
             --badge-type-icon-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46773,6 +46944,12 @@ div.avatar-stack {
             --badge-type-icon-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46795,6 +46972,12 @@ div.avatar-stack {
             --badge-type-icon-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46817,6 +47000,12 @@ div.avatar-stack {
             --badge-type-icon-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46839,6 +47028,12 @@ div.avatar-stack {
             --badge-type-icon-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-icon-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
     &_type_fill {
@@ -46863,6 +47058,12 @@ div.avatar-stack {
             --badge-type-fill-size-xxl-gap,
             var(--badge-size-xxl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-xxl-max-width,
+            var(--badge-size-xxl-max-width)
+          );
+          }
         }
         &^&_size_xl {
           min-width: var(
@@ -46885,6 +47086,12 @@ div.avatar-stack {
             --badge-type-fill-size-xl-gap,
             var(--badge-size-xl-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-xl-max-width,
+            var(--badge-size-xl-max-width)
+          );
+          }
         }
         &^&_size_l {
           min-width: var(
@@ -46907,6 +47114,12 @@ div.avatar-stack {
             --badge-type-fill-size-l-gap,
             var(--badge-size-l-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-l-max-width,
+            var(--badge-size-l-max-width)
+          );
+          }
         }
         &^&_size_m {
           min-width: var(
@@ -46929,6 +47142,12 @@ div.avatar-stack {
             --badge-type-fill-size-m-gap,
             var(--badge-size-m-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-m-max-width,
+            var(--badge-size-m-max-width)
+          );
+          }
         }
         &^&_size_s {
           min-width: var(
@@ -46951,6 +47170,12 @@ div.avatar-stack {
             --badge-type-fill-size-s-gap,
             var(--badge-size-s-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-s-max-width,
+            var(--badge-size-s-max-width)
+          );
+          }
         }
         &^&_size_xs {
           min-width: var(
@@ -46973,6 +47198,12 @@ div.avatar-stack {
             --badge-type-fill-size-xs-gap,
             var(--badge-size-xs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-xs-max-width,
+            var(--badge-size-xs-max-width)
+          );
+          }
         }
         &^&_size_xxs {
           min-width: var(
@@ -46995,6 +47226,12 @@ div.avatar-stack {
             --badge-type-fill-size-xxs-gap,
             var(--badge-size-xxs-gap)
           );
+          &.badge_type_icon {
+            max-width: var(
+            --badge-type-fill-size-xxs-max-width,
+            var(--badge-size-xxs-max-width)
+          );
+          }
         }
     }
 }
@@ -53479,6 +53716,20 @@ div.avatar-stack {
       }
     }
 }
+.checkbox {
+  &&_width {
+    &_fixed {
+      width: 180px;
+    }
+    &_hug {
+      display: inline-flex;
+    }
+    &_fill {
+      width: 100%;
+      max-width: none !important;
+    }
+  }
+}
 .checkbox_border-color {
   &_active_none,
   &_active_hover_none,
@@ -78537,6 +78788,11 @@ h2.react-datepicker__current-month {
     }
   }
 }
+.icon {
+    &_state {
+        &_disabled {}
+    }
+}
 .icon {
   &__tooltip {
     &.tooltip {
@@ -79967,7 +80223,6 @@ div.label {
   position: relative;
   display: flex;
   align-items: center;
-  align-content: center;
   &__wrapper {
     width: 100%;
     display: flex;
@@ -80035,51 +80290,65 @@ div.label {
       &_xxl {
         min-width: var(--menu-item-size-xxl-min-width);
         min-height: var(--menu-item-size-xxl-min-height);
-        padding: var(--menu-item-size-xxl-padding-vertical)
-          var(--menu-item-size-xxl-padding-horizontal);
+        padding: var(--menu-item-size-xxl-padding);
         gap: var(--menu-item-size-xxl-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-xxl-icon-padding);
+        }
       }
       &_xl {
         min-width: var(--menu-item-size-xl-min-width);
         min-height: var(--menu-item-size-xl-min-height);
-        padding: var(--menu-item-size-xl-padding-vertical)
-          var(--menu-item-size-xl-padding-horizontal);
+        padding: var(--menu-item-size-xl-padding);
         gap: var(--menu-item-size-xl-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-xl-icon-padding);
+        }
       }
       &_l {
         min-width: var(--menu-item-size-l-min-width);
         min-height: var(--menu-item-size-l-min-height);
-        padding: var(--menu-item-size-l-padding-vertical)
-          var(--menu-item-size-l-padding-horizontal);
+        padding: var(--menu-item-size-l-padding);
         gap: var(--menu-item-size-l-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-l-icon-padding);
+        }
       }
       &_m {
         min-width: var(--menu-item-size-m-min-width);
         min-height: var(--menu-item-size-m-min-height);
-        padding: var(--menu-item-size-m-padding-vertical)
-          var(--menu-item-size-m-padding-horizontal);
+        padding: var(--menu-item-size-m-padding);
         gap: var(--menu-item-size-m-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-m-icon-padding);
+        }
       }
       &_s {
         min-width: var(--menu-item-size-s-min-width);
         min-height: var(--menu-item-size-s-min-height);
-        padding: var(--menu-item-size-s-padding-vertical)
-          var(--menu-item-size-s-padding-horizontal);
+        padding: var(--menu-item-size-s-padding);
         gap: var(--menu-item-size-s-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-s-icon-padding);
+        }
       }
       &_xs {
         min-width: var(--menu-item-size-xs-min-width);
         min-height: var(--menu-item-size-xs-min-height);
-        padding: var(--menu-item-size-xs-padding-vertical)
-          var(--menu-item-size-xs-padding-horizontal);
+        padding: var(--menu-item-size-xs-padding);
         gap: var(--menu-item-size-xs-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-xs-icon-padding);
+        }
       }
       &_xxs {
         min-width: var(--menu-item-size-xxs-min-width);
         min-height: var(--menu-item-size-xxs-min-height);
-        padding: var(--menu-item-size-xxs-padding-vertical)
-          var(--menu-item-size-xxs-padding-horizontal);
+        padding: var(--menu-item-size-xxs-padding);
         gap: var(--menu-item-size-xxs-gap);
+        ^^&__icon_before {
+          padding: var(--menu-item-size-xxs-icon-padding);
+        }
       }
   }
 }
@@ -80182,6 +80451,7 @@ div.label {
     min-height: 200px;
     max-width: var(--modal-max-width);
     position: relative;
+    gap: 8px;
     z-index: 100;
     &:focus {
       outline: 0;