@foxeltech/angular-ui 0.0.14 → 0.3.0

package/components.css

@@ -79,6 +79,11 @@
 .mat-mdc-tooltip {
   border-radius: 6px !important;
   background-color: rgb(var(--bg-primary)) !important;
+  --mdc-plain-tooltip-container-color: rgb(var(--bg-primary));
+  --mdc-plain-tooltip-supporting-text-color: rgb(var(--text-primary));
+}
+.mat-mdc-tooltip .mdc-tooltip__surface {
+  color: rgb(var(--text-primary)) !important;
 }
 
 .mat-mdc-table {
@@ -291,9 +296,6 @@ input[type='password'] {
 .txt-card-info-description {
   @apply text-xs font-light text-text-secondary tracking-normal;
 }
-.txt-tag-common {
-  @apply font-semibold text-xs;
-}
 .txt-tag-default {
   @apply txt-tag-common text-text-secondary;
 }
@@ -325,9 +327,6 @@ input[type='password'] {
   @apply font-mono text-sm text-text-primary tracking-normal;
 }
 
-.btn-common {
-  @apply flex text-sm h-10 font-semibold px-xl py-normal items-center justify-center rounded-lg shadow-sm transition-all duration-200 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed;
-}
 .btn-default {
   @apply btn-common bg-button-default hover:opacity-75 text-text-inverse;
 }
@@ -340,9 +339,6 @@ input[type='password'] {
 .btn-alternative {
   @apply btn-common hover:bg-bg-hover text-text-primary border border-border-default;
 }
-.btn-menu-common {
-  @apply flex flex-row items-center px-semi;
-}
 .btn-menu-top {
   @apply btn-menu-common border-b border-border-default pt-small pb-semi;
 }
@@ -354,7 +350,7 @@ input[type='password'] {
 }
 
 .input-default {
-  @apply block h-[36px] text-text-primary placeholder:text-text-placeholder bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start text-sm text-text-primary tracking-normal ring-0 transition-colors duration-500 ease-in-out;
+  @apply block h-[36px] text-text-primary placeholder:text-text-placeholder bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start focus-visible:ring-2 focus-visible:ring-primary/50 text-sm text-text-primary tracking-normal ring-0 transition-colors duration-500 ease-in-out;
 }
 .input-invalid {
   @apply border-bg-error focus:ring-bg-error focus:border-bg-error;
@@ -363,12 +359,9 @@ input[type='password'] {
   @apply focus:border-2 focus:border-border-hover2 focus:bg-bg-hover2;
 }
 .input-otp {
-  @apply bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start text-text-primary ring-0 transition-colors duration-500 ease-in-out;
+  @apply bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start focus-visible:ring-2 focus-visible:ring-primary/50 text-text-primary ring-0 transition-colors duration-500 ease-in-out;
 }
 
-.card-common {
-  @apply text-left px-xl py-large border border-border-default rounded-lg shadow-sm transition-colors duration-500 ease-in-out;
-}
 .card-information {
   @apply card-common hover:opacity-70 hover:shadow-md hover:border-border-selected;
 }
@@ -379,9 +372,6 @@ input[type='password'] {
   @apply flex items-center justify-between rounded-md px-semi py-normal bg-bg-primary mb-normal last:mb-0;
 }
 
-.tag-common {
-  @apply flex min-w-7 px-[10px] py-[2px] leading-5 hover:opacity-70 items-center justify-center;
-}
 .tag-default {
   @apply tag-common bg-bg-hover;
 }