@keenmate/pure-admin-core 1.0.0-rc06 → 1.1.0

package/src/scss/_core.scss

@@ -1,105 +1,105 @@
-/* Pure Admin Visual Framework - Core Styles */
-
-// Forward variables so they're available to files that @use this module
-@forward 'variables/index';
-
-/* ========================================
-   Component Imports
-   Each component is now in its own file for better maintainability
-   ======================================== */
-
-// Base styles and resets
-@use 'core-components/base' as *;
-
-// Scrollbar styling (global)
-@use 'core-components/scrollbars' as *;
-
-// Layout components (header, sidebar, footer, responsive)
-@use 'core-components/layout' as *;
-
-// Grid system and component layouts
-@use 'core-components/grid' as *;
-
-// Card components
-@use 'core-components/cards' as *;
-
-// Tab components
-@use 'core-components/tabs' as *;
-
-// Statistics components
-@use 'core-components/statistics' as *;
-
-// List components
-@use 'core-components/lists' as *;
-
-// Badge components (standard and composite)
-@use 'core-components/badges' as *;
-
-// Button components
-@use 'core-components/buttons' as *;
-
-// Loader animations
-@use 'core-components/loaders' as *;
-
-// Tooltips and popovers
-@use 'core-components/tooltips' as *;
-
-// Alert components
-@use 'core-components/alerts' as *;
-
-// Callout components (documentation-style)
-@use 'core-components/callouts' as *;
-
-// Form elements
-@use 'core-components/forms' as *;
-
-// Web Components Theme Integration (for @keenmate components)
-@use 'core-components/web-components-theme' as *;
-
-// File selector components
-@use 'core-components/file-selector' as *;
-
-// Checkbox lists
-@use 'core-components/checkbox-lists' as *;
-
-// Table components
-@use 'core-components/tables' as *;
-
-// Comparison tables
-@use 'core-components/comparison' as *;
-
-// Code blocks and syntax display
-@use 'core-components/code' as *;
-
-// Pagination and load more
-@use 'core-components/pagers' as *;
-
-// Profile panel
-@use 'core-components/profile' as *;
-
-// Modal windows
-@use 'core-components/modals' as *;
-
-// Toast notifications
-@use 'core-components/toasts' as *;
-
-// Timeline components
-@use 'core-components/timeline' as *;
-
-// Command Palette
-@use 'core-components/command-palette' as *;
-
-// Logic Tree Renderer
-@use 'core-components/logic-tree' as *;
-
-// Notification bell
-@use 'core-components/notifications' as *;
-
-// Popconfirm (anchored confirmation dialogs)
-@use 'core-components/popconfirm' as *;
-
-// Settings Panel
-@use 'core-components/settings-panel' as *;
-
-// Utility classes and helpers
-@use 'core-components/utilities' as *;
+/* Pure Admin Visual Framework - Core Styles */
+
+// Forward variables so they're available to files that @use this module
+@forward 'variables/index';
+
+/* ========================================
+   Component Imports
+   Each component is now in its own file for better maintainability
+   ======================================== */
+
+// Base styles and resets
+@use 'core-components/base' as *;
+
+// Scrollbar styling (global)
+@use 'core-components/scrollbars' as *;
+
+// Layout components (header, sidebar, footer, responsive)
+@use 'core-components/layout' as *;
+
+// Grid system and component layouts
+@use 'core-components/grid' as *;
+
+// Card components
+@use 'core-components/cards' as *;
+
+// Tab components
+@use 'core-components/tabs' as *;
+
+// Statistics components
+@use 'core-components/statistics' as *;
+
+// List components
+@use 'core-components/lists' as *;
+
+// Badge components (standard and composite)
+@use 'core-components/badges' as *;
+
+// Button components
+@use 'core-components/buttons' as *;
+
+// Loader animations
+@use 'core-components/loaders' as *;
+
+// Tooltips and popovers
+@use 'core-components/tooltips' as *;
+
+// Alert components
+@use 'core-components/alerts' as *;
+
+// Callout components (documentation-style)
+@use 'core-components/callouts' as *;
+
+// Form elements
+@use 'core-components/forms' as *;
+
+// Web Components Theme Integration (for @keenmate components)
+@use 'core-components/web-components-theme' as *;
+
+// File selector components
+@use 'core-components/file-selector' as *;
+
+// Checkbox lists
+@use 'core-components/checkbox-lists' as *;
+
+// Table components
+@use 'core-components/tables' as *;
+
+// Comparison tables
+@use 'core-components/comparison' as *;
+
+// Code blocks and syntax display
+@use 'core-components/code' as *;
+
+// Pagination and load more
+@use 'core-components/pagers' as *;
+
+// Profile panel
+@use 'core-components/profile' as *;
+
+// Modal windows
+@use 'core-components/modals' as *;
+
+// Toast notifications
+@use 'core-components/toasts' as *;
+
+// Timeline components
+@use 'core-components/timeline' as *;
+
+// Command Palette
+@use 'core-components/command-palette' as *;
+
+// Logic Tree Renderer
+@use 'core-components/logic-tree' as *;
+
+// Notification bell
+@use 'core-components/notifications' as *;
+
+// Popconfirm (anchored confirmation dialogs)
+@use 'core-components/popconfirm' as *;
+
+// Settings Panel
+@use 'core-components/settings-panel' as *;
+
+// Utility classes and helpers
+@use 'core-components/utilities' as *;

package/src/scss/_fonts.scss

@@ -2,12 +2,6 @@
 
 // Default framework fonts - themes can override these
 
-// Delivery Font (framework default)
-@font-face {
-    font-family: "Delivery";
-    src: url(/fonts/Delivery/Delivery_W_Rg.woff2) format("woff2");
-}
-
 // Font size classes
 .font-size-small {
   font-size: 14px;
@@ -53,14 +47,6 @@
 .font-family-mono {
   font-family: "Courier New", Courier, monospace;
 
-  *, h1, h2, h3, h4, h5, h6, p, div, span, button, input, textarea, select {
-    font-family: inherit;
-  }
-}
-
-.font-family-delivery {
-  font-family: "Delivery", system-ui, sans-serif;
-
   *, h1, h2, h3, h4, h5, h6, p, div, span, button, input, textarea, select {
     font-family: inherit;
   }

package/src/scss/_variables.scss

@@ -1,14 +1,12 @@
-/* Pure Admin Visual Framework - SCSS Variables Only */
-/* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
-
-// ============================================================================
-// BACKWARD COMPATIBILITY AGGREGATOR
-// This file re-exports all variables from the modular variables/ directory.
-// For new code, prefer importing from variables/ directly:
-//   @use 'variables' as *;
-// or specific modules:
-//   @use 'variables/colors' as colors;
-//   @use 'variables/layout' as layout;
-// ============================================================================
-
-@forward 'variables/index';
+/* Pure Admin Visual Framework - SCSS Variables Only */
+/* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
+
+// ============================================================================
+// BACKWARD COMPATIBILITY AGGREGATOR
+// This file imports all variables from the modular variables/ directory.
+// IMPORTANT: We use @import (not @forward) to ensure variables share the global
+// scope. This allows themes to set $base-* variables BEFORE importing this file,
+// and the !default flags will skip already-defined variables.
+// ============================================================================
+
+@import 'variables/index';

package/src/scss/core-components/_alerts.scss

@@ -33,8 +33,8 @@
   }
 
   &--secondary {
-    color: var(--pa-text-secondary);
-    background-color: color-mix(in srgb, var(--pa-text-secondary) 15%, transparent);
+    color: var(--pa-text-color-2);
+    background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
     border-color: var(--pa-border-color);
   }
 
@@ -64,15 +64,15 @@
   }
 
   &--light {
-    color: var(--pa-text-primary);
-    background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
+    color: var(--pa-text-color-1);
+    background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
     border-color: var(--pa-border-color);
   }
 
   &--dark {
-    color: var(--pa-text-primary);
-    background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
-    border-color: color-mix(in srgb, var(--pa-text-primary) 10%, transparent);
+    color: var(--pa-text-color-1);
+    background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
+    border-color: color-mix(in srgb, var(--pa-text-color-1) 10%, transparent);
   }
 
   // Outline variants

package/src/scss/core-components/_base.scss

@@ -83,10 +83,10 @@ figure {
 body {
   margin: 0;
   padding: 0;
-  font-family: $body-font-family;
+  font-family: var(--base-font-family);
   font-size: 1.6rem; // 16px default text (with 10px rem base)
-  color: var(--pa-text-primary);
-  background-color: var(--pa-primary-bg);
+  color: var(--pa-text-color-1);
+  background-color: var(--pa-main-bg);
   line-height: $line-height-base;
   overflow-x: hidden; // Hide horizontal scrollbar when sidebar slides out on mobile
   overflow-y: scroll; // Always show vertical scrollbar gutter to prevent layout shift