armtek-uikit-react 1.0.245 → 1.0.251

package/assets/Accordion.scss

@@ -1,113 +1,123 @@
-@use "variables";
-
-.arm-accordion_variant_section {
-  & + .arm-accordion_variant_section{
-    border-top: 1px solid var(--color-gray-300);
-    //padding-top: calc(var(--size-step) * 3);
-    //padding-bottom: calc(var(--size-step) * 3);
-  }
-}
-
-.arm-accordion__head{
-  position: relative;
-  display: flex;
-  align-items: center;
-  min-height: 47px;
-  padding: calc(var(--size-step) * 1) calc(var(--size-step) * 5) calc(var(--size-step) * 1) calc(var(--size-step) * 2);
-}
-.arm-accordion__head_size_large{
-  min-height: 63px;
-  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 2);
-}
-.arm-accordion__content > *:last-child{
-    margin-bottom: 0;
-}
-.arm-accordion__content > *:first-child{
-    margin-top: 0;
-}
-
-
-.arm-accordion_size_large{
-  //padding: calc(var(--size-step) * 3) var(--size-step);
-}
-.arm-accordion__toggle{
-  position: absolute;
-  right: var(--size-step);
-  top:50%;
-  transform: translateY(-50%);
-}
-.arm-accordion_variant_blockquote{
-  border-left: 5px solid transparent;
-}
-.arm-accordion_color_primary{
-  border-color: var(--color-primary);
-}
-.arm-accordion_color_secondary{
-  border-color: var(--color-secondary);
-}
-.arm-accordion_color_neutral{
-  border-color: var(--color-neutral);
-}
-.arm-accordion_color_success{
-  border-color: var(--color-success);
-}
-.arm-accordion_color_error{
-  border-color: var(--color-error);
-}
-.arm-accordion_color_warning{
-  border-color: var(--color-warning);
-}
-.arm-accordion_color_info{
-  border-color: var(--color-blue-100);
-}
-.arm-accordion__title{
-  width: 100%;
-}
-.arm-accordion__title_variant_alert,
-.arm-accordion__title_variant_section{
-  font-weight: 700;
-}
-.arm-accordion_variant_contained{
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  &.arm-accordion_color_info{
-    border: 1px solid var(--color-blue-400);
-  }
-}
-
-.arm-accordion__head_variant_contained {
-  background-color: var(--color-gray-100);
-  &.arm-accordion__head_color_primary{
-    background-color: var(--color-primary);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_secondary{
-    background-color: var(--color-secondary);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_success{
-    background-color: var(--color-success);
-  }
-  &.arm-accordion__head_color_error{
-    background-color: var(--color-error);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_warning{
-    background-color: var(--color-warning);
-  }
-  &.arm-accordion__head_color_info{
-    background-color: var(--color-blue-100);
-  }
-}
-.arm-dropdown__Content{
-  padding: calc(var(--size-step) * 2);
-}
+@use "variables";
+
+.arm-accordion_variant_section {
+  & + .arm-accordion_variant_section{
+    border-top: 1px solid var(--color-gray-300);
+    //padding-top: calc(var(--size-step) * 3);
+    //padding-bottom: calc(var(--size-step) * 3);
+  }
+}
+
+.arm-accordion__head{
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 47px;
+  padding: calc(var(--size-step) * 1) calc(var(--size-step) * 5) calc(var(--size-step) * 1) calc(var(--size-step) * 2);
+}
+.arm-accordion__head_size_large{
+  min-height: 63px;
+  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 2);
+}
+.arm-accordion__content > *:last-child{
+    margin-bottom: 0;
+}
+.arm-accordion__content > *:first-child{
+    margin-top: 0;
+}
+
+
+.arm-accordion_size_large{
+  //padding: calc(var(--size-step) * 3) var(--size-step);
+}
+.arm-accordion__toggle{
+  position: absolute;
+  right: var(--size-step);
+  top:50%;
+  transform: translateY(-50%);
+}
+.arm-accordion_variant_blockquote{
+  border-left: 5px solid transparent;
+}
+.arm-accordion_color_primary{
+  border-color: var(--color-primary);
+}
+.arm-accordion_color_secondary{
+  border-color: var(--color-secondary);
+}
+.arm-accordion_color_neutral{
+  border-color: var(--color-neutral);
+}
+.arm-accordion_color_success{
+  border-color: var(--color-success);
+}
+.arm-accordion_color_error{
+  border-color: var(--color-error);
+}
+.arm-accordion_color_warning{
+  border-color: var(--color-warning);
+}
+.arm-accordion_color_info{
+  border-color: var(--color-blue-100);
+}
+.arm-accordion__title{
+  width: 100%;
+}
+.arm-accordion__title_variant_alert,
+.arm-accordion__title_variant_section{
+  font-weight: 700;
+}
+.arm-accordion_variant_contained{
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  &.arm-accordion_color_info{
+    border: 1px solid var(--color-blue-400);
+  }
+}
+
+.arm-accordion__head_variant_contained {
+  background-color: var(--color-gray-100);
+  &.arm-accordion__head_color_primary{
+    background-color: var(--color-primary);
+    color: #fff;
+    & .arm-button{
+      color: #fff
+    }
+  }
+  &.arm-accordion__head_color_secondary{
+    background-color: var(--color-secondary);
+    color: #fff;
+    & .arm-button{
+      color: #fff
+    }
+  }
+  &.arm-accordion__head_color_success{
+    background-color: var(--color-success);
+  }
+  &.arm-accordion__head_color_error{
+    background-color: var(--color-error);
+    color: #fff;
+    & .arm-button{
+      color: #fff
+    }
+  }
+  &.arm-accordion__head_color_warning{
+    background-color: var(--color-warning);
+  }
+  &.arm-accordion__head_color_info{
+    background-color: var(--color-blue-100);
+  }
+}
+.arm-dropdown__Content{
+  padding: calc(var(--size-step) * 2);
+}
+
+.arm-theme-dark {
+  .arm-accordion__head_variant_contained{
+    background-color: var(--color-gray-700);
+    color: var(--color-white)
+  }
+  .arm-dropdown__Content{
+    color: var(--color-white)
+  }
+}

package/assets/Adornment.scss

@@ -1,23 +1,23 @@
-@use "variables";
-
-.arm-adornment > *{
-  display: block;
-}
-
-.arm-adornment__container{
-  display: flex;
-  align-items: center;
-}
-.arm-adornment__container_end{
-  margin-left: auto;
-}
-.arm-adornment_end{
-  & + * {
-    margin-left: var(--size-step);
-  }
-}
-.arm-adornment_start{
-  & + * {
-    margin-left: var(--size-step);
-  }
+@use "variables";
+
+.arm-adornment > *{
+  display: block;
+}
+
+.arm-adornment__container{
+  display: flex;
+  align-items: center;
+}
+.arm-adornment__container_end{
+  margin-left: auto;
+}
+.arm-adornment_end{
+  & + * {
+    margin-left: var(--size-step);
+  }
+}
+.arm-adornment_start{
+  & + * {
+    margin-left: var(--size-step);
+  }
 }

package/assets/Alert.scss

@@ -1,57 +1,57 @@
-
-.arm-alert{
-  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 7);
-  background: var(--color-gray-300);
-  border-radius: var(--border-radius);
-  position: relative;
-  &_no_icon{
-    padding-left: calc(var(--size-step) * 2);
-  }
-}
-.arm-alert__title{
-  font-weight: 700;
-  margin-bottom: calc(var(--size-step) / 2);
-}
-.arm-alert__close{
-  position: absolute;
-  top: calc(var(--size-step) / 2);
-  right: calc(var(--size-step) / 2);
-}
-.arm-alert__icon{
-  position: absolute;
-  top: calc(var(--size-step) * 2);
-  left: calc(var(--size-step) * 2);
-}
-.arm-alert_success{
-  color: var(--color-success-dark);
-  background: var(--color-green-50);
-}
-.arm-alert_warning{
-  color: var(--color-secondary-dark);
-  background: var(--color-orange-50);
-}
-.arm-alert_info{
-  color: var(--color-primary-dark);
-  background: var(--color-blue-50);
-}
-.arm-alert_error{
-  color: var(--color-error-dark);
-  background: var(--color-red-50);
-}
-.arm-alert_outlined{
-  background-color: transparent;
-  border: 1px solid transparent;
-  border-left-width: 6px;
-  &.arm-alert_success{
-    border-color: var(--color-success);
-  }
-  &.arm-alert_warning{
-    border-color: var(--color-warning);
-  }
-  &.arm-alert_info{
-    border-color: var(--color-info);
-  }
-  &.arm-alert_error{
-    border-color: var(--color-error);
-  }
+
+.arm-alert{
+  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 7);
+  background: var(--color-gray-300);
+  border-radius: var(--border-radius);
+  position: relative;
+  &_no_icon{
+    padding-left: calc(var(--size-step) * 2);
+  }
+}
+.arm-alert__title{
+  font-weight: 700;
+  margin-bottom: calc(var(--size-step) / 2);
+}
+.arm-alert__close{
+  position: absolute;
+  top: calc(var(--size-step) / 2);
+  right: calc(var(--size-step) / 2);
+}
+.arm-alert__icon{
+  position: absolute;
+  top: calc(var(--size-step) * 2);
+  left: calc(var(--size-step) * 2);
+}
+.arm-alert_success{
+  color: var(--color-success-dark);
+  background: var(--color-green-50);
+}
+.arm-alert_warning{
+  color: var(--color-secondary-dark);
+  background: var(--color-orange-50);
+}
+.arm-alert_info{
+  color: var(--color-primary-dark);
+  background: var(--color-blue-50);
+}
+.arm-alert_error{
+  color: var(--color-error-dark);
+  background: var(--color-red-50);
+}
+.arm-alert_outlined{
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-left-width: 6px;
+  &.arm-alert_success{
+    border-color: var(--color-success);
+  }
+  &.arm-alert_warning{
+    border-color: var(--color-warning);
+  }
+  &.arm-alert_info{
+    border-color: var(--color-info);
+  }
+  &.arm-alert_error{
+    border-color: var(--color-error);
+  }
 }

package/assets/Avatar.scss

@@ -1,105 +1,111 @@
-@use "variables" as v;
-
-
-
-.arm-avatar{
-  width: var(--size-elarge);
-  height: var(--size-elarge);
-  min-width: var(--size-elarge)elarge;
-  border-radius: 50%;
-  background: var(--color-primary);
-  color: #fff;
-  position: relative;
-}
-.arm-avatar__photo{
-  background: none;
-}
-.arm-avatar__icon{
-  background: var(--color-gray-400);
-}
-.arm-avatar__name{
-  text-transform: uppercase;
-}
-.arm-avatar__inner{
-  overflow: hidden;
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  @include v.flex(center);
-}
-.arm-avatar__text{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  text-decoration: none;
-  color: inherit;
-}
-.arm-avatar_medium{
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-  & .arm-avatar__name{
-    font-size: 16px;
-  }
-  & .arm-avatar__icon{
-    font-size: 30px;
-  }
-  & .arm-avatar__status{
-    right: -2px;
-    bottom: -2px;
-  }
-}
-.arm-avatar_small{
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  & .arm-avatar__name{
-    font-size: 12px;
-  }
-  & .arm-avatar__icon{
-    font-size: 14px;
-  }
-  & .arm-avatar__status{
-    right: -5px;
-    bottom: -2px;
-  }
-}
-.arm-avatar__inner{
-  font-size: 0;
-  width:100%;
-  height: 100%;
-  display: block;
-}
-.arm-avatar__name{
-  font-size: 24px;
-}
-.arm-avatar__icon{
-  font-size: 38px;
-}
-.arm-avatar__img{
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.arm-avatar__status{
-  position: absolute;
-  width: 14px;
-  height: 14px;
-  border:1px solid #fff;
-  border-radius: 50%;
-  right: 0;
-  bottom: 0;
-}
-.arm-avatar__status_success{
-  background: var(--color-success);
-}
-.arm-avatar__status_error{
-  background: var(--color-error-dark);
-}
-.arm-avatar__status_warning{
-  background: var(--color-warning);
-}
+@use "variables" as v;
+
+
+
+.arm-avatar{
+  width: var(--size-elarge);
+  height: var(--size-elarge);
+  min-width: var(--size-elarge)elarge;
+  border-radius: 50%;
+  background: var(--color-primary);
+  color: #fff;
+  position: relative;
+}
+.arm-avatar__photo{
+  background: none;
+}
+.arm-avatar__icon{
+  background: var(--color-gray-400);
+}
+.arm-avatar__name{
+  text-transform: uppercase;
+}
+.arm-avatar__inner{
+  overflow: hidden;
+  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+  @include v.flex(center);
+}
+.arm-avatar__text{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: inherit;
+}
+.arm-avatar_medium{
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  & .arm-avatar__name{
+    font-size: 16px;
+  }
+  & .arm-avatar__icon{
+    font-size: 30px;
+  }
+  & .arm-avatar__status{
+    right: -2px;
+    bottom: -2px;
+  }
+}
+.arm-avatar_small{
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  & .arm-avatar__name{
+    font-size: 12px;
+  }
+  & .arm-avatar__icon{
+    font-size: 14px;
+  }
+  & .arm-avatar__status{
+    right: -5px;
+    bottom: -2px;
+  }
+}
+.arm-avatar__inner{
+  font-size: 0;
+  width:100%;
+  height: 100%;
+  display: block;
+}
+.arm-avatar__name{
+  font-size: 24px;
+}
+.arm-avatar__icon{
+  font-size: 38px;
+}
+.arm-avatar__img{
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.arm-avatar__status{
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border:1px solid #fff;
+  border-radius: 50%;
+  right: 0;
+  bottom: 0;
+}
+.arm-avatar_square{
+  border-radius: 0
+}
+.arm-avatar_rounded{
+  border-radius: var(--border-radius);
+}
+.arm-avatar__status_success{
+  background: var(--color-success);
+}
+.arm-avatar__status_error{
+  background: var(--color-error-dark);
+}
+.arm-avatar__status_warning{
+  background: var(--color-warning);
+}