armtek-uikit-react 1.0.267 → 1.0.268

package/assets/Switch.scss

@@ -1,68 +0,0 @@
-
-
-.arm-switch {
-  position: relative;
-  display: block;
-  width: 34px;
-  height: 14px;
-}
-
-
-.arm-switch__input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-/* The slider */
-.arm-switch__slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--color-neutral-light);
-  -webkit-transition: .4s;
-  transition: .4s;
-  border-radius: 7px;
-}
-
-.arm-switch__slider:before {
-  position: absolute;
-  content: "";
-  height: 20px;
-  width: 20px;
-  left: -3px;
-  bottom: -3px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-  border-radius: 50%;
-  box-shadow: var(--box-shadow);
-}
-
-.arm-switch__input:checked + .arm-switch__slider {
-  background-color: var(--color-orange-400);
-}
-
-.arm-switch__input:checked + .arm-switch__slider:before {
-  -webkit-transform: translateX(22px);
-  -ms-transform: translateX(22px);
-  transform: translateX(22px);
-  background: var(--color-secondary);
-}
-
-.arm-switch_small{
-  width: 26px;
-  height: 10px;
-  & .arm-switch__slider:before{
-    width: 16px;
-    height: 16px;
-  }
-  & .arm-switch__input:checked + .arm-switch__slider:before {
-    -webkit-transform: translateX(20px);
-    -ms-transform: translateX(20px);
-    transform: translateX(18px);
-  }
-}

package/assets/Table.scss

@@ -1,53 +0,0 @@
-
-.arm-table{
-  width: 100%;
-  margin:0;
-  padding:0;
-  background:none;
-  border:none;
-  border-collapse:collapse;
-  border-spacing:0;
-}
-
-.arm-table-row_click:hover td{
-  background: #F8F9FA;
-}
-
-.arm-table-cell{
-  color: var(--color-gray-800);
-  font-size: 14px;
-  border-bottom: 1px solid var(--color-gray-300);
-  background-color: #fff;
-}
-.arm-table-cell__inner{
-  padding: calc(var(--size-step) * 2 ) var(--size-step);
-}
-.arm-table-cell__inner_size_small{
-  padding: var(--size-step) calc(var(--size-step) / 2 );
-}
-.arm-table-cell__inner_variant_outlined{
-  padding-left: 0;
-  padding-right: 0;
-}
-
-
-
-.arm-table-cell_head{
-  color: var(--color-gray-500)
-}
-.arm-table-cell_variant_outlined{
-  background-color: transparent;
-}
-.arm-theme-dark{
-  .arm-table-cell{
-    background-color: var(--color-gray-800);
-    color: var(--color-gray-200);
-    border-color: var(--color-gray-700);
-  }
-  .arm-table-cell_head{
-    color: var(--color-gray-200)
-  }
-  .arm-table-row_click:hover td{
-    background-color: rgba(var(--color-gray-700-rgb), 0.5);
-  }
-}

package/assets/TextArea.scss

@@ -1,23 +0,0 @@
-
-.arm-textarea{
-  height: auto;
-  line-height: 20px;
-  & .arm-textarea__root{
-    min-height: var(--size-elarge);
-  }
-  & textarea{
-    resize: none;
-    appearance: none;
-    line-height: inherit;
-  }
-}
-
-.arm-textarea_size_small{
-  height: auto;
-  & .arm-textarea__root{
-    min-height: var(--size-large);
-  }
-}
-.arm-textarea__root{
-  height: auto;
-}

package/assets/TextField.scss

@@ -1,209 +0,0 @@
-@use 'variables' as v;
-
-.arm-textfield_root {
-	position: relative;
-	overflow: hidden;
-	border-radius: var(--border-radius);
-	border: 1px solid var(--color-gray-400);
-	background-color: #fff;
-	height: var(--size-elarge);
-	@include v.flex();
-	&:hover {
-		border-color: var(--color-gray-600);
-	}
-	&.arm-textfield_root_focused {
-		border-color: var(--color-gray-800);
-	}
-	&.arm-textfield_root_disabled {
-		pointer-events: none;
-		background: var(--color-gray-100);
-		border-color: transparent;
-		& .arm-textfield__label {
-			color: var(--color-gray-600);
-		}
-	}
-	&_outlined {
-		border-top: none;
-		border-left: none;
-		border-right: none;
-		border-radius: 0;
-	}
-}
-.arm-textfield_root_size_small {
-	height: var(--size-large);
-	font-size: 14px;
-}
-.arm-textfield_root_outlined {
-	&.arm-textfield_root_disabled {
-		background: transparent;
-		border-bottom-style: dotted;
-		border-bottom-width: 1px;
-		border-bottom-color: var(--color-gray-100);
-	}
-}
-.arm-textfield__wrapper {
-	cursor: text;
-	position: relative;
-	padding: 10px 12px 8px;
-	width: 100%;
-	flex: 1 1 auto;
-	min-width: 0;
-}
-.arm-textfield__wrapper_label {
-	padding: 25px 12px 8px;
-}
-.arm-textfield__wrapper_size_small {
-	&.arm-textfield__wrapper_label {
-		padding: 18px 12px 4px;
-	}
-}
-.arm-textfield__wrapper_outlined {
-	padding-left: 0 !important;
-	& .arm-textfield__label {
-		padding-left: 0;
-	}
-}
-.arm-textfield__input {
-	display: block;
-	width: 100%;
-	font-size: 16px;
-	outline: none;
-	background: transparent;
-	border: none;
-	padding: 0;
-	height: 23px;
-	&:focus {
-		border-color: var(--color-gray-800);
-	}
-}
-.arm-textfield__input_size_small {
-	font-size: 14px;
-	height: 20px;
-}
-.arm-textfield__input_label::placeholder {
-	opacity: 0;
-}
-.arm-textfield_root_success {
-	border-color: var(--color-success) !important;
-}
-.arm-textfield_root_error {
-	border-color: var(--color-error-dark) !important;
-}
-
-.arm-textfield__label_small {
-	font-size: 14px;
-}
-.arm-textfield__label {
-	pointer-events: none;
-	color: var(--color-gray-600);
-	white-space: nowrap;
-	position: absolute;
-	top: 12px;
-	padding-left: 12px;
-	left: 1px;
-	font-size: 16px;
-	transition: 0.2s all ease;
-	width: calc(100% - 2px);
-	padding-top: 8px;
-	line-height: 1.2;
-}
-.arm-textfield__label_noTransition {
-	transition: none;
-}
-.arm-textfield__label_small {
-	top: 4px;
-}
-.arm-textfield__label_focused {
-	font-size: 12px;
-	transform: none;
-	top: 1px;
-	&.arm-textfield__label_small {
-		padding-top: 4px;
-	}
-}
-
-.arm-textfield__input_outlined {
-	border-left: none;
-	border-top: none;
-	border-right: none;
-	padding-left: 0 !important;
-	&:focus,
-	&:hover {
-		border-left: none;
-		border-top: none;
-		border-right: none;
-	}
-	border-radius: 0;
-	& + .arm-textfield__label {
-		left: 0;
-	}
-	&:disabled {
-		& + .arm-textfield__label {
-			color: var(--color-gray-400);
-		}
-	}
-}
-
-//.arm-textfield__label_error{
-//}
-.arm-textfield__adornment {
-	flex-shrink: 0;
-	white-space: nowrap;
-	z-index: 5;
-	height: 100%;
-	padding-right: 10px;
-	& > .arm-adornment {
-		flex-shrink: 0;
-		white-space: inherit;
-	}
-}
-.arm-textfield__adornment_start {
-	padding-left: 10px;
-}
-.arm-textfield__helperText {
-	margin-top: calc(var(--size-step) / 2);
-}
-.arm-textfield_disabled {
-	& + .arm-textfield__helperText {
-		color: var(--color-gray-600);
-	}
-	& .arm-textfield_outlined {
-		& .arm-textfield__helperText {
-			color: var(--color-gray-400);
-		}
-	}
-	& .arm-textfield__icon {
-		color: var(--color-gray-400);
-	}
-}
-
-.arm-theme-dark {
-	& .arm-textfield_root {
-		background-color: var(--color-gray-700);
-		border-color: var(--color-gray-600);
-		&:hover {
-			border-color: var(--color-gray-700);
-		}
-		&.arm-textfield_root_focused {
-			border-color: var(--color-gray-200);
-		}
-		&.arm-textfield_root_disabled {
-			border-color: transparent;
-		}
-		&.arm-textfield_root_error {
-			border-color: var(--color-red-700) !important;
-		}
-	}
-	& .arm-textfield__input {
-		color: var(--color-gray-200);
-	}
-	& .arm-textfield__label {
-		color: var(--color-gray-500);
-	}
-	.arm-helper-text_error {
-		color: var(--color-red-700);
-	}
-	.arm-textfield__input::placeholder {
-		color: var(--color-gray-500);
-	}
-}

package/assets/Tooltip.scss

@@ -1,18 +0,0 @@
-
-.arm-tooltip{
-  display: inline-block;
-  position: relative;
-}
-.arm-tooltip__item{
-  //position: absolute;
-  padding: var(--size-step);
-  border-radius: var(--border-radius);
-  background: var(--color-gray-700);
-  color: #fff;
-  font-weight: 500;
-  font-size: 12px;
-  left: 50%;
-  bottom: 100%;
-  display: inline-flex;
-  //transform: translateX(-50%);
-}