armtek-uikit-react 1.0.241 → 1.0.242

package/assets/DatePicker.scss

@@ -1,73 +1,73 @@
-@use "variables";
-
-.datepicker{
-  & .react-datepicker{
-    border:none;
-  }
-}
-.react-datepicker__year-wrapper{
-  max-width: 205px;
-}
-.arm-theme-dark{
-  & .react-datepicker{
-    background-color: var(--color-gray-700);
-    border: 1px solid var(--color-gray-500);
-  }
-  & .react-datepicker__current-month,
-  & .react-datepicker-time__header,
-  & .react-datepicker-year-header,
-  & .react-datepicker__day-name,
-  & .react-datepicker__day,
-  & .react-datepicker__time-name{
-    color: var(--color-gray-200);
-  }
-  & .react-datepicker__year-read-view--down-arrow,
-  & .react-datepicker__month-read-view--down-arrow,
-  & .react-datepicker__month-year-read-view--down-arrow,
-  & .react-datepicker__navigation-icon::before{
-    border-color: var(--color-gray-500)
-  }
-  & .react-datepicker__day-name{
-    color:var(--color-gray-500)
-  }
-
-  .react-datepicker__day:hover,
-  .react-datepicker__month-text:hover,
-  .react-datepicker__quarter-text:hover,
-  .react-datepicker__year-text:hover{
-    background-color: var(--color-gray-800);
-  }
-  & .react-datepicker__day--keyboard-selected,
-  & .react-datepicker__month-text--keyboard-selected,
-  & .react-datepicker__quarter-text--keyboard-selected,
-  & .react-datepicker__year-text--keyboard-selected{
-    background-color: var(--color-primary) !important;
-    color: #fff;
-  }
-  .react-datepicker__day--disabled,
-  .react-datepicker__month-text--disabled,
-  .react-datepicker__quarter-text--disabled,
-  .react-datepicker__year-text--disabled{
-    background-color: transparent;
-    color: var(--color-gray-600)
-  }
-}
-.arm-datepicker__select{
-  width: 120px !important;
-}
-.arm-datepicker__select_month{
-  width: 150px !important;
-}
-.arm-datepicker__select-wrapper{
-  padding-top:6px !important;;
-  padding-bottom: 4px !important;;
-}
-.arm-datepicker__select_root{
-  height: 36px !important;;
-}
-.arm-datepicker__select-option{
-  min-height: 30px !important;
-  font-size: 14px !important;;
-  padding-top: 4px !important;;
-  padding-bottom: 4px !important;;
+@use "variables";
+
+.datepicker{
+  & .react-datepicker{
+    border:none;
+  }
+}
+.react-datepicker__year-wrapper{
+  max-width: 205px;
+}
+.arm-theme-dark{
+  & .react-datepicker{
+    background-color: var(--color-gray-700);
+    border: 1px solid var(--color-gray-500);
+  }
+  & .react-datepicker__current-month,
+  & .react-datepicker-time__header,
+  & .react-datepicker-year-header,
+  & .react-datepicker__day-name,
+  & .react-datepicker__day,
+  & .react-datepicker__time-name{
+    color: var(--color-gray-200);
+  }
+  & .react-datepicker__year-read-view--down-arrow,
+  & .react-datepicker__month-read-view--down-arrow,
+  & .react-datepicker__month-year-read-view--down-arrow,
+  & .react-datepicker__navigation-icon::before{
+    border-color: var(--color-gray-500)
+  }
+  & .react-datepicker__day-name{
+    color:var(--color-gray-500)
+  }
+
+  .react-datepicker__day:hover,
+  .react-datepicker__month-text:hover,
+  .react-datepicker__quarter-text:hover,
+  .react-datepicker__year-text:hover{
+    background-color: var(--color-gray-800);
+  }
+  & .react-datepicker__day--keyboard-selected,
+  & .react-datepicker__month-text--keyboard-selected,
+  & .react-datepicker__quarter-text--keyboard-selected,
+  & .react-datepicker__year-text--keyboard-selected{
+    background-color: var(--color-primary) !important;
+    color: #fff;
+  }
+  .react-datepicker__day--disabled,
+  .react-datepicker__month-text--disabled,
+  .react-datepicker__quarter-text--disabled,
+  .react-datepicker__year-text--disabled{
+    background-color: transparent;
+    color: var(--color-gray-600)
+  }
+}
+.arm-datepicker__select{
+  width: 120px !important;
+}
+.arm-datepicker__select_month{
+  width: 150px !important;
+}
+.arm-datepicker__select-wrapper{
+  padding-top:6px !important;;
+  padding-bottom: 4px !important;;
+}
+.arm-datepicker__select_root{
+  height: 36px !important;;
+}
+.arm-datepicker__select-option{
+  min-height: 30px !important;
+  font-size: 14px !important;;
+  padding-top: 4px !important;;
+  padding-bottom: 4px !important;;
 }

package/assets/Dropdown.scss

@@ -1,43 +1,43 @@
-
-
-.arm-dropdown {
-
-  &__ContentWrapper {
-    &_hidden{
-      display: none;
-    }
-    &Enter {
-      opacity: 0;
-      overflow: hidden;
-      max-height: 0;
-    }
-
-    &EnterActive {
-      opacity: 1;
-      max-height: var(--content-height);
-      transition: opacity 0.3s, max-height 1s cubic-bezier(0, 1, 0, 1);
-    }
-    &Exit {
-      opacity: 1;
-      max-height: var(--content-height);
-    }
-
-    &ExitActive {
-      overflow: hidden;
-      opacity: 0;
-      max-height: 0;
-      transition: opacity 0.3s, max-height 1s cubic-bezier(0, 1, 0, 1);
-    }
-
-    &ExitDone{
-      display: none;
-    }
-  }
-
-  &__Content {
-    overflow: hidden;
-    transition: all 0.3s;
-  }
-
-
+
+
+.arm-dropdown {
+
+  &__ContentWrapper {
+    &_hidden{
+      display: none;
+    }
+    &Enter {
+      opacity: 0;
+      overflow: hidden;
+      max-height: 0;
+    }
+
+    &EnterActive {
+      opacity: 1;
+      max-height: var(--content-height);
+      transition: opacity 0.3s, max-height 1s cubic-bezier(0, 1, 0, 1);
+    }
+    &Exit {
+      opacity: 1;
+      max-height: var(--content-height);
+    }
+
+    &ExitActive {
+      overflow: hidden;
+      opacity: 0;
+      max-height: 0;
+      transition: opacity 0.3s, max-height 1s cubic-bezier(0, 1, 0, 1);
+    }
+
+    &ExitDone{
+      display: none;
+    }
+  }
+
+  &__Content {
+    overflow: hidden;
+    transition: all 0.3s;
+  }
+
+
 }

package/assets/FormControls.scss

@@ -1,15 +1,15 @@
-
-.arm-form-controls__stack{
-  border-top: 1px solid var(--color-gray-200);
-  padding-top: calc(var(--size-step) * 4);
-  display: flex;
-  gap: var(--size-step);
-}
-.arm-form-controls__btn{
-  width: 100%;
-}
-.arm-theme-dark {
-  .arm-form-controls__stack{
-    border-color: var(--color-gray-700);
-  }
+
+.arm-form-controls__stack{
+  border-top: 1px solid var(--color-gray-200);
+  padding-top: calc(var(--size-step) * 4);
+  display: flex;
+  gap: var(--size-step);
+}
+.arm-form-controls__btn{
+  width: 100%;
+}
+.arm-theme-dark {
+  .arm-form-controls__stack{
+    border-color: var(--color-gray-700);
+  }
 }

package/assets/HelperText.scss

@@ -1,12 +1,12 @@
-
-.arm-helper-text{
-  color: var(--color-gray-600);
-  font-size: 12px;
-  display: block;
-}
-.arm-helper-text_error{
-  color: var(--color-error-dark);
-}
-.arm-helper-text_success{
-  color: var(--color-success);
+
+.arm-helper-text{
+  color: var(--color-gray-600);
+  font-size: 12px;
+  display: block;
+}
+.arm-helper-text_error{
+  color: var(--color-error-dark);
+}
+.arm-helper-text_success{
+  color: var(--color-success);
 }

package/assets/Icon.scss

@@ -1,31 +1,31 @@
-@use "variables";
-
-.arm-icon_size_small{
-  font-size: 11px;
-}
-.arm-icon_size_medium{
-  font-size: 13px;
-}
-.arm-icon_size_large{
-  font-size: 14px;
-}
-.arm-icon_size_extraLarge{
-  font-size: 16px;
-}
-.arm-icon_color_primary{color: var(--color-primary)}
-.arm-icon_color_secondary{color: var(--color-secondary)}
-.arm-icon_color_neutral{color: var(--color-neutral)}
-.arm-icon_color_success{color:var(--color-success)}
-.arm-icon_color_info{color:var(--color-info)}
-.arm-icon_color_warning{color:var(--color-warning)}
-.arm-icon_color_error{color:var(--color-error)}
-
-.arm-icon_theme_dark {
-  //&.arm-icon_color_primary{color: var(--color-primary-contrast)}
-  //&.arm-icon_color_secondary{color: var(--color-secondary-contrast)}
-  &.arm-icon_color_neutral{color: var(--color-neutral-contrast)}
-  //&.arm-icon_color_success{color:var(--color-success-contrast)}
-  //&.arm-icon_color_info{color:var(--color-info-contrast)}
-  //&.arm-icon_color_warning{color:var(--color-warning-contrast)}
-  //&.arm-icon_color_error{color:var(--color-error-contrast)}
+@use "variables";
+
+.arm-icon_size_small{
+  font-size: 11px;
+}
+.arm-icon_size_medium{
+  font-size: 13px;
+}
+.arm-icon_size_large{
+  font-size: 14px;
+}
+.arm-icon_size_extraLarge{
+  font-size: 16px;
+}
+.arm-icon_color_primary{color: var(--color-primary)}
+.arm-icon_color_secondary{color: var(--color-secondary)}
+.arm-icon_color_neutral{color: var(--color-neutral)}
+.arm-icon_color_success{color:var(--color-success)}
+.arm-icon_color_info{color:var(--color-info)}
+.arm-icon_color_warning{color:var(--color-warning)}
+.arm-icon_color_error{color:var(--color-error)}
+
+.arm-icon_theme_dark {
+  //&.arm-icon_color_primary{color: var(--color-primary-contrast)}
+  //&.arm-icon_color_secondary{color: var(--color-secondary-contrast)}
+  &.arm-icon_color_neutral{color: var(--color-neutral-contrast)}
+  //&.arm-icon_color_success{color:var(--color-success-contrast)}
+  //&.arm-icon_color_info{color:var(--color-info-contrast)}
+  //&.arm-icon_color_warning{color:var(--color-warning-contrast)}
+  //&.arm-icon_color_error{color:var(--color-error-contrast)}
 }

package/assets/Interval.scss

@@ -1,35 +1,35 @@
-@use 'variables' as v;
-
-.arm-interval{
-  @include v.flex();
-  width: 100%;
-  & input{
-    -moz-appearance: textfield;
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-  }
-}
-.arm-interval__end{
-  text-align: right;
-  & + span{
-    text-align: right;
-    padding-left: 0;
-    padding-right: 12px;
-  }
-}
-.arm-interval__item{
-  max-width: 50%;
-  flex: 0 0 50%;
-}
-
-.arm-interval__helper{
-  margin-top: calc(var(--size-step) / 2);
-}
-
-.arm-intervalslide__slider{
-  padding: 0 calc(var(--size-step) * 2);
-  margin-top: -7px;
+@use 'variables' as v;
+
+.arm-interval{
+  @include v.flex();
+  width: 100%;
+  & input{
+    -moz-appearance: textfield;
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+}
+.arm-interval__end{
+  text-align: right;
+  & + span{
+    text-align: right;
+    padding-left: 0;
+    padding-right: 12px;
+  }
+}
+.arm-interval__item{
+  max-width: 50%;
+  flex: 0 0 50%;
+}
+
+.arm-interval__helper{
+  margin-top: calc(var(--size-step) / 2);
+}
+
+.arm-intervalslide__slider{
+  padding: 0 calc(var(--size-step) * 2);
+  margin-top: -7px;
 }

package/assets/Link.scss

@@ -1,97 +1,97 @@
-@use "./../assets/variables";
-
-.arm-link{
-  transition: 0.2s all ease;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  color: var(--color-primary);
-  outline: none;
-  background-color: transparent;
-  padding: 0;
-  font-size: inherit;
-  font-family: inherit;
-  text-decoration: none;
-  border: none;
-  &:hover{
-    color: var(--color-primary-light)
-  }
-}
-.arm-link_size_small{
-  font-size: 13px;
-}
-.arm-link_size_medium{
-  font-size: 16px;
-}
-.arm-link_size_large{
-  font-size: 20px;
-}
-.arm-link_color_secondary{
-  color: var(--color-secondary);
-  &:hover{
-    color: var(--color-secondary-light)
-  }
-}
-.arm-link_color_neutral{
-  color: var(--color-neutral);
-  &:hover{
-    color: var(--color-secondary-light)
-  }
-}
-.arm-link_color_success{
-  color: var(--color-success);
-  &:hover{
-    color: var(--color-success-light)
-  }
-}
-.arm-link_color_error{
-  color: var(--color-error);
-  &:hover{
-    color: var(--color-error-light);
-  }
-}
-.arm-link_color_info{
-  color: var(--color-info);
-  &:hover{
-    color: var(--color-info-light);
-  }
-}
-.arm-link_color_warning{
-  color: var(--color-warning);
-  &:hover{
-    color: var(--color-warning-light);
-  }
-}
-.arm-link_dark{
-  color: #fff;
-}
-.arm-link_disabled{
-  opacity: 0.7;
-  pointer-events: none;
-}
-.arm-link_border{
-  border-color: initial;
-  border-top:0;
-  border-left: 0;
-  border-right: 0;
-  border-bottom-width: 1px;
-  &:hover{
-    border-color: transparent;
-  }
-}
-.arm-link_border_solid{
-  border-style: solid;
-}
-.arm-link_border_dashed{
-  border-style: dashed;
-}
-.arm-link_border_dotted{
-  border-style: dotted;
-}
-
-.arm-theme-dark {
-  .arm-link_color_primary{
-    color: var(--color-gray-400)
-  }
-
+@use "./../assets/variables";
+
+.arm-link{
+  transition: 0.2s all ease;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  color: var(--color-primary);
+  outline: none;
+  background-color: transparent;
+  padding: 0;
+  font-size: inherit;
+  font-family: inherit;
+  text-decoration: none;
+  border: none;
+  &:hover{
+    color: var(--color-primary-light)
+  }
+}
+.arm-link_size_small{
+  font-size: 13px;
+}
+.arm-link_size_medium{
+  font-size: 16px;
+}
+.arm-link_size_large{
+  font-size: 20px;
+}
+.arm-link_color_secondary{
+  color: var(--color-secondary);
+  &:hover{
+    color: var(--color-secondary-light)
+  }
+}
+.arm-link_color_neutral{
+  color: var(--color-neutral);
+  &:hover{
+    color: var(--color-secondary-light)
+  }
+}
+.arm-link_color_success{
+  color: var(--color-success);
+  &:hover{
+    color: var(--color-success-light)
+  }
+}
+.arm-link_color_error{
+  color: var(--color-error);
+  &:hover{
+    color: var(--color-error-light);
+  }
+}
+.arm-link_color_info{
+  color: var(--color-info);
+  &:hover{
+    color: var(--color-info-light);
+  }
+}
+.arm-link_color_warning{
+  color: var(--color-warning);
+  &:hover{
+    color: var(--color-warning-light);
+  }
+}
+.arm-link_dark{
+  color: #fff;
+}
+.arm-link_disabled{
+  opacity: 0.7;
+  pointer-events: none;
+}
+.arm-link_border{
+  border-color: initial;
+  border-top:0;
+  border-left: 0;
+  border-right: 0;
+  border-bottom-width: 1px;
+  &:hover{
+    border-color: transparent;
+  }
+}
+.arm-link_border_solid{
+  border-style: solid;
+}
+.arm-link_border_dashed{
+  border-style: dashed;
+}
+.arm-link_border_dotted{
+  border-style: dotted;
+}
+
+.arm-theme-dark {
+  .arm-link_color_primary{
+    color: var(--color-gray-400)
+  }
+
 }