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

package/dist/express.css

@@ -279,6 +279,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
@@ -364,15 +386,44 @@ body.pa-layout--sticky .pa-layout__inner {
 }
 
 .pa-layout__footer {
-  height: 4.8rem;
+  min-height: 4.8rem;
   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
@@ -815,14 +866,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;
 }
@@ -3105,6 +3148,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 {
@@ -3124,6 +3168,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 {
@@ -3249,6 +3294,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 {
@@ -12183,6 +12229,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;
 }
@@ -12266,6 +12332,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;
 }
@@ -14506,15 +14680,15 @@ html.font-size-4xl {
   --pa-multiselect-option-hover-bg: #F2F2F2;
   --pa-multiselect-pill-bg: rgba(212, 5, 17, 0.06);
   --pa-multiselect-pill-border: #D40511;
-  --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: #D40511;
+  --pa-color-2: #FFCC00;
+  --pa-color-3: #ff6b00;
+  --pa-color-4: #00a651;
+  --pa-color-5: #0066cc;
+  --pa-color-6: #6b3fa0;
+  --pa-color-7: #8C8C8C;
+  --pa-color-8: #333333;
+  --pa-color-9: #00b4d8;
   --drp-dropdown-bg: #ffffff;
   --drp-border-color: #E5E5E5;
   --drp-primary-bg: #F2F2F2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-express",
-  "version": "1.0.0-rc05",
+  "version": "1.0.0-rc06",
   "description": "Express theme for Pure Admin",
   "style": "dist/express.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/express.scss

@@ -1,6 +1,19 @@
 /* Express Theme - Bold yellow and red palette inspired by logistics brands */
 @use 'sass:color';
 
+// =============================================================================
+// THEME COLOR SLOTS (1-9) - Express logistics palette
+// =============================================================================
+$color-1: #D40511;  // Express Red (primary)
+$color-2: #FFCC00;  // Express Yellow (brand)
+$color-3: #ff6b00;  // Orange (urgent)
+$color-4: #00a651;  // Green (delivered)
+$color-5: #0066cc;  // Blue (tracking)
+$color-6: #6b3fa0;  // Purple (premium)
+$color-7: #8C8C8C;  // Gray (neutral)
+$color-8: #333333;  // Dark (contrast)
+$color-9: #00b4d8;  // Cyan (info)
+
 // ============================================================================
 // EXPRESS COLOR PALETTE
 // ============================================================================