armtek-uikit-react 1.0.245 → 1.0.252

package/assets/Select.scss

@@ -1,86 +1,86 @@
-@use "variables";
-
-.arm-select{
-  position: relative;
-}
-.arm-select__input_wrapper{
-
-}
-.arm-select__wrapper{
-  cursor: pointer !important;
-}
-.arm-options{
-  //position: absolute;
-  left:0;
-  top:100%;
-  //width:100%;
-  background: #fff;
-  z-index: 100;
-}
-.arm-options__list{
-  overflow: auto;
-  max-height: 400px;
-}
-.arm-options_inline{
-  position: static;
-}
-.arm-selectSummary__wrapper{
-  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 2) var(--size-step);
-  & .arm-selectSummary{
-    border-top: 1px solid var(--color-gray-300);
-  }
-}
-.arm-selectSummary{
-  background: #fff;
-}
-.arm-selectSummary__row{
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top:var(--size-step);
-}
-.arm-selectSummary__check{
-  margin-right: 60px;
-  font-size: 13px;
-  color: var(--color-gray-600);
-  cursor: pointer;
-  &:nth-child(2){
-    margin-right: auto;
-  }
-}
-.arm-selectSummary__check_disabled{
-  opacity: 0.5;
-  cursor: default;
-}
-.arm-selectSummary__checkLabel{
-  border-bottom: 1px dotted var(--color-gray-600);
-}
-.arm-selectSummary__options{
-  border-bottom: 1px solid var(--color-gray-300);
-  padding: 0 0 calc(var(--size-step)) 0;
-  margin-bottom: calc(var(--size-step) / 2);
-}
-.arm-selectSummary__optionList{
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.arm-selectSummary__option{
-  margin-right: var(--size-step);
-  margin-top: var(--size-step);
-}
-.arm-selectSummary__button{
-  width: 100px;
-  padding-left: 0;
-  padding-right: 0;
-}
-.arm-selectSummary__chips{
-  max-height: 132px;
-  overflow: auto;
-  margin-top: var(--size-step);
-}
-.arm-selectSummary__chips-reset{
-  margin-top: calc(var(--size-step) * 1.5);
-  padding-top: var(--size-step);
-  border-top: 1px solid var(--color-gray-300);
+@use "variables";
+
+.arm-select{
+  position: relative;
+}
+.arm-select__input_wrapper{
+
+}
+.arm-select__wrapper{
+  cursor: pointer !important;
+}
+.arm-options{
+  //position: absolute;
+  left:0;
+  top:100%;
+  //width:100%;
+  background: #fff;
+  z-index: 100;
+}
+.arm-options__list{
+  overflow: auto;
+  max-height: 400px;
+}
+.arm-options_inline{
+  position: static;
+}
+.arm-selectSummary__wrapper{
+  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 2) var(--size-step);
+  & .arm-selectSummary{
+    border-top: 1px solid var(--color-gray-300);
+  }
+}
+.arm-selectSummary{
+  background: #fff;
+}
+.arm-selectSummary__row{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:var(--size-step);
+}
+.arm-selectSummary__check{
+  margin-right: 60px;
+  font-size: 13px;
+  color: var(--color-gray-600);
+  cursor: pointer;
+  &:nth-child(2){
+    margin-right: auto;
+  }
+}
+.arm-selectSummary__check_disabled{
+  opacity: 0.5;
+  cursor: default;
+}
+.arm-selectSummary__checkLabel{
+  border-bottom: 1px dotted var(--color-gray-600);
+}
+.arm-selectSummary__options{
+  border-bottom: 1px solid var(--color-gray-300);
+  padding: 0 0 calc(var(--size-step)) 0;
+  margin-bottom: calc(var(--size-step) / 2);
+}
+.arm-selectSummary__optionList{
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.arm-selectSummary__option{
+  margin-right: var(--size-step);
+  margin-top: var(--size-step);
+}
+.arm-selectSummary__button{
+  width: 100px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.arm-selectSummary__chips{
+  max-height: 132px;
+  overflow: auto;
+  margin-top: var(--size-step);
+}
+.arm-selectSummary__chips-reset{
+  margin-top: calc(var(--size-step) * 1.5);
+  padding-top: var(--size-step);
+  border-top: 1px solid var(--color-gray-300);
 }

package/assets/Skeleton.scss

@@ -1,26 +1,26 @@
-@use "variables";
-
-.arm-skeleton{
-  background-color: var(--color-gray-100);
-  animation: shine-lines 1.6s infinite linear;
-  opacity: 0;
-}
-.arm-theme-dark {
-  .arm-skeleton {
-    background-color: var(--color-gray-700);
-  }
-}
-.arm-skeleton_circle{
-  border-radius: 50%;
-}
-@keyframes shine-lines {
-  0% {
-    opacity: 0.5;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.5;
-  }
+@use "variables";
+
+.arm-skeleton{
+  background-color: var(--color-gray-100);
+  animation: shine-lines 1.6s infinite linear;
+  opacity: 0;
+}
+.arm-theme-dark {
+  .arm-skeleton {
+    background-color: var(--color-gray-700);
+  }
+}
+.arm-skeleton_circle{
+  border-radius: 50%;
+}
+@keyframes shine-lines {
+  0% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
 }

package/assets/Slider.scss

@@ -1,6 +1,6 @@
-@use "variables" as v;
-
-.arm-slider__text{
-  @include v.flex(space-between);
-  margin-top: var(--size-step);
+@use "variables" as v;
+
+.arm-slider__text{
+  @include v.flex(space-between);
+  margin-top: var(--size-step);
 }

package/assets/Stack.scss

@@ -1,28 +1,28 @@
-
-.arm-stack{
-  display: flex;
-}
-.arm-stack_spacing_small{
-  margin: 0 calc(var(--size-step) / 2 * -1)
-}
-.arm-stack_spacing_medium{
-  margin: 0 calc(var(--size-step) / 2 * -2)
-}
-.arm-stack_spacing_large{
-  margin: 0 calc(var(--size-step) / 2 * -3)
-}
-.arm-stack_spacing_extraLarge{
-  margin: 0 calc(var(--size-step) / 2 * -4)
-}
-.arm-stack-item_spacing_small{
-  margin: 0 calc(var(--size-step) / 2 * 1)
-}
-.arm-stack-item_spacing_medium{
-  margin: 0 calc(var(--size-step) / 2 * 2)
-}
-.arm-stack-item_spacing_large{
-  margin: 0 calc(var(--size-step) / 2 * 3)
-}
-.arm-stack-item_spacing_extraLarge{
-  margin: 0 calc(var(--size-step) / 2 * 4)
+
+.arm-stack{
+  display: flex;
+}
+.arm-stack_spacing_small{
+  margin: 0 calc(var(--size-step) / 2 * -1)
+}
+.arm-stack_spacing_medium{
+  margin: 0 calc(var(--size-step) / 2 * -2)
+}
+.arm-stack_spacing_large{
+  margin: 0 calc(var(--size-step) / 2 * -3)
+}
+.arm-stack_spacing_extraLarge{
+  margin: 0 calc(var(--size-step) / 2 * -4)
+}
+.arm-stack-item_spacing_small{
+  margin: 0 calc(var(--size-step) / 2 * 1)
+}
+.arm-stack-item_spacing_medium{
+  margin: 0 calc(var(--size-step) / 2 * 2)
+}
+.arm-stack-item_spacing_large{
+  margin: 0 calc(var(--size-step) / 2 * 3)
+}
+.arm-stack-item_spacing_extraLarge{
+  margin: 0 calc(var(--size-step) / 2 * 4)
 }

package/assets/Status.scss

@@ -1,51 +1,69 @@
-
-.arm-status{
-  display: inline-flex;
-  align-items: center;
-  padding: 3px 8px 1px;
-  border-radius: 4px;
-  outline: none;
-  border:none;
-  font-weight: 400;
-  font-family: inherit;
-}
-.arm-status_primary{
-  background: rgba(var(--color-primary-dark-rgb), 0.2);
-  color: var(--color-primary-dark);
-}
-.arm-status_secondary{
-  background: rgba(var(--color-secondary-dark-rgb), 0.2);
-  color: var(--color-secondary-dark);
-}
-.arm-status_neutral{
-  background: rgba(#4D5359, 0.2);
-  color: rgba(#212529, 0.7);
-}
-.arm-status_error{
-  background: rgba(var(--color-error-dark-rgb), 0.2);
-  color: var(--color-error-dark);
-}
-.arm-status_warning{
-  background: rgba(#FFC61A, 0.2);
-  color: var(--color-secondary-dark);
-}
-.arm-status_info{
-  background: rgba(#0D46FF, 0.2);
-  color: var(--color-primary-dark);
-}
-.arm-status_success{
-  background: rgba(#0BD998, 0.2);
-  color: var(--color-success-dark);
-}
-.arm-status__content{
-  font-size: 14px;
-  line-height: 1;
-}
-.arm-status__icon{
-  margin-left: 4px;
-  font-size: 14px;
-  line-height: 1.5;
-}
-.arm-status_size_medium{
-  height: 24px;
-}
+
+.arm-status{
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 8px 1px;
+  border-radius: 4px;
+  outline: none;
+  border:none;
+  font-weight: 400;
+  font-family: inherit;
+}
+.arm-status_primary{
+  background: rgba(var(--color-primary-dark-rgb), 0.2);
+  color: var(--color-primary-dark);
+}
+.arm-status_secondary{
+  background: rgba(var(--color-secondary-dark-rgb), 0.2);
+  color: var(--color-secondary-dark);
+}
+.arm-status_neutral{
+  background: rgba(#4D5359, 0.2);
+  color: rgba(#212529, 0.7);
+}
+.arm-status_error{
+  background: rgba(var(--color-error-dark-rgb), 0.2);
+  color: var(--color-error-dark);
+}
+.arm-status_warning{
+  background: rgba(#FFC61A, 0.2);
+  color: var(--color-secondary-dark);
+}
+.arm-status_info{
+  background: rgba(#0D46FF, 0.2);
+  color: var(--color-primary-dark);
+}
+.arm-status_success{
+  background: rgba(#0BD998, 0.2);
+  color: var(--color-success-dark);
+}
+.arm-status__content{
+  font-size: 14px;
+  line-height: 1;
+}
+.arm-status__icon{
+  margin-left: 4px;
+  font-size: 14px;
+  line-height: 1.5;
+}
+.arm-status_size_medium{
+  height: 24px;
+}
+
+.arm-theme-dark{
+  .arm-status_info,
+  .arm-status_primary{
+    //background: rgba(var(--color-blue-500-rgba), 0.3);
+    background: var(--color-blue-400);
+    color: var(--color-blue-900);
+  }
+  .arm-status_neutral{
+    background: var(--color-gray-400);
+    color: var(--color-gray-900)
+  }
+
+  .arm-status_error{
+    background: rgba(var(--color-error-rgba), 0.4);
+    color: var(--color-error);
+  }
+}

package/assets/StepItem.scss

@@ -1,90 +1,90 @@
-@use "variables" as v;
-
-.arm-step-item__inner{
-  @include v.flex(flex-start, flex-start)
-}
-
-.arm-step-item__title{
-  margin: 2px 0 0 var(--size-step);
-  position: relative;
-  background: #fff;
-  padding-right: 5px;
-}
-.arm-step-item__title_with_content{
-  font-weight: 700;
-}
-.arm-step-item__title_error{
-  color: var(--color-error-dark)
-}
-
-.arm-step-item__content{
-  padding-left: 23px;
-  border-left: 1px solid #B1BCC6;
-  margin-left: 11px;
-  margin-top:5px;
-  position: relative;
-}
-.arm-step-item__button{
-  margin-top: var(--size-step);
-}
-
-
-.arm-step-item_small{
-  & .arm-step-item__content,
-  & .arm-step-item__title{
-    font-size: 14px;
-  }
-  & .arm-step-item__content{
-    padding-left: 19px;
-    margin-left: 10px;
-  }
-  &.arm-step-item_horizontal{
-    & .arm-step-item__content:before{
-      top: -15px;
-    }
-  }
-}
-.arm-step-item_last{
-  & .arm-step-item__content{
-    border-color:transparent;
-    &:before{
-      display: none;
-    }
-  }
-}
-.arm-step-item_horizontal{
-  & .arm-step-item__content{
-    border-color:transparent;
-  }
-  & .arm-step-item__content:before{
-    display: none;
-    content: '';
-    position: absolute;
-    top: -19px;
-    width: 100%;
-    left: 22px;
-    height: 1px;
-    background: #B1BCC6;
-    z-index: -1;
-  }
-  & .arm-step-item__inner{
-    position: relative;
-  }
-  & .arm-step-item__title{
-    margin-left: 0;
-    padding-left: 8px;
-  }
-  & .arm-step-item__inner:before{
-    content: '';
-    position: absolute;
-    top: 10px;
-    width: 100%;
-    left: 24px;
-    height: 1px;
-    background: #B1BCC6;
-    z-index: -1;
-  }
-  &.arm-step-item_last .arm-step-item__inner:before{
-    display: none;
-  }
+@use "variables" as v;
+
+.arm-step-item__inner{
+  @include v.flex(flex-start, flex-start)
+}
+
+.arm-step-item__title{
+  margin: 2px 0 0 var(--size-step);
+  position: relative;
+  background: #fff;
+  padding-right: 5px;
+}
+.arm-step-item__title_with_content{
+  font-weight: 700;
+}
+.arm-step-item__title_error{
+  color: var(--color-error-dark)
+}
+
+.arm-step-item__content{
+  padding-left: 23px;
+  border-left: 1px solid #B1BCC6;
+  margin-left: 11px;
+  margin-top:5px;
+  position: relative;
+}
+.arm-step-item__button{
+  margin-top: var(--size-step);
+}
+
+
+.arm-step-item_small{
+  & .arm-step-item__content,
+  & .arm-step-item__title{
+    font-size: 14px;
+  }
+  & .arm-step-item__content{
+    padding-left: 19px;
+    margin-left: 10px;
+  }
+  &.arm-step-item_horizontal{
+    & .arm-step-item__content:before{
+      top: -15px;
+    }
+  }
+}
+.arm-step-item_last{
+  & .arm-step-item__content{
+    border-color:transparent;
+    &:before{
+      display: none;
+    }
+  }
+}
+.arm-step-item_horizontal{
+  & .arm-step-item__content{
+    border-color:transparent;
+  }
+  & .arm-step-item__content:before{
+    display: none;
+    content: '';
+    position: absolute;
+    top: -19px;
+    width: 100%;
+    left: 22px;
+    height: 1px;
+    background: #B1BCC6;
+    z-index: -1;
+  }
+  & .arm-step-item__inner{
+    position: relative;
+  }
+  & .arm-step-item__title{
+    margin-left: 0;
+    padding-left: 8px;
+  }
+  & .arm-step-item__inner:before{
+    content: '';
+    position: absolute;
+    top: 10px;
+    width: 100%;
+    left: 24px;
+    height: 1px;
+    background: #B1BCC6;
+    z-index: -1;
+  }
+  &.arm-step-item_last .arm-step-item__inner:before{
+    display: none;
+  }
 }

package/assets/StepItemIcon.scss

@@ -1,48 +1,48 @@
-@use "variables" as v;
-
-.arm-step-item-icon{
-  @include v.flex(center);
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border: 1px solid;
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-  background: #fff;
-  & .arm-step-item-icon__number{
-    font-size: 16px;
-  }
-  &_small{
-    width: 20px;
-    min-width: 20px;
-    height: 20px;
-    & .arm-step-item-icon__number{
-      font-size: 14px;
-    }
-  }
-}
-
-.arm-step-item-icon__inner{
-  font-size: 0;
-}
-
-.arm-step-item-icon_active{
-  color: #fff;
-  background: var(--color-primary);
-  &.arm-step-item-icon_icon{
-    background: transparent;
-    color: var(--color-primary);
-    border: none;
-  }
-}
-.arm-step-item-icon_complete{
-  color: #fff;
-  background: var(--color-success);
-  border-color: var(--color-success);
-}
-.arm-step-item-icon_error{
-  color: var(--color-error-dark) !important;
-  background: transparent;
-  border-color: transparent;
+@use "variables" as v;
+
+.arm-step-item-icon{
+  @include v.flex(center);
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  border: 1px solid;
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+  background: #fff;
+  & .arm-step-item-icon__number{
+    font-size: 16px;
+  }
+  &_small{
+    width: 20px;
+    min-width: 20px;
+    height: 20px;
+    & .arm-step-item-icon__number{
+      font-size: 14px;
+    }
+  }
+}
+
+.arm-step-item-icon__inner{
+  font-size: 0;
+}
+
+.arm-step-item-icon_active{
+  color: #fff;
+  background: var(--color-primary);
+  &.arm-step-item-icon_icon{
+    background: transparent;
+    color: var(--color-primary);
+    border: none;
+  }
+}
+.arm-step-item-icon_complete{
+  color: #fff;
+  background: var(--color-success);
+  border-color: var(--color-success);
+}
+.arm-step-item-icon_error{
+  color: var(--color-error-dark) !important;
+  background: transparent;
+  border-color: transparent;
 }