armtek-uikit-react 1.0.245 → 1.0.252

package/assets/ListItem.scss

@@ -1,74 +1,74 @@
-@use "variables" as v;
-
-.arm-listitem{
-  outline: none;
-  padding: calc(var(--size-step) * 1.5) calc(var(--size-step) * 2);
-  color: var(--color-neutral);
-  background: #fff;
-  @include v.transition(0.3s, background);
-  @include v.flex();
-  width: 100%;
-  border: none;
-  text-align: left;
-  cursor: pointer;
-  text-decoration: none;
-  font-size: 16px;
-  line-height: 1.1;
-  font-family: inherit;
-  min-height: 48px;
-  &:hover{
-    background: var(--color-gray-50);
-  }
-  &.arm-listitem_active,
-  &:active{
-    background: rgba(var(--color-primary-rgba), 0.1);
-  }
-}
-
-.arm-listitem_disabled{
-  pointer-events: none;
-  background: #fff;
-  color: var(--color-gray-400);
-  user-select: none;
-  cursor: default;
-}
-.arm-listitem__content{
-  display: block;
-  margin-right: calc(var(--size-step) * 2);
-}
-.arm-listitem__content_adornment_left{
-  margin-left: calc(var(--size-step) * 2);
-}
-.arm-listitem_endAdornment{
-
-}
-.arm-listitem_divider{
-  border-bottom: 1px solid var(--color-gray-200);
-}
-.arm-listitem__text{
-  display: block;
-}
-.arm-listitem__helper{
-  margin-top: calc(var(--size-step) / 2);
-  display: block;
-  color: var(--color-neutral-light);
-}
-.arm-theme-dark {
-
-  .arm-listitem{
-    background-color: var(--color-gray-700);
-    color: var(--color-gray-200);
-    &:hover{
-      //background-color: rgba(var(--color-white-rgba), 0.1);
-      background-color: var(--color-gray-800)
-    }
-    &.arm-listitem_active,
-    &:active{
-      background-color: rgba(var(--color-gray-900-rgb), 0.9);
-    }
-    &.arm-listitem_disabled{
-      color: var(--color-gray-600);
-      background-color: var(--color-gray-700);
-    }
-  }
+@use "variables" as v;
+
+.arm-listitem{
+  outline: none;
+  padding: calc(var(--size-step) * 1.5) calc(var(--size-step) * 2);
+  color: var(--color-neutral);
+  background: #fff;
+  @include v.transition(0.3s, background);
+  @include v.flex();
+  width: 100%;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  text-decoration: none;
+  font-size: 16px;
+  line-height: 1.1;
+  font-family: inherit;
+  min-height: 48px;
+  &:hover{
+    background: var(--color-gray-50);
+  }
+  &.arm-listitem_active,
+  &:active{
+    background: rgba(var(--color-primary-rgba), 0.1);
+  }
+}
+
+.arm-listitem_disabled{
+  pointer-events: none;
+  background: #fff;
+  color: var(--color-gray-400);
+  user-select: none;
+  cursor: default;
+}
+.arm-listitem__content{
+  display: block;
+  margin-right: calc(var(--size-step) * 2);
+}
+.arm-listitem__content_adornment_left{
+  margin-left: calc(var(--size-step) * 2);
+}
+.arm-listitem_endAdornment{
+
+}
+.arm-listitem_divider{
+  border-bottom: 1px solid var(--color-gray-200);
+}
+.arm-listitem__text{
+  display: block;
+}
+.arm-listitem__helper{
+  margin-top: calc(var(--size-step) / 2);
+  display: block;
+  color: var(--color-neutral-light);
+}
+.arm-theme-dark {
+
+  .arm-listitem{
+    background-color: var(--color-gray-700);
+    color: var(--color-gray-200);
+    &:hover{
+      //background-color: rgba(var(--color-white-rgba), 0.1);
+      background-color: var(--color-gray-800)
+    }
+    &.arm-listitem_active,
+    &:active{
+      background-color: rgba(var(--color-gray-900-rgb), 0.9);
+    }
+    &.arm-listitem_disabled{
+      color: var(--color-gray-600);
+      background-color: var(--color-gray-700);
+    }
+  }
 }

package/assets/Loader.scss

@@ -1,57 +1,57 @@
-@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)}
+@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 +1,29 @@
-@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;
+@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,98 +1,98 @@
-@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__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;
-  }
-
-
+@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__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 +1,3 @@
-.arm-pagination__item{
-  font-size: 13px;
-}
+.arm-pagination__item{
+  font-size: 13px;
+}

package/assets/Paper.scss

@@ -1,23 +1,23 @@
-@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)
-    }
-  }
+@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 +1,9 @@
-.arm-period{
-  position: relative;
-}
-.arm-period__picker{
-  //position: absolute;
-  //top: 100%;
-  //right: 0;
-  //z-index: 6;
+.arm-period{
+  position: relative;
+}
+.arm-period__picker{
+  //position: absolute;
+  //top: 100%;
+  //right: 0;
+  //z-index: 6;
 }

package/assets/Popper.scss

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

package/assets/Rating.scss

@@ -1,27 +1,27 @@
-@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)
+@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)
 }