azion-theme 1.5.3 → 1.5.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.5.5](https://github.com/aziontech/azion-theme/compare/v1.5.4...v1.5.5) (2024-08-07)
+
+### Bug Fixes
+
+* tags dark/light variables + primary color on light mode ([b83c5d6](https://github.com/aziontech/azion-theme/commit/b83c5d67342482f8ff92c231622a0184087c4674))
+
+## [1.5.4](https://github.com/aziontech/azion-theme/compare/v1.5.3...v1.5.4) (2024-08-07)
+
+### Bug Fixes
+
+* button secondary color priority ([0d0f457](https://github.com/aziontech/azion-theme/commit/0d0f457c4a54394a7a2f2526ea8449b5b0c5a055))
+
 ## [1.5.3](https://github.com/aziontech/azion-theme/compare/v1.5.2...v1.5.3) (2024-08-07)
 
 ### Bug Fixes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "azion-theme",
   "type": "module",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "author": "aziontech",
   "contributors": [
     {

package/src/azion/_variables.scss

@@ -46,7 +46,7 @@ $colors: (
   "bluegray": #607d8b,
   "purple": #9c27b0,
   "red": #ff4032,
-  "primary": #f4f4f4,
+  "primary": #2b2b2b,
 );
 
 @import "./variables/general";
@@ -215,6 +215,14 @@ $colors: (
     0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
     0px 0px 0px 1px #3c3c3c;
   --horizontal-menu-bg: #1c1c1c;
+  --p-tag-background: #ff6c4729;
+  --p-tag-color: #ff6c47;
+  --p-tag-success-background: #16a34a33;
+  --p-tag-success-color: #39e478;
+  --p-tag-warning-background: #ffb64d33;
+  --p-tag-warning-color: #ffb64d;
+  --p-tag-danger-background: #f53d3d33;
+  --p-tag-danger-color: #f53d3d;
 }
 
 :root.azion.azion-light {
@@ -225,7 +233,7 @@ $colors: (
   --text-color-link: #3265cb;
   --text-color-link-hover: #2851a4;
 
-  --primary-color: #f4f4f4;
+  --primary-color: #2b2b2b;
   --primary-dark-color: #000;
   --primary-darker-color: #000;
   --primary-text-color: #f4f4f4;
@@ -363,4 +371,12 @@ $colors: (
   --overlay-menu-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04),
     0px 0px 0px 1px #e7e7e7;
   --horizontal-menu-bg: #f8f9fa;
+  --p-tag-background: #ff6c4729;
+  --p-tag-color: #ff6c47;
+  --p-tag-success-background: #16a34a33;
+  --p-tag-success-color: #16a34a;
+  --p-tag-warning-background: #c5970733;
+  --p-tag-warning-color: #c59707;
+  --p-tag-danger-background: #ef404033;
+  --p-tag-danger-color: #ef4040;
 }

package/src/azion/extended-components/_checkbox.scss

@@ -4,9 +4,6 @@
     border: 2px solid var(--surface-border) !important;
     .p-checkbox-icon {
       color: white !important;
-
-      &.p-icon {
-      }
     }
 
     &.p-highlight {
@@ -37,22 +34,3 @@
     @include invalid-input();
   }
 }
-
-.p-input-filled {
-  .p-checkbox {
-    .p-checkbox-box {
-      &.p-highlight {
-      }
-    }
-
-    &:not(.p-checkbox-disabled) {
-      .p-checkbox-box {
-        &:hover {
-        }
-
-        &.p-highlight:hover {
-        }
-      }
-    }
-  }
-}

package/src/azion/extended-components/_tag.scss

@@ -1,17 +1,22 @@
 // Custom Tag
-@use 'sass:math';
+@use "sass:math";
 
 .p-tag {
-  background: #ff6c4729 !important;
-  color: #ff6c47 !important;
+  background: var(--p-tag-background) !important;
+  color: var(--p-tag-color) !important;
   font-size: 0.75rem !important;
   font-weight: 500 !important;
   letter-spacing: 0.01rem;
   padding: $tagPadding;
 
-  &.p-tag-success {
-    background-color: #16a34a33 !important;
-    color: #39e478 !important;
+  .p-tag-icon {
+    margin-right: math.div($inlineSpacing, 2);
+    font-size: $badgeFontSize;
+
+    &.p-icon {
+      width: $badgeFontSize;
+      height: $badgeFontSize;
+    }
   }
 
   &.p-tag-info {
@@ -20,23 +25,18 @@
     box-shadow: 0px 0px 0px 1px var(--surface-border) !important;
   }
 
-  &.p-tag-warning {
-    background-color: #ffb64d33 !important;
-    color: #ffb64d !important;
+  &.p-tag-success {
+    background-color: var(--p-tag-success-background) !important;
+    color: var(--p-tag-success-color) !important;
   }
 
-  &.p-tag-danger {
-    background-color: #f53d3d33 !important;
-    color: #f53d3d !important;
+  &.p-tag-warning {
+    background-color: var(--p-tag-warning-background) !important;
+    color: var(--p-tag-warning-color) !important;
   }
 
-  .p-tag-icon {
-    margin-right: math.div($inlineSpacing, 2);
-    font-size: $badgeFontSize;
-
-    &.p-icon {
-      width: $badgeFontSize;
-      height: $badgeFontSize;
-    }
+  &.p-tag-danger {
+    background-color: var(--p-tag-danger-background) !important;
+    color: var(--p-tag-danger-color) !important;
   }
 }

package/src/azion/extended-components/_toast.scss

@@ -4,64 +4,6 @@
     .p-toast-message-content {
       background: var(--surface-card) !important;
       border-radius: $borderRadius !important;
-      .p-toast-message-text {
-      }
-
-      .p-toast-message-icon {
-        &.p-icon {
-        }
-      }
-
-      .p-toast-summary {
-      }
-
-      .p-toast-detail {
-      }
-    }
-
-    .p-toast-icon-close {
-      border: 1px solid var(--surface-border) !important;
-
-      &:hover {
-      }
-
-      &:focus-visible {
-      }
-    }
-
-    &.p-toast-message-info {
-      background: var(--surface-section) !important;
-
-      .p-toast-message-icon {
-      }
-      .p-toast-icon-close {
-      }
-    }
-
-    &.p-toast-message-success {
-      background: var(--surface-section) !important;
-
-      .p-toast-message-icon {
-      }
-      .p-toast-icon-close {
-      }
-    }
-
-    &.p-toast-message-warn {
-      background: var(--surface-section) !important;
-
-      .p-toast-message-icon {
-      }
-      .p-toast-icon-close {
-      }
-    }
-
-    &.p-toast-message-error {
-      background: var(--surface-section) !important;
-      .p-toast-message-icon {
-      }
-      .p-toast-icon-close {
-      }
     }
   }
 }

package/src/azion/variables/_button.scss

@@ -87,7 +87,7 @@ $secondaryButtonBg: var(--secondary-button-bg);
 
 /// Text color of a secondary button
 /// @group button
-$secondaryButtonTextColor: var(--secondary-button-text-color);
+$secondaryButtonTextColor: var(--secondary-button-text-color) !important;
 
 /// Border of a secondary button
 /// @group button