armtek-uikit-react 1.0.267 → 1.0.268

package/assets/ButtonGroup.scss

@@ -1,38 +0,0 @@
-
-.arm-button-group{
-  display: flex;
-  align-items: center;
-}
-.arm-button-group_inline{
-  flex-direction: row;
-  & > * {
-    border-radius: 0;
-    &:first-child{
-      border-top-left-radius: var(--border-radius);
-      border-bottom-left-radius: var(--border-radius);
-    }
-    &:last-child{
-      border-top-right-radius: var(--border-radius);
-      border-bottom-right-radius: var(--border-radius);
-    }
-  }
-}
-.arm-button-group_column{
-  flex-direction: column;
-  display: inline-block;
-  & > * {
-    border-radius: 0;
-    width: 100%;
-    &:not(:first-child){
-      border-top-color: transparent;
-    }
-    &:first-child{
-      border-top-left-radius: var(--border-radius);
-      border-top-right-radius: var(--border-radius);
-    }
-    &:last-child{
-      border-bottom-left-radius: var(--border-radius);
-      border-bottom-right-radius: var(--border-radius);
-    }
-  }
-}

package/assets/ButtonIcon.scss

@@ -1,59 +0,0 @@
-@use "variables";
-
-.arm-button-icon{
-  padding: var(--size-step);
-  width: var(--size-elarge);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 30px;
-  position: relative;
-
-}
-.arm-button-icon_with-icon{
-  & .arm-icon,
-  & .mi,
-  & .mis,
-  & .material_icon,
-  & .material_icon_solid {
-    font-size: 24px;
-  }
-}
-.arm-button-icon_large{
-  width: var(--size-large);
-  font-size: 24px;
-}
-.arm-button-icon_large.arm-button-icon_with-icon{
-  & .arm-icon,
-  & .mi,
-  & .mis,
-  & .material_icon,
-  & .material_icon_solid {font-size: 20px}
-}
-.arm-button-icon_medium{
-  width: var(--size-medium);
-  font-size: 20px;
-}
-.arm-button-icon_medium.arm-button-icon_with-icon{
-  & .arm-icon,
-  & .mi,
-  & .mis,
-  & .material_icon,
-  & .material_icon_solid {font-size: 18px}
-}
-.arm-button-icon_small{
-  width: var(--size-small);
-  padding: calc(var(--size-step) / 2);
-  font-size: 16px;
-}
-.arm-button-icon_small.arm-button-icon_with-icon{
-  & .arm-icon,
-  & .mi,
-  & .mis,
-  & .material_icon,
-  & .material_icon_solid {font-size: 16px}
-}
-.arm-button-icon_square{
-  border-radius: 0;
-}

package/assets/Card.scss

@@ -1,14 +0,0 @@
-
-.arm-card{
-  padding: var(--size-step);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--border-radius);
-  background-color: var(--color-white);
-}
-
-.arm-theme-dark {
-  .arm-card {
-    background-color: var(--color-gray-800);
-    color: #fff;
-  }
-}

package/assets/Checkbox.scss

@@ -1,313 +0,0 @@
-
-.arm-checkbox{
-  position: relative;
-  display: flex;
-}
-.arm-checkbox_text{
-  align-items: center;
-}
-.arm-checkbox__input{
-  display: none;
-}
-.arm-checkbox__text{
-  padding-left: calc(var(--size-step));
-  font-size: 16px;
-  display: block;
-  cursor: pointer;
-}
-.arm-checkbox__text_error{
-  color: var(--color-error);
-}
-.arm-checkbox__text_size_small{
-  font-size: 14px;
-}
-.arm-checkbox__label{
-  cursor: pointer;
-  text-align: left;
-  position: relative;
-  display: block;
-  line-height: 1.2;
-  min-width:22px;
-  width:22px;
-  height: 22px;
-  &:before{
-    width: 100%;
-    height: 100%;
-    border-radius: var(--border-radius);
-    border: 1px solid var(--color-gray-700);
-    background: #fff;
-    position: absolute;
-    content: '';
-    left: 0;
-    top: 0;
-    box-sizing: border-box;
-  }
-  &:after{
-    content: '';
-    position: absolute;
-    transform: rotate(45deg);
-    left: 8px;
-    top: 4px;
-    width: 7px;
-    height: 11px;
-    border-bottom: 2px solid;
-    border-right: 2px solid;
-    display: none;
-    box-sizing: border-box;
-  }
-  &.arm-checkbox_error:before{
-    border-color: var(--color-error);
-  }
-}
-
-
-.arm-checkbox_medium{
-  min-width:18px;
-  width:18px;
-  height: 18px;
-  &:after{
-    left: 6px;
-    top: 2px;
-    width: 6px;
-    height: 10px;
-  }
-}
-
-.arm-checkbox_small{
-  font-size: 14px;
-  min-width:16px;
-  width:16px;
-  height: 16px;
-  &:after{
-    left: 5px;
-    top: 3px;
-    height: 8px;
-    width: 6px;
-  }
-}
-
-.arm-checkbox__label_intermediate{
-  &:after{
-    border-left: none;
-    width: 14px;
-    transform: none;
-    top: 10px;
-    height: 0;
-    left: 4px;
-    border-right: none;
-  }
-  &.arm-checkbox_medium:after{
-    width: 11px;
-    top: 8px;
-  }
-  &.arm-checkbox_small:after{
-    width: 9px;
-    top: 7px;
-  }
-}
-
-.arm-checkbox__label_intermediate,
-.arm-checkbox__label_checked{
-  &:before{
-    border-color: transparent;
-    background: var(--color-primary);
-  }
-  &:after{
-    border-color: #fff;
-    display: block;
-  }
-  &.arm-checkbox_secondary{
-    &:before{
-      background: var(--color-secondary);
-    }
-  }
-
-  &.arm-checkbox_contained{
-    &.arm-checkbox_secondary{
-      &:before{
-        background: var(--color-secondary);
-      }
-    }
-    &.arm-checkbox_neutral{
-      &:before{
-        background: var(--color-neutral);
-      }
-    }
-    &.arm-checkbox_success{
-      &:before{
-        background: var(--color-success);
-      }
-    }
-    &.arm-checkbox_warning{
-      &:before{
-        background: var(--color-warning);
-      }
-    }
-    &.arm-checkbox_error{
-      color: var(--color-error-dark);
-      &:before{
-        background: var(--color-error-dark);
-      }
-    }
-  }
-}
-.arm-checkbox_outlined{
-  &:before{
-    background: transparent;
-    border-color: var(--color-primary);
-  }
-  &:after{
-    border-color: var(--color-primary);
-  }
-  &.arm-checkbox_secondary{
-    &:before{
-      background: transparent;
-      border-color: var(--color-secondary);
-    }
-    &:after{
-      border-color: var(--color-secondary);
-    }
-  }
-  &.arm-checkbox_neutral{
-    &:before{
-      border-color: var(--color-neutral);
-    }
-    &:after{
-      border-color: var(--color-neutral);
-    }
-  }
-  &.arm-checkbox_success{
-    &:before{
-      border-color: var(--color-success);
-    }
-    &:after{
-      border-color: var(--color-success);
-    }
-  }
-  &.arm-checkbox_error{
-    color: var(--color-error-dark);
-    &:before{
-      border-color: var(--color-error-dark);
-    }
-    &:after{
-      border-color: var(--color-error-dark);
-    }
-  }
-  &.arm-checkbox_warning{
-    &:before{
-      border-color: var(--color-warning);
-    }
-    &:after{
-      border-color: var(--color-warning);
-    }
-  }
-  //&.arm-checkbox_error{
-  //  &:before{
-  //    border-color: var(--color-error);
-  //  }
-  //  &:after{
-  //    border-color: var(--color-error);
-  //  }
-  //}
-}
-
-.arm-checkbox__label_disabled{
-  color: var(--color-gray-500) !important;
-  pointer-events: none;
-  &:before{
-    background-color: var(--color-gray-400);
-  }
-  &:after{
-    border-color: var(--color-gray-200);
-  }
-  &.arm-checkbox_outlined{
-    &:before{
-      background-color: transparent;
-      border-color: var(--color-gray-200);
-    }
-    &:after{
-      border-color: var(--color-gray-200);
-    }
-  }
-}
-
-.arm-radio{
-  & .arm-checkbox__label{
-    &:before{
-      border-radius: 50%;
-    }
-    &:after{
-      border: none;
-      border-radius: 50%;
-      background: var(--color-primary);
-      width: 10px;
-      height: 10px;
-      margin-top: 0px;
-      margin-left: 0;
-      top:50%;
-      left:50%;
-      transform: translate(-50%, -50%);
-    }
-    &.arm-checkbox_medium{
-      &:after{
-        width: 8px;
-        height: 8px;
-        margin-top: -1px;
-      }
-    }
-    &.arm-checkbox_small{
-      &:after{
-        width: 6px;
-        height: 6px;
-      }
-    }
-    &.arm-checkbox_secondary:before{
-      border-color: var(--color-secondary);
-    }
-    &.arm-checkbox_success:before{
-      border-color: var(--color-success);
-    }
-    &.arm-checkbox_warning:before{
-      border-color: var(--color-warning);
-    }
-    &.arm-checkbox_neutral:before{
-      border-color: var(--color-neutral);
-    }
-    &.arm-checkbox_error:before{
-      border-color: var(--color-error-dark);
-    }
-    &.arm-checkbox_secondary:after{
-      background: var(--color-secondary);
-    }
-    &.arm-checkbox_success:after{
-      background: var(--color-success);
-    }
-    &.arm-checkbox_warning:after{
-      background: var(--color-warning);
-    }
-    &.arm-checkbox_neutral:after{
-      background: var(--color-neutral);
-    }
-    &.arm-checkbox_error:after{
-      background: var(--color-error-dark);
-    }
-    &_disabled:after{
-      background: var(--color-gray-200) !important;
-    }
-    &.arm-checkbox_contained:after{
-      background: #fff;
-    }
-
-    &.arm-checkbox__label_disabled:before{
-      background: transparent !important;
-      border-color: var(--color-gray-400);
-    }
-    &_checked{
-      &.arm-checkbox__label_disabled:before{
-        background: #B1BCC6 !important;
-      }
-    }
-
-
-  }
-}