npm - @keenmate/pure-admin-core - Versions diffs - 2.1.0 → 2.2.0 - Mend

@keenmate/pure-admin-core 2.1.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.md +9 -6
package/dist/css/main.css +661 -7
package/package.json +1 -1
package/scripts/download-themes.js +83 -0
package/snippets/alerts.html +19 -0
package/snippets/cards.html +2 -3
package/src/scss/_fonts.scss +36 -36
package/src/scss/core-components/_alerts.scss +15 -0
package/src/scss/core-components/_buttons.scss +24 -0
package/src/scss/core-components/_callouts.scss +8 -0
package/src/scss/core-components/_cards.scss +1 -6
package/src/scss/core-components/_toasts.scss +93 -0
package/src/scss/core-components/_utilities.scss +362 -362
package/src/scss/core-components/layout/_sidebar.scss +2 -2

package/dist/css/main.css CHANGED Viewed

@@ -3061,7 +3061,7 @@ body.loaded .pa-sidebar__link {
   background-color: var(--pa-accent-light);
 }
 .pa-sidebar__link--active {
-  color: var(--pa-sidebar-text);
+  color: var(--pa-accent);
   background-color: var(--pa-accent-hover);
   border-inline-end-color: var(--pa-accent);
   font-weight: 600;
@@ -3087,7 +3087,7 @@ body.loaded .pa-sidebar__toggle {
   background-color: var(--pa-accent-light);
 }
 .pa-sidebar__toggle--active {
-  color: var(--pa-sidebar-text);
+  color: var(--pa-accent);
   background-color: var(--pa-accent-hover);
 }
 .pa-sidebar__icon {
@@ -5574,14 +5574,10 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   justify-content: space-between;
   align-items: center;
 }
-.pa-card__tools {
-  display: flex;
-  gap: 0.8rem;
-  align-items: center;
-}
 .pa-card__actions {
   display: flex;
   gap: 0.8rem;
+  align-items: center;
 }
 .pa-card__meta {
   color: var(--pa-text-color-2);
@@ -7410,6 +7406,159 @@ a.pa-card p {
   background-color: var(--pa-btn-info-bg);
   color: var(--pa-btn-info-text);
 }
+.pa-btn--color-1 {
+  background-color: var(--pa-color-1);
+  border-color: var(--pa-color-1);
+  color: var(--pa-color-1-text);
+}
+.pa-btn--color-1:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-1 {
+  background-color: transparent;
+  border-color: var(--pa-color-1);
+  color: var(--pa-color-1);
+}
+.pa-btn--outline-color-1:hover {
+  background-color: var(--pa-color-1);
+  color: var(--pa-color-1-text);
+}
+.pa-btn--color-2 {
+  background-color: var(--pa-color-2);
+  border-color: var(--pa-color-2);
+  color: var(--pa-color-2-text);
+}
+.pa-btn--color-2:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-2 {
+  background-color: transparent;
+  border-color: var(--pa-color-2);
+  color: var(--pa-color-2);
+}
+.pa-btn--outline-color-2:hover {
+  background-color: var(--pa-color-2);
+  color: var(--pa-color-2-text);
+}
+.pa-btn--color-3 {
+  background-color: var(--pa-color-3);
+  border-color: var(--pa-color-3);
+  color: var(--pa-color-3-text);
+}
+.pa-btn--color-3:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-3 {
+  background-color: transparent;
+  border-color: var(--pa-color-3);
+  color: var(--pa-color-3);
+}
+.pa-btn--outline-color-3:hover {
+  background-color: var(--pa-color-3);
+  color: var(--pa-color-3-text);
+}
+.pa-btn--color-4 {
+  background-color: var(--pa-color-4);
+  border-color: var(--pa-color-4);
+  color: var(--pa-color-4-text);
+}
+.pa-btn--color-4:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-4 {
+  background-color: transparent;
+  border-color: var(--pa-color-4);
+  color: var(--pa-color-4);
+}
+.pa-btn--outline-color-4:hover {
+  background-color: var(--pa-color-4);
+  color: var(--pa-color-4-text);
+}
+.pa-btn--color-5 {
+  background-color: var(--pa-color-5);
+  border-color: var(--pa-color-5);
+  color: var(--pa-color-5-text);
+}
+.pa-btn--color-5:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-5 {
+  background-color: transparent;
+  border-color: var(--pa-color-5);
+  color: var(--pa-color-5);
+}
+.pa-btn--outline-color-5:hover {
+  background-color: var(--pa-color-5);
+  color: var(--pa-color-5-text);
+}
+.pa-btn--color-6 {
+  background-color: var(--pa-color-6);
+  border-color: var(--pa-color-6);
+  color: var(--pa-color-6-text);
+}
+.pa-btn--color-6:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-6 {
+  background-color: transparent;
+  border-color: var(--pa-color-6);
+  color: var(--pa-color-6);
+}
+.pa-btn--outline-color-6:hover {
+  background-color: var(--pa-color-6);
+  color: var(--pa-color-6-text);
+}
+.pa-btn--color-7 {
+  background-color: var(--pa-color-7);
+  border-color: var(--pa-color-7);
+  color: var(--pa-color-7-text);
+}
+.pa-btn--color-7:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-7 {
+  background-color: transparent;
+  border-color: var(--pa-color-7);
+  color: var(--pa-color-7);
+}
+.pa-btn--outline-color-7:hover {
+  background-color: var(--pa-color-7);
+  color: var(--pa-color-7-text);
+}
+.pa-btn--color-8 {
+  background-color: var(--pa-color-8);
+  border-color: var(--pa-color-8);
+  color: var(--pa-color-8-text);
+}
+.pa-btn--color-8:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-8 {
+  background-color: transparent;
+  border-color: var(--pa-color-8);
+  color: var(--pa-color-8);
+}
+.pa-btn--outline-color-8:hover {
+  background-color: var(--pa-color-8);
+  color: var(--pa-color-8-text);
+}
+.pa-btn--color-9 {
+  background-color: var(--pa-color-9);
+  border-color: var(--pa-color-9);
+  color: var(--pa-color-9-text);
+}
+.pa-btn--color-9:hover {
+  filter: brightness(0.9);
+}
+.pa-btn--outline-color-9 {
+  background-color: transparent;
+  border-color: var(--pa-color-9);
+  color: var(--pa-color-9);
+}
+.pa-btn--outline-color-9:hover {
+  background-color: var(--pa-color-9);
+  color: var(--pa-color-9-text);
+}
 .pa-btn:disabled {
   opacity: 0.65;
   cursor: not-allowed;
@@ -8671,6 +8820,96 @@ a.pa-card p {
   border-color: var(--pa-info-bg);
   background-color: transparent;
 }
+.pa-alert--color-1 {
+  color: var(--pa-color-1-text);
+  background-color: var(--pa-color-1);
+  border-color: var(--pa-color-1);
+}
+.pa-alert--outline-color-1 {
+  color: var(--pa-color-1);
+  border-color: var(--pa-color-1);
+  background-color: transparent;
+}
+.pa-alert--color-2 {
+  color: var(--pa-color-2-text);
+  background-color: var(--pa-color-2);
+  border-color: var(--pa-color-2);
+}
+.pa-alert--outline-color-2 {
+  color: var(--pa-color-2);
+  border-color: var(--pa-color-2);
+  background-color: transparent;
+}
+.pa-alert--color-3 {
+  color: var(--pa-color-3-text);
+  background-color: var(--pa-color-3);
+  border-color: var(--pa-color-3);
+}
+.pa-alert--outline-color-3 {
+  color: var(--pa-color-3);
+  border-color: var(--pa-color-3);
+  background-color: transparent;
+}
+.pa-alert--color-4 {
+  color: var(--pa-color-4-text);
+  background-color: var(--pa-color-4);
+  border-color: var(--pa-color-4);
+}
+.pa-alert--outline-color-4 {
+  color: var(--pa-color-4);
+  border-color: var(--pa-color-4);
+  background-color: transparent;
+}
+.pa-alert--color-5 {
+  color: var(--pa-color-5-text);
+  background-color: var(--pa-color-5);
+  border-color: var(--pa-color-5);
+}
+.pa-alert--outline-color-5 {
+  color: var(--pa-color-5);
+  border-color: var(--pa-color-5);
+  background-color: transparent;
+}
+.pa-alert--color-6 {
+  color: var(--pa-color-6-text);
+  background-color: var(--pa-color-6);
+  border-color: var(--pa-color-6);
+}
+.pa-alert--outline-color-6 {
+  color: var(--pa-color-6);
+  border-color: var(--pa-color-6);
+  background-color: transparent;
+}
+.pa-alert--color-7 {
+  color: var(--pa-color-7-text);
+  background-color: var(--pa-color-7);
+  border-color: var(--pa-color-7);
+}
+.pa-alert--outline-color-7 {
+  color: var(--pa-color-7);
+  border-color: var(--pa-color-7);
+  background-color: transparent;
+}
+.pa-alert--color-8 {
+  color: var(--pa-color-8-text);
+  background-color: var(--pa-color-8);
+  border-color: var(--pa-color-8);
+}
+.pa-alert--outline-color-8 {
+  color: var(--pa-color-8);
+  border-color: var(--pa-color-8);
+  background-color: transparent;
+}
+.pa-alert--color-9 {
+  color: var(--pa-color-9-text);
+  background-color: var(--pa-color-9);
+  border-color: var(--pa-color-9);
+}
+.pa-alert--outline-color-9 {
+  color: var(--pa-color-9);
+  border-color: var(--pa-color-9);
+  background-color: transparent;
+}
 .pa-alert--sm {
   padding: 1.2rem 1rem;
   font-size: 1.4rem;
@@ -8796,6 +9035,42 @@ a.pa-card p {
   border-inline-start-color: var(--pa-info-bg);
   background-color: var(--pa-info-bg-subtle);
 }
+.pa-callout--color-1 {
+  border-inline-start-color: var(--pa-color-1);
+  background-color: color-mix(in srgb, var(--pa-color-1) 10%, transparent);
+}
+.pa-callout--color-2 {
+  border-inline-start-color: var(--pa-color-2);
+  background-color: color-mix(in srgb, var(--pa-color-2) 10%, transparent);
+}
+.pa-callout--color-3 {
+  border-inline-start-color: var(--pa-color-3);
+  background-color: color-mix(in srgb, var(--pa-color-3) 10%, transparent);
+}
+.pa-callout--color-4 {
+  border-inline-start-color: var(--pa-color-4);
+  background-color: color-mix(in srgb, var(--pa-color-4) 10%, transparent);
+}
+.pa-callout--color-5 {
+  border-inline-start-color: var(--pa-color-5);
+  background-color: color-mix(in srgb, var(--pa-color-5) 10%, transparent);
+}
+.pa-callout--color-6 {
+  border-inline-start-color: var(--pa-color-6);
+  background-color: color-mix(in srgb, var(--pa-color-6) 10%, transparent);
+}
+.pa-callout--color-7 {
+  border-inline-start-color: var(--pa-color-7);
+  background-color: color-mix(in srgb, var(--pa-color-7) 10%, transparent);
+}
+.pa-callout--color-8 {
+  border-inline-start-color: var(--pa-color-8);
+  background-color: color-mix(in srgb, var(--pa-color-8) 10%, transparent);
+}
+.pa-callout--color-9 {
+  border-inline-start-color: var(--pa-color-9);
+  background-color: color-mix(in srgb, var(--pa-color-9) 10%, transparent);
+}
 .pa-callout--sm {
   padding: 0.8rem 1.2rem;
   font-size: 1.2rem;
@@ -12614,6 +12889,385 @@ code {
   color: var(--pa-btn-info-bg);
 }
+.pa-toast--color-1 {
+  border-color: var(--pa-color-1);
+}
+.pa-toast--color-1 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-1) 15%, transparent);
+  color: var(--pa-color-1);
+}
+.pa-toast--color-1 .pa-toast__progress {
+  color: var(--pa-color-1);
+}
+.pa-toast--color-2 {
+  border-color: var(--pa-color-2);
+}
+.pa-toast--color-2 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-2) 15%, transparent);
+  color: var(--pa-color-2);
+}
+.pa-toast--color-2 .pa-toast__progress {
+  color: var(--pa-color-2);
+}
+.pa-toast--color-3 {
+  border-color: var(--pa-color-3);
+}
+.pa-toast--color-3 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-3) 15%, transparent);
+  color: var(--pa-color-3);
+}
+.pa-toast--color-3 .pa-toast__progress {
+  color: var(--pa-color-3);
+}
+.pa-toast--color-4 {
+  border-color: var(--pa-color-4);
+}
+.pa-toast--color-4 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-4) 15%, transparent);
+  color: var(--pa-color-4);
+}
+.pa-toast--color-4 .pa-toast__progress {
+  color: var(--pa-color-4);
+}
+.pa-toast--color-5 {
+  border-color: var(--pa-color-5);
+}
+.pa-toast--color-5 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-5) 15%, transparent);
+  color: var(--pa-color-5);
+}
+.pa-toast--color-5 .pa-toast__progress {
+  color: var(--pa-color-5);
+}
+.pa-toast--color-6 {
+  border-color: var(--pa-color-6);
+}
+.pa-toast--color-6 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-6) 15%, transparent);
+  color: var(--pa-color-6);
+}
+.pa-toast--color-6 .pa-toast__progress {
+  color: var(--pa-color-6);
+}
+.pa-toast--color-7 {
+  border-color: var(--pa-color-7);
+}
+.pa-toast--color-7 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-7) 15%, transparent);
+  color: var(--pa-color-7);
+}
+.pa-toast--color-7 .pa-toast__progress {
+  color: var(--pa-color-7);
+}
+.pa-toast--color-8 {
+  border-color: var(--pa-color-8);
+}
+.pa-toast--color-8 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-8) 15%, transparent);
+  color: var(--pa-color-8);
+}
+.pa-toast--color-8 .pa-toast__progress {
+  color: var(--pa-color-8);
+}
+.pa-toast--color-9 {
+  border-color: var(--pa-color-9);
+}
+.pa-toast--color-9 .pa-toast__icon {
+  background-color: color-mix(in srgb, var(--pa-color-9) 15%, transparent);
+  color: var(--pa-color-9);
+}
+.pa-toast--color-9 .pa-toast__progress {
+  color: var(--pa-color-9);
+}
+.pa-toast--filled-primary {
+  background-color: var(--pa-btn-primary-bg);
+  border-color: var(--pa-btn-primary-bg);
+  color: var(--pa-btn-primary-text);
+}
+.pa-toast--filled-primary .pa-toast__title,
+.pa-toast--filled-primary .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-primary .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-primary .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-primary .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-success {
+  background-color: var(--pa-btn-success-bg);
+  border-color: var(--pa-btn-success-bg);
+  color: var(--pa-btn-success-text);
+}
+.pa-toast--filled-success .pa-toast__title,
+.pa-toast--filled-success .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-success .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-success .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-success .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-danger {
+  background-color: var(--pa-btn-danger-bg);
+  border-color: var(--pa-btn-danger-bg);
+  color: var(--pa-btn-danger-text);
+}
+.pa-toast--filled-danger .pa-toast__title,
+.pa-toast--filled-danger .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-danger .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-danger .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-danger .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-warning {
+  background-color: var(--pa-btn-warning-bg);
+  border-color: var(--pa-btn-warning-bg);
+  color: var(--pa-btn-warning-text);
+}
+.pa-toast--filled-warning .pa-toast__title,
+.pa-toast--filled-warning .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-warning .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-warning .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-warning .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-info {
+  background-color: var(--pa-btn-info-bg);
+  border-color: var(--pa-btn-info-bg);
+  color: var(--pa-btn-info-text);
+}
+.pa-toast--filled-info .pa-toast__title,
+.pa-toast--filled-info .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-info .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-info .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-info .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-1 {
+  background-color: var(--pa-color-1);
+  border-color: var(--pa-color-1);
+  color: var(--pa-color-1-text);
+}
+.pa-toast--filled-color-1 .pa-toast__title,
+.pa-toast--filled-color-1 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-1 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-1 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-1 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-2 {
+  background-color: var(--pa-color-2);
+  border-color: var(--pa-color-2);
+  color: var(--pa-color-2-text);
+}
+.pa-toast--filled-color-2 .pa-toast__title,
+.pa-toast--filled-color-2 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-2 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-2 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-2 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-3 {
+  background-color: var(--pa-color-3);
+  border-color: var(--pa-color-3);
+  color: var(--pa-color-3-text);
+}
+.pa-toast--filled-color-3 .pa-toast__title,
+.pa-toast--filled-color-3 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-3 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-3 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-3 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-4 {
+  background-color: var(--pa-color-4);
+  border-color: var(--pa-color-4);
+  color: var(--pa-color-4-text);
+}
+.pa-toast--filled-color-4 .pa-toast__title,
+.pa-toast--filled-color-4 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-4 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-4 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-4 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-5 {
+  background-color: var(--pa-color-5);
+  border-color: var(--pa-color-5);
+  color: var(--pa-color-5-text);
+}
+.pa-toast--filled-color-5 .pa-toast__title,
+.pa-toast--filled-color-5 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-5 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-5 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-5 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-6 {
+  background-color: var(--pa-color-6);
+  border-color: var(--pa-color-6);
+  color: var(--pa-color-6-text);
+}
+.pa-toast--filled-color-6 .pa-toast__title,
+.pa-toast--filled-color-6 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-6 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-6 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-6 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-7 {
+  background-color: var(--pa-color-7);
+  border-color: var(--pa-color-7);
+  color: var(--pa-color-7-text);
+}
+.pa-toast--filled-color-7 .pa-toast__title,
+.pa-toast--filled-color-7 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-7 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-7 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-7 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-8 {
+  background-color: var(--pa-color-8);
+  border-color: var(--pa-color-8);
+  color: var(--pa-color-8-text);
+}
+.pa-toast--filled-color-8 .pa-toast__title,
+.pa-toast--filled-color-8 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-8 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-8 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-8 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
+.pa-toast--filled-color-9 {
+  background-color: var(--pa-color-9);
+  border-color: var(--pa-color-9);
+  color: var(--pa-color-9-text);
+}
+.pa-toast--filled-color-9 .pa-toast__title,
+.pa-toast--filled-color-9 .pa-toast__message {
+  color: inherit;
+}
+.pa-toast--filled-color-9 .pa-toast__icon {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+.pa-toast--filled-color-9 .pa-toast__close {
+  color: inherit;
+}
+.pa-toast--filled-color-9 .pa-toast__progress {
+  color: rgba(255, 255, 255, 0.5);
+}
 @media (max-width: 768px) {
   .pa-toast-container {
     inset-inline: 1.2rem !important;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-core",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Lightweight, data-focused HTML/CSS admin framework built with PureCSS foundation and comprehensive component system",
   "style": "dist/css/main.css",
   "exports": {