@tuki-io/tuki-widgets 0.0.72 → 0.0.74

package/{user-device-manage → projects/tuki/widgets/user-manage}/src/styles/form.scss

@@ -1,231 +1,231 @@
-@import "variables";
-
-.mat-form-field {
-  padding: 0 0 5px 0;
-  width: 93%;
-}
-.mat-form-field.mat-form-field-disabled {
-  border-bottom: none;
-}
-.mat-error {
-  color: $error-color;
-  margin: 13px 0 0 0;
-}
-.select-box {
-  border-radius: 30px;
-  background: #F3F6F6;
-  border: 1px solid #E2E9EF;
-  height: 35px;
-  position: relative;
-
-  select {
-    border: none !important;
-    background: transparent;
-    height: 100%;
-    width: 92%;
-    margin: auto;
-    display: block;
-  }
-
-}
-
-option:focus, option:focus-visible {
-  border: none !important;
-  outline: none !important;
-}
-option {
-  height: 30px;
-  cursor: pointer;
-  color: $webex-pagination-txt;
-}
-option:hover {
-  background: $webex-pagination-hover-bg !important;
-}
-.mat-select {
-  height: 100%;
-  line-height: 35px;
-}
-.info-holder, .input-holder {
-  display: grid;
-  grid-template-columns: 30% 70%;
-  align-items: baseline;
-
-  &__name{
-    font-weight: 500;
-    font-size: 14px;
-  }
-  &__inputs{
-    & .input-holder{
-      display: grid;
-      grid-template-columns: 30% 70%;
-      align-items: baseline;
-      &__name{
-        font-weight: 400;
-        font-size: 14px;
-      }
-    }
-  }
-}
-.mat-form-field-wrapper {
-  height: 30px !important;
-}
-.mat-form-field-flex{
-  height: 30px !important;
-}
-
-.mat-form-field-appearance-outline .mat-form-field-outline{
-  height: 35px !important;
-}
-
-.mat-form-field-outline .mat-form-field-outline-thick{
-  height: 35px !important;
-}
-
-.mat-select{
-  line-height: 20px !important;
-}
-.mat-form-field-appearance-outline .mat-form-field-infix {
-  padding: 14px 12px 10px;
-  border-top: 0;
-  max-width: 300px;
-}
-
-.mat-tab-group{
-  font-family: "Inter", sans-serif;
-}
-
-.mat-tab-label{
-  font-weight: 500 !important;
-  font-size: 14px !important;
-  height: auto !important;
-  min-width: auto !important;
-  padding: 0 !important;
-}
-
-.mat-ink-bar{
-  background-color: rgba(0, 0, 0, 0.9) !important;
-  height: 3px !important;
-}
-.mat-form-field-wrapper{
-  padding-bottom: 0;
-}
-
-.mat-form-field{
-  padding: 0;
-  max-width: 300px;
-}
-
-.mat-divider{
-  margin: 12px 0;
-}
-
-/*
-
-.input-holder {
-  background: #EDEDED;
-  padding: 32px 60px;
-}
-
-.form-hold {
-  padding: 24px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
-  padding: 14px 12px 10px;
-  border-top: 0;
-  max-width: 300px;
-}
-
-::ng-deep .mat-tab-group{
-  font-family: "Inter", sans-serif;
-}
-
-::ng-deep .mat-tab-label{
-  font-weight: 500 !important;
-  font-size: 14px !important;
-  height: auto !important;
-  min-width: auto !important;
-  padding: 0 !important;
-}
-
-::ng-deep .mat-ink-bar{
-  background-color: rgba(0, 0, 0, 0.9) !important;
-  height: 3px !important;
-}
-.form-holder{
-  background: white;
-  display: grid;
-  grid-template-columns: 30% 70%;
-  border-radius: 8px;
-  border: rgba(0, 0, 0, 0.2) 1px solid;
-  padding: 24px;
-  &__name{
-    font-weight: 500;
-    font-size: 16px;
-  }
-  &__inputs{
-    & .input-holder{
-      display: grid;
-      grid-template-columns: 30% 70%;
-      align-items: baseline;
-      &__name{
-        font-weight: 400;
-        font-size: 14px;
-      }
-    }
-  }
-}
-
-::ng-deep .mat-form-field-wrapper{
-  padding-bottom: 0;
-}
-
-::ng-deep .mat-form-field{
-  padding: 0;
-  max-width: 300px;
-}
-
-.mat-divider{
-  margin: 12px 0;
-}
-
-.user-details-box {
-  background: white;
-  display: grid;
-  grid-template-columns: 30% 70%;
-  border-radius: 8px;
-  border: rgba(0, 0, 0, 0.2) 1px solid;
-  padding: 24px;
-  &__name{
-    font-weight: 500;
-    font-size: 16px;
-  }
-  &__inputs{
-    & .input-holder{
-      display: grid;
-      grid-template-columns: 30% 70%;
-      align-items: baseline;
-      &__name{
-        font-weight: 400;
-        font-size: 14px;
-      }
-    }
-  }
-}
-
-::ng-deep .mat-form-field-wrapper{
-  padding-bottom: 0;
-}
-
-::ng-deep .mat-form-field{
-  padding: 0;
-  max-width: 300px;
-}
-
-.mat-divider{
-  margin: 12px 0;
-}
-*/
+@import "variables";
+
+.mat-form-field {
+  padding: 0 0 5px 0;
+  width: 93%;
+}
+.mat-form-field.mat-form-field-disabled {
+  border-bottom: none;
+}
+.mat-error {
+  color: $error-color;
+  margin: 13px 0 0 0;
+}
+.select-box {
+  border-radius: 30px;
+  background: #F3F6F6;
+  border: 1px solid #E2E9EF;
+  height: 35px;
+  position: relative;
+
+  select {
+    border: none !important;
+    background: transparent;
+    height: 100%;
+    width: 92%;
+    margin: auto;
+    display: block;
+  }
+
+}
+
+option:focus, option:focus-visible {
+  border: none !important;
+  outline: none !important;
+}
+option {
+  height: 30px;
+  cursor: pointer;
+  color: $webex-pagination-txt;
+}
+option:hover {
+  background: $webex-pagination-hover-bg !important;
+}
+.mat-select {
+  height: 100%;
+  line-height: 35px;
+}
+.info-holder, .input-holder {
+  display: grid;
+  grid-template-columns: 30% 70%;
+  align-items: baseline;
+
+  &__name{
+    font-weight: 500;
+    font-size: 14px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+.mat-form-field-wrapper {
+  height: 30px !important;
+}
+.mat-form-field-flex{
+  height: 30px !important;
+}
+
+.mat-form-field-appearance-outline .mat-form-field-outline{
+  height: 35px !important;
+}
+
+.mat-form-field-outline .mat-form-field-outline-thick{
+  height: 35px !important;
+}
+
+.mat-select{
+  line-height: 20px !important;
+}
+.mat-form-field-appearance-outline .mat-form-field-infix {
+  padding: 14px 12px 10px;
+  border-top: 0;
+  max-width: 300px;
+}
+
+.mat-tab-group{
+  font-family: "Inter", sans-serif;
+}
+
+.mat-tab-label{
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  height: auto !important;
+  min-width: auto !important;
+  padding: 0 !important;
+}
+
+.mat-ink-bar{
+  background-color: rgba(0, 0, 0, 0.9) !important;
+  height: 3px !important;
+}
+.mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+.mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+
+/*
+
+.input-holder {
+  background: #EDEDED;
+  padding: 32px 60px;
+}
+
+.form-hold {
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
+  padding: 14px 12px 10px;
+  border-top: 0;
+  max-width: 300px;
+}
+
+::ng-deep .mat-tab-group{
+  font-family: "Inter", sans-serif;
+}
+
+::ng-deep .mat-tab-label{
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  height: auto !important;
+  min-width: auto !important;
+  padding: 0 !important;
+}
+
+::ng-deep .mat-ink-bar{
+  background-color: rgba(0, 0, 0, 0.9) !important;
+  height: 3px !important;
+}
+.form-holder{
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  &__name{
+    font-weight: 500;
+    font-size: 16px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+::ng-deep .mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+::ng-deep .mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+
+.user-details-box {
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  &__name{
+    font-weight: 500;
+    font-size: 16px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+::ng-deep .mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+::ng-deep .mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+*/

package/{user-device-manage → projects/tuki/widgets/user-manage}/src/styles/icons.scss

@@ -1,32 +1,32 @@
-.fa:hover {
-  color: #0d56aa!important;
-}
-.mat-icon-button {
-  background: transparent;
-}
-.icon-webex-box {
-  width: 2rem;
-  height: 2rem;
-  font-size: .7rem;
-  line-height: 1rem;
-  display: inline-block;
-  background: $webex-icon-bg;
-  border-radius: 2rem;
-  line-height: 40px;
-  text-align: center;
-}
-.icon-webex {
-  filter: invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);
-  background-repeat: no-repeat;
-  background-position: center;
-  display: inline-block;
-  height: 1rem;
-  width: 1rem;
-}
-.icon-webex-user {
-  background-image: url('../assets/icons/icon_user.svg');
-}
-.icon-user-status {
-  display: inline-block;
-
-}
+.fa:hover {
+  color: #0d56aa!important;
+}
+.mat-icon-button {
+  background: transparent;
+}
+.icon-webex-box {
+  width: 2rem;
+  height: 2rem;
+  font-size: .7rem;
+  line-height: 1rem;
+  display: inline-block;
+  background: $webex-icon-bg;
+  border-radius: 2rem;
+  line-height: 40px;
+  text-align: center;
+}
+.icon-webex {
+  filter: invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);
+  background-repeat: no-repeat;
+  background-position: center;
+  display: inline-block;
+  height: 1rem;
+  width: 1rem;
+}
+.icon-webex-user {
+  background-image: url('../assets/icons/icon_user.svg');
+}
+.icon-user-status {
+  display: inline-block;
+
+}