raise-common-lib 0.0.245 → 0.0.247

package/src/assets/style/reset/input.scss

@@ -0,0 +1,97 @@
+input.e-input,
+textarea.e-input,
+.e-textbox.e-input {
+  font-size: var(--rs-input-font-size) !important;
+  color: var(--rs-input-color) !important;
+  border-radius: var(--rs-input-border-radius);
+  border-color: var(--rs-input-border-color) !important;
+  &:not(.error):not([disabled]):not([readonly]):hover {
+    box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
+    border-color: var(--rs-input-hover-border-color) !important;
+  }
+  &:not([disabled]):not([readonly]):focus {
+    border-color: var(--rs-input-focus-border-color) !important;
+    box-shadow: none !important;
+  }
+  &[disabled],
+  &[readonly] {
+    border-color: var(--rs-input-border-color) !important;
+    font-size: var(--rs-input-font-size);
+    background-color: var(--rs-input-disabled-bg) !important;
+  }
+  &.error:not(:focus) {
+    border-color: var(--rs-input-error-border-color) !important;
+  }
+}
+
+textarea.e-input:focus {
+  padding: 4px 8px;
+}
+
+input.e-input {
+  padding: 0 8px !important;
+  height: var(--rs-input-line-height) !important;
+}
+.e-textbox {
+  .e-input-group {
+    box-shadow: none !important;
+    border-color: var(--rs-input-border-color) !important;
+    &.e-input-focus,
+    &:not(.e-disabled):hover {
+      box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
+      border-color: var(--rs-input-hover-border-color) !important;
+      input.e-input {
+        box-shadow: none !important;
+      }
+    }
+    input.e-input {
+      height: calc(var(--rs-input-line-height) - 2px) !important;
+      line-height: calc(var(--rs-input-line-height) - 4px) !important;
+    }
+  }
+  &.error {
+    .e-input-group {
+      border-color: var(--rs-input-error-border-color) !important;
+      &:hover {
+        border-color: var(--rs-input-error-border-color) !important;
+        box-shadow: none !important;
+      }
+      &.e-input-focus {
+        border-color: var(--rs-input-focus-border-color) !important;
+        box-shadow: none !important;
+      }
+    }
+  }
+}
+.e-numeric.e-input-group {
+  border: 0 !important;
+  box-shadow: none !important;
+  input.e-input {
+    border-width: 1px !important;
+  }
+  .e-input-group-icon {
+    display: none;
+  }
+}
+.e-input-group {
+  input.e-input:hover {
+    box-shadow: none !important;
+  }
+}
+
+ejs-numerictextbox.e-lib.error {
+  .e-numeric.e-input-group {
+    input.e-input:not(:focus) {
+      border-color: var(--rs-input-error-border-color) !important;
+    }
+    input.e-input:hover {
+      box-shadow: none !important;
+    }
+  }
+}
+input::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}
+textarea::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}

package/src/assets/style/reset/mat-dialog.scss

@@ -0,0 +1,12 @@
+.rs-dialog-wrap {
+  max-width: 100% !important;
+  .mat-dialog-container {
+    padding: 0 !important;
+  }
+}
+.mat-dialog-container {
+  position: relative;
+}
+.material-icons {
+  font-size: 18px !important;
+}

package/src/assets/style/reset/radio.scss

@@ -0,0 +1,37 @@
+.e-radio-wrapper {
+    .e-radio:disabled + label {
+      &::before {
+        border-color: rgba(209, 209, 209, 0.5);
+        background-color: rgba(234, 237, 240, 0.35);
+      }
+    }
+    .e-radio:checked + label {
+      &::before {
+        background-color: var(--rs-active-color);
+        border-color: var(--rs-active-color);
+        box-shadow: none;
+      }
+      &::after {
+        content: "" !important;
+        display: block;
+        width: 11px;
+        height: 8px;
+        background-image: url("/assets/img/checked-vector.svg");
+        background-size: cover;
+        background-position: center;
+        background-color: transparent;
+        transform: scale(1);
+        left: 2px;
+        top: 3px;
+        border: 0;
+        border-radius: 0;
+      }
+    }
+    .e-label {
+      color: var(--rs-label-color);
+      font-family: var(--rs-font-family);
+      font-size: var(--rs-font-size);
+      font-weight: 400;
+      line-height: 14px;
+    }
+  }

package/src/assets/style/reset/switch.scss

@@ -0,0 +1,32 @@
+.e-switch-wrapper {
+  width: 28px;
+  .e-switch-inner {
+    border: 1px solid rgba(173, 181, 189, 1);
+    &.e-switch-active {
+      background-color: var(--rs-active-color) !important;
+      border-color: var(--rs-active-color) !important;
+    }
+    .e-switch-on {
+      background-color: var(--rs-active-color) !important;
+    }
+  }
+  .e-switch-handle {
+    background-color: #fff !important;
+    border: 1px solid rgba(173, 181, 189, 1);
+    left: 2px;
+    &.e-switch-active {
+      background-color: #fff;
+      border-color: var(--rs-active-color);
+      left: 100%;
+    }
+  }
+  &.e-switch-disabled {
+    .e-switch-handle {
+      background-color: #e9ecef !important;
+      opacity: 0.5;
+      &.e-switch-active {
+        border-color: rgba(0, 129, 255, 0.5);
+      }
+    }
+  }
+}