armtek-uikit-react 1.0.267 → 1.0.268

package/assets/Loader.scss

@@ -1,57 +0,0 @@
-@use "variables";
-
-@mixin bg ($color:var(--color-gray-800), $size: 2px) {
-  background:
-          radial-gradient(farthest-side, $color 94%,#0000) top/$size $size no-repeat,
-          conic-gradient(#0000 30%, $color);
-  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - $size),#000 0);
-}
-
-.arm-loader{
-  width: 20px;
-  height: 20px;
-  aspect-ratio: 1;
-  border-radius: 50%;
-  @include bg();
-  animation: s3 1s infinite linear;
-}
-.arm-loader_color_primary{
-  @include bg(var(--color-primary));
-}
-.arm-loader_color_secondary{
-  @include bg(var(--color-secondary));
-}
-
-.arm-theme-dark{
-  .arm-loader{
-    background:
-            radial-gradient(farthest-side, #ffffff 94%,#ffff) top/2px 2px no-repeat,
-            conic-gradient(#0000 30%, #ffffff);
-    -webkit-mask: radial-gradient(farthest-side,#ffff calc(100% - 2px),#000 0);
-  }
-  .arm-loader_color_neutral{
-    @include bg(#fff);
-  }
-}
-
-.arm-loader_size_small{
-  width: 20px;
-  height: 20px;
-}
-.arm-loader_size_medium{
-  width: 23px;
-  height: 23px;
-}
-.arm-loader_size_large{
-  width: 25px;
-  height: 25px;
-}
-.arm-loader_size_extraLarge{
-  width: 30px;
-  height: 30px;
-  background-position: top/6px 6px !important;
-  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0) !important;;
-}
-@keyframes s3{
-  100%{transform: rotate(1turn)}
-}

package/assets/Logo.scss

@@ -1,29 +0,0 @@
-@use "variables";
-
-.arm-logo{
-  display: inline-block;
-}
-.arm-logo_shape{
-  box-shadow: var(--box-shadow);
-  padding: calc(var(--size-step) * 2);
-  transform: skewX(-10deg);
-  & .arm-logo__inner{
-    transform: skewX(10deg);
-  }
-}
-.arm-logo__inner{
-
-}
-
-.arm-logo__img{
-  font-size: 0;
-}
-.arm-logo__description{
-  color: var(--color-gray-900);
-  font-size: 14px;
-  font-style: italic;
-  margin-top: 2px;
-}
-.arm-logo_inverse .arm-logo__description{
-  color: #fff;
-}

package/assets/Modal.scss

@@ -1,103 +0,0 @@
-@use "variables";
-
-.arm-modal{
-  border-radius: var(--border-radius);
-  width: 100%;
-  background-color: #fff;
-  display: flex;
-  max-height: calc(100vh - 120px);
-  position: relative;
-}
-.arm-modal__inner{
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.arm-modal__controls{
-  justify-content: flex-end;
-}
-.arm-modal__header{
-  background: var(--color-gray-200);
-  min-height: 78px;
-  display: flex;
-  align-items: center;
-  padding: var(--size-step) calc(var(--size-step) * 4);
-  border-top-left-radius:var(--border-radius);
-  border-top-right-radius:var(--border-radius);
-  position: relative;
-}
-.arm-modal__title{
-  font-size: 20px;
-  color: var(--color-gray-900);
-}
-.arm-modal__body{
-  padding: calc(var(--size-step) * 4);
-  overflow-y: auto;
-}
-.arm-modal__footer{
-  margin-top: calc(var(--size-step) * 4);
-  padding: 0 calc(var(--size-step) * 4) calc(var(--size-step) * 4) calc(var(--size-step) * 4)
-}
-.arm-modal__close{
-  position: absolute;
-  right: calc(var(--size-step) * 4);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.arm-modal__close_noHeader{
-  top: calc(var(--size-step) * 2);
-  right: calc(var(--size-step) * 2);
-  transform: none;
-}
-.arm-modal__backdrop{
-  background: rgba(0, 0, 0, 0.25);
-}
-
-.arm-theme-dark {
-  .arm-modal{
-    background-color: var(--color-gray-900);
-    color: var(--color-white);
-    border : 1px solid var(--color-gray-700);
-  }
-  .arm-modal__header{
-    background-color: var(--color-gray-900);
-    border-bottom: 1px solid var(--color-gray-700);
-  }
-  .arm-modal__title {
-    color: var(--color-white)
-  }
-}
-
-
-.arm-modal {
-
-  &__ContentWrapper {
-    &_hidden{
-      display: none;
-    }
-    &Enter {
-      opacity: 0;
-      overflow: hidden;
-    }
-
-    &EnterActive {
-      opacity: 1;
-      transition: 0.3s opacity ease;
-    }
-    &Exit {
-      opacity: 1;
-    }
-
-    &ExitActive {
-      opacity: 0;
-      transition: 0.3s opacity ease;
-    }
-
-  }
-
-  &__Content {
-    transition: all 0.3s;
-  }
-
-
-}

package/assets/Pagination.scss

@@ -1,3 +0,0 @@
-.arm-pagination__item{
-  font-size: 13px;
-}

package/assets/Paper.scss

@@ -1,23 +0,0 @@
-@use "variables";
-
-.arm-paper{
-  border-radius: var(--border-radius);
-  background-color: #fff;
-  padding: calc(var(--size-step) * 2);
-}
-.arm-paper_elevation{
-  box-shadow: var(--box-shadow);
-}
-.arm-paper_outlined{
-  border: 1px solid var(--color-gray-300)
-}
-
-.arm-theme-dark{
-  .arm-paper{
-    background-color: var(--color-gray-700);
-    color: var(--color-white);
-    &.arm-paper_outlined{
-      border: 1px solid rgba(255, 255, 255, 0.2)
-    }
-  }
-}

package/assets/Period.scss

@@ -1,9 +0,0 @@
-.arm-period{
-  position: relative;
-}
-.arm-period__picker{
-  //position: absolute;
-  //top: 100%;
-  //right: 0;
-  //z-index: 6;
-}

package/assets/Popper.scss

@@ -1,3 +0,0 @@
-.arm-popper{
-    z-index: 9000
-}

package/assets/Rating.scss

@@ -1,27 +0,0 @@
-@use "variables" as v;
-.arm-rating{
-  font-size: 0;
-  @include v.flex();
-}
-.arm-rating__item_container {
-  cursor: pointer;
-}
-.arm-rating__item{
-  color: var(--color-gray-400);
-  font-size: 30px;
-}
-.arm-rating__item_active{
-  color: #F7B519;
-}
-.arm-rating__item_medium{
-  font-size: 24px;
-}
-.arm-rating__item_small{
-  font-size: 18px;
-}
-.arm-rating__item_disabled{
-  color: var(--color-gray-400);
-}
-.arm-rating__item_error{
-  color: var(--color-error)
-}

package/assets/Select.scss

@@ -1,86 +0,0 @@
-@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 +0,0 @@
-@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 +0,0 @@
-@use "variables" as v;
-
-.arm-slider__text{
-  @include v.flex(space-between);
-  margin-top: var(--size-step);
-}

package/assets/Stack.scss

@@ -1,28 +0,0 @@
-
-.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,69 +0,0 @@
-
-.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 +0,0 @@
-@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 +0,0 @@
-@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;
-}

package/assets/Stepper.scss

@@ -1,31 +0,0 @@
-
-
-.arm-stepper_horizontal{
-  display: flex;
-}
-.arm-stepper__connector{
-  padding-left: 23px;
-  border-left: 1px solid #B1BCC6;
-  margin-left: 11px;
-  height: 25px;
-  margin-bottom: 5px;
-}
-.arm-stepper_small{
-  & .arm-stepper__connector{
-    padding-left: 19px;
-    margin-left: 10px;
-  }
-}
-.arm-stepper_horizontal{
-  & .arm-stepper__connector{
-    height: 1px;
-    width: auto;
-    margin-right: 5px;
-    margin-bottom: 0;
-    padding-left: 0;
-    border-left:none;
-    border-top: 1px solid #B1BCC6;
-    flex: 1 1 0;
-    margin-top:10px;
-  }
-}