npm - @taon-dev/session - Versions diffs - 21.0.216 → 21.0.241 - Mend

@@ -2,8 +2,11 @@
 // @use 'bootstrap/scss/bootstrap' as *; Conflict with primeflex
 @use '@angular/material' as mat;
-@import 'primeflex/primeflex.css';
-@import 'primeflex/themes/primeone-light.css';
+@use '@ngneat/hot-toast/src/styles/styles';
+// tailwind included out of box
+@import 'tailwindcss';
 @import 'primeicons/primeicons.css';
 @import 'animate.css/animate.min.css';
@@ -89,5 +92,5 @@ html {
     color 200ms ease;
   margin: 0px !important; // TODO QUICK FIX for weird chrome padding
-  overflow: hidden; // for ngx-scrollbar to work
+  // overflow: hidden; // for ngx-scrollbar to work
 }

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

@@ -0,0 +1,24 @@
+:host {
+  display: block;
+}
+.group-details {
+  &__section {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px 0;
+  }
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+  &__section-title {
+    margin: 0;
+    font-weight: 600;
+  }
+}

@@ -0,0 +1,14 @@
+:host {
+  display: block;
+}
+.taon-group-chooser {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  &__field {
+    min-width: 260px;
+  }
+}

@@ -0,0 +1,17 @@
+:host {
+  display: block;
+}
+.permission-details {
+  &__section {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px 0;
+  }
+  &__section-title {
+    margin: 0;
+    font-weight: 600;
+  }
+}

@@ -0,0 +1,92 @@
+:host {
+  display: block;
+}
+.profile-picture {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+.profile-picture__avatar {
+  position: relative;
+  display: flex;
+  width: 140px;
+  height: 140px;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 50%;
+  // background: #e5e7eb;
+  cursor: pointer;
+}
+.profile-picture__avatar--disabled {
+  pointer-events: none;
+  opacity: 0.7;
+}
+.profile-picture__placeholder {
+  width: 100px;
+  height: 100px;
+  font-size: 100px;
+  line-height: 100px;
+  // color: #9ca3af;
+}
+.profile-picture__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.profile-picture__loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgb(0 0 0 / 35%);
+  color: white;
+  font-size: 24px;
+}
+.profile-picture__actions {
+  display: flex;
+  gap: 8px;
+}
+.profile-picture__button {
+  padding: 8px 14px;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  &:disabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+}
+.profile-picture__input {
+  display: none;
+}

@@ -0,0 +1,31 @@
+:host {
+  display: block;
+}
+.tab-content {
+  padding: 24px;
+}
+.description {
+  margin: 0 0 20px;
+  opacity: 0.7;
+}
+.identity-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  mat-button-toggle {
+    width: 100%;
+  }
+  mat-icon {
+    margin-right: 8px;
+  }
+}
+.profile-actions {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px;
+}

@@ -1,3 +1,55 @@
-:host {
-  display: block;
+.google-container {
+  width: 100%;
+  height: 50px;
+  border-color: #9ca3af !important;
+}
+.microsoft-container {
+  width: 100%;
+}
+.microsoft-btn {
+  height: 40px;
+  border-radius: 4px !important; // square-ish
+  border-color: #9ca3af !important;
+  background-color: white;
+}
+:host::ng-deep {
+  .email-field {
+    .mdc-notched-outline__trailing,
+    .mdc-notched-outline__leading,
+    .mdc-notched-outline__notch {
+      border-color: #9ca3af !important;
+    }
+  }
+}
+:host ::ng-deep {
+  .auth-progress {
+    .mdc-linear-progress__bar-inner {
+      border-color: #9ca3af !important;
+    }
+  }
+}
+.divider {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  margin: 1rem 0;
+}
+.divider::before,
+.divider::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid #ccc;
+}
+.divider span {
+  padding: 0 10px;
+  color: #666;
+  font-size: 14px;
 }

@@ -1,5 +1,5 @@
 // THIS FILE IS GENERATED - DO NOT MODIFY
-export * from './lib';
+export * from './full-dts';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 // please use command: taon build:watch to see here links for your globally builded lib code files
 // THIS FILE IS GENERATED - DO NOT MODIFY

@taon-dev/session 21.0.216 → 21.0.241