@keenmate/pure-admin-theme-minimal 1.0.0-rc05 → 1.0.0-rc06

package/dist/minimal.css

@@ -216,6 +216,28 @@ body.pa-container-2xl .pa-navbar {
   gap: 1.6rem;
 }
 
+.pa-header__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-header__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-header__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
 /* ========================================
    Layout Container
    Main layout wrapper, content areas, sticky/scroll modes
@@ -301,15 +323,44 @@ body.pa-layout--sticky .pa-layout__inner {
 }
 
 .pa-layout__footer {
-  height: 3.2rem;
+  min-height: 3.2rem;
   background-color: var(--pa-footer-bg);
   border-top: 1px solid var(--pa-footer-border-color);
   display: flex;
   align-items: center;
-  padding: 0 1.6rem;
+  padding: 0.4rem 1.6rem;
+  flex-shrink: 0;
+  gap: 1.6rem;
+}
+
+.pa-footer__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
   flex-shrink: 0;
 }
 
+.pa-footer__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-footer__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-footer__right--vertical {
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.4rem;
+}
+
 /* ========================================
    Sidebar Component
    Sidebar navigation with nested submenus
@@ -752,14 +803,6 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   background-color: var(--pa-accent-hover);
 }
 
-.pa-header__nav--left {
-  margin-right: auto;
-}
-
-.pa-header__nav--right {
-  margin-left: auto;
-}
-
 .pa-header__nav-item--has-dropdown {
   position: static;
 }
@@ -3042,6 +3085,7 @@ a.pa-card p {
   border-radius: 8px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--bordered .pa-tabs {
@@ -3061,6 +3105,7 @@ a.pa-card p {
   border-radius: 8px;
   background-color: var(--pa-card-bg);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--card .pa-tabs {
@@ -3186,6 +3231,7 @@ a.pa-card p {
   border-radius: 8px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
@@ -12120,6 +12166,26 @@ html.font-size-4xl {
   column-gap: 2.4rem;
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.self-baseline {
+  align-self: baseline;
+}
+
 .text-2xs {
   font-size: 1rem;
 }
@@ -12203,6 +12269,114 @@ html.font-size-4xl {
   align-items: flex-start;
 }
 
+.pa-bg-color-1 {
+  background-color: var(--pa-color-1);
+}
+
+.pa-text-color-1 {
+  color: var(--pa-color-1);
+}
+
+.pa-border-color-1 {
+  border-color: var(--pa-color-1);
+}
+
+.pa-bg-color-2 {
+  background-color: var(--pa-color-2);
+}
+
+.pa-text-color-2 {
+  color: var(--pa-color-2);
+}
+
+.pa-border-color-2 {
+  border-color: var(--pa-color-2);
+}
+
+.pa-bg-color-3 {
+  background-color: var(--pa-color-3);
+}
+
+.pa-text-color-3 {
+  color: var(--pa-color-3);
+}
+
+.pa-border-color-3 {
+  border-color: var(--pa-color-3);
+}
+
+.pa-bg-color-4 {
+  background-color: var(--pa-color-4);
+}
+
+.pa-text-color-4 {
+  color: var(--pa-color-4);
+}
+
+.pa-border-color-4 {
+  border-color: var(--pa-color-4);
+}
+
+.pa-bg-color-5 {
+  background-color: var(--pa-color-5);
+}
+
+.pa-text-color-5 {
+  color: var(--pa-color-5);
+}
+
+.pa-border-color-5 {
+  border-color: var(--pa-color-5);
+}
+
+.pa-bg-color-6 {
+  background-color: var(--pa-color-6);
+}
+
+.pa-text-color-6 {
+  color: var(--pa-color-6);
+}
+
+.pa-border-color-6 {
+  border-color: var(--pa-color-6);
+}
+
+.pa-bg-color-7 {
+  background-color: var(--pa-color-7);
+}
+
+.pa-text-color-7 {
+  color: var(--pa-color-7);
+}
+
+.pa-border-color-7 {
+  border-color: var(--pa-color-7);
+}
+
+.pa-bg-color-8 {
+  background-color: var(--pa-color-8);
+}
+
+.pa-text-color-8 {
+  color: var(--pa-color-8);
+}
+
+.pa-border-color-8 {
+  border-color: var(--pa-color-8);
+}
+
+.pa-bg-color-9 {
+  background-color: var(--pa-color-9);
+}
+
+.pa-text-color-9 {
+  color: var(--pa-color-9);
+}
+
+.pa-border-color-9 {
+  border-color: var(--pa-color-9);
+}
+
 .m-0 {
   margin: 0 !important;
 }
@@ -14337,15 +14511,15 @@ html.font-size-4xl {
   --pa-multiselect-option-hover-bg: #fafafa;
   --pa-multiselect-pill-bg: rgba(85, 85, 85, 0.05);
   --pa-multiselect-pill-border: #555555;
-  --pa-color-1: transparent;
-  --pa-color-2: transparent;
-  --pa-color-3: transparent;
-  --pa-color-4: transparent;
-  --pa-color-5: transparent;
-  --pa-color-6: transparent;
-  --pa-color-7: transparent;
-  --pa-color-8: transparent;
-  --pa-color-9: transparent;
+  --pa-color-1: #374151;
+  --pa-color-2: #6b7280;
+  --pa-color-3: #059669;
+  --pa-color-4: #d97706;
+  --pa-color-5: #4f46e5;
+  --pa-color-6: #7c3aed;
+  --pa-color-7: #9ca3af;
+  --pa-color-8: #1f2937;
+  --pa-color-9: #db2777;
   --drp-dropdown-bg: #ffffff;
   --drp-border-color: #e8e8e8;
   --drp-primary-bg: #fafafa;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-minimal",
-  "version": "1.0.0-rc05",
+  "version": "1.0.0-rc06",
   "description": "Minimal theme for Pure Admin",
   "style": "dist/minimal.css",
   "exports": {
@@ -19,10 +19,10 @@
   "author": "KeenMate",
   "license": "MIT",
   "peerDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05"
+    "@keenmate/pure-admin-core": "^1.0.0-rc06"
   },
   "devDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05",
+    "@keenmate/pure-admin-core": "^1.0.0-rc06",
     "sass": "^1.70.0"
   },
   "publishConfig": {

package/src/scss/minimal.scss

@@ -1,6 +1,19 @@
 /* Minimal Theme for Pure Admin Visual - Ultra clean, monochrome approach */
 @use 'sass:color';
 
+// =============================================================================
+// THEME COLOR SLOTS (1-9) - Minimal muted palette
+// =============================================================================
+$color-1: #374151;  // Gray 700 (primary)
+$color-2: #6b7280;  // Gray 500 (secondary)
+$color-3: #059669;  // Emerald 600 (muted success)
+$color-4: #d97706;  // Amber 600 (muted warning)
+$color-5: #4f46e5;  // Indigo 600 (accent)
+$color-6: #7c3aed;  // Violet 600 (subtle)
+$color-7: #9ca3af;  // Gray 400 (light)
+$color-8: #1f2937;  // Gray 800 (dark)
+$color-9: #db2777;  // Pink 600 (highlight)
+
 // ============================================================================
 // MINIMAL COLOR PALETTE - Grayscale focused
 // ============================================================================