@keenmate/pure-admin-core 2.3.1 → 2.3.2

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 (69) hide show
  1. package/README.md +5 -5
  2. package/dist/css/main.css +187 -178
  3. package/package.json +1 -1
  4. package/snippets/buttons.html +375 -365
  5. package/src/scss/_base-css-variables.scss +8 -0
  6. package/src/scss/_core.scss +121 -121
  7. package/src/scss/core-components/_alerts.scss +227 -227
  8. package/src/scss/core-components/_badges.scss +16 -16
  9. package/src/scss/core-components/_base.scss +125 -125
  10. package/src/scss/core-components/_buttons.scss +31 -16
  11. package/src/scss/core-components/_callouts.scss +152 -152
  12. package/src/scss/core-components/_cards.scss +488 -488
  13. package/src/scss/core-components/_checkbox-lists.scss +289 -289
  14. package/src/scss/core-components/_code.scss +141 -141
  15. package/src/scss/core-components/_command-palette.scss +509 -509
  16. package/src/scss/core-components/_comparison.scss +172 -172
  17. package/src/scss/core-components/_data-display.scss +9 -9
  18. package/src/scss/core-components/_data-viz.scss +9 -9
  19. package/src/scss/core-components/_detail-panel.scss +1 -1
  20. package/src/scss/core-components/_file-selector.scss +780 -780
  21. package/src/scss/core-components/_filter-card.scss +58 -58
  22. package/src/scss/core-components/_forms.scss +16 -16
  23. package/src/scss/core-components/_grid.scss +293 -293
  24. package/src/scss/core-components/_layout.scss +15 -15
  25. package/src/scss/core-components/_lists.scss +211 -211
  26. package/src/scss/core-components/_loaders.scss +277 -277
  27. package/src/scss/core-components/_logic-tree.scss +280 -280
  28. package/src/scss/core-components/_modals.scss +203 -203
  29. package/src/scss/core-components/_notifications.scss +320 -320
  30. package/src/scss/core-components/_pagers.scss +141 -141
  31. package/src/scss/core-components/_popconfirm.scss +170 -170
  32. package/src/scss/core-components/_profile.scss +405 -405
  33. package/src/scss/core-components/_scrollbars.scss +40 -40
  34. package/src/scss/core-components/_settings-panel.scss +141 -141
  35. package/src/scss/core-components/_statistics.scss +200 -201
  36. package/src/scss/core-components/_tables.scss +900 -900
  37. package/src/scss/core-components/_tabs.scss +504 -504
  38. package/src/scss/core-components/_timeline.scss +589 -589
  39. package/src/scss/core-components/_toasts.scss +425 -425
  40. package/src/scss/core-components/_tooltips.scss +605 -605
  41. package/src/scss/core-components/_utilities.scss +1 -1
  42. package/src/scss/core-components/_web-components-theme.scss +21 -21
  43. package/src/scss/core-components/badges/_badge-base.scss +121 -121
  44. package/src/scss/core-components/badges/_badge-group.scss +25 -25
  45. package/src/scss/core-components/badges/_composite-badge-variants.scss +396 -396
  46. package/src/scss/core-components/badges/_composite-badge.scss +70 -70
  47. package/src/scss/core-components/badges/_index.scss +10 -10
  48. package/src/scss/core-components/badges/_labels.scss +155 -155
  49. package/src/scss/core-components/forms/_checkboxes-radios.scss +205 -205
  50. package/src/scss/core-components/forms/_form-inputs.scss +3 -3
  51. package/src/scss/core-components/forms/_form-layout.scss +66 -66
  52. package/src/scss/core-components/forms/_form-states.scss +115 -115
  53. package/src/scss/core-components/forms/_index.scss +12 -12
  54. package/src/scss/core-components/forms/_input-groups.scss +154 -154
  55. package/src/scss/core-components/forms/_input-wrapper.scss +89 -89
  56. package/src/scss/core-components/forms/_query-editor.scss +313 -313
  57. package/src/scss/core-components/layout/_index.scss +11 -11
  58. package/src/scss/core-components/layout/_layout-container.scss +168 -168
  59. package/src/scss/core-components/layout/_layout-responsive.scss +99 -99
  60. package/src/scss/core-components/layout/_navbar-elements.scss +250 -250
  61. package/src/scss/core-components/layout/_navbar.scss +83 -83
  62. package/src/scss/core-components/layout/_sidebar-states.scss +237 -237
  63. package/src/scss/core-components/layout/_sidebar.scss +234 -234
  64. package/src/scss/main.scss +7 -7
  65. package/src/scss/utilities.scss +740 -740
  66. package/src/scss/variables/_base.scss +228 -228
  67. package/src/scss/variables/_components.scss +748 -748
  68. package/src/scss/variables/_layout.scss +65 -65
  69. package/src/scss/variables/_typography.scss +37 -37
@@ -281,6 +281,7 @@
281
281
  --pa-btn-secondary-bg: #{$btn-secondary-bg};
282
282
  --pa-btn-secondary-bg-hover: #{$btn-secondary-bg-hover};
283
283
  --pa-btn-secondary-text: #{$btn-secondary-text};
284
+ --pa-btn-secondary-outline-color: #{$btn-secondary-text};
284
285
 
285
286
  // Success
286
287
  --pa-btn-success-bg: #{$btn-success-bg};
@@ -495,4 +496,11 @@
495
496
  --pa-color-7-text: #{$color-7-text};
496
497
  --pa-color-8-text: #{$color-8-text};
497
498
  --pa-color-9-text: #{$color-9-text};
499
+
500
+ // =========================================================================
501
+ // STRUCTURAL (themeable via CSS variables)
502
+ // =========================================================================
503
+ --pa-border-radius-sm: #{$border-radius-sm};
504
+ --pa-border-radius: #{$border-radius};
505
+ --pa-border-radius-lg: #{$border-radius-lg};
498
506
  }
@@ -1,121 +1,121 @@
1
- /* Pure Admin Visual Framework - Core Styles */
2
-
3
- // Forward variables so they're available to files that @use this module
4
- @forward 'variables/index';
5
-
6
- // RTL (Right-to-Left) helper mixins
7
- // Provides mixins for transforms, rotations, and complex positioning in RTL
8
- @use 'rtl-helpers' as *;
9
-
10
- /* ========================================
11
- Component Imports
12
- Each component is now in its own file for better maintainability
13
- ======================================== */
14
-
15
- // Base styles and resets
16
- @use 'core-components/base' as *;
17
-
18
- // Scrollbar styling (global)
19
- @use 'core-components/scrollbars' as *;
20
-
21
- // Layout components (header, sidebar, footer, responsive)
22
- @use 'core-components/layout' as *;
23
-
24
- // Grid system and component layouts
25
- @use 'core-components/grid' as *;
26
-
27
- // Card components
28
- @use 'core-components/cards' as *;
29
-
30
- // Tab components
31
- @use 'core-components/tabs' as *;
32
-
33
- // Statistics components
34
- @use 'core-components/statistics' as *;
35
-
36
- // List components
37
- @use 'core-components/lists' as *;
38
-
39
- // Badge components (standard and composite)
40
- @use 'core-components/badges' as *;
41
-
42
- // Button components
43
- @use 'core-components/buttons' as *;
44
-
45
- // Loader animations
46
- @use 'core-components/loaders' as *;
47
-
48
- // Tooltips and popovers
49
- @use 'core-components/tooltips' as *;
50
-
51
- // Alert components
52
- @use 'core-components/alerts' as *;
53
-
54
- // Callout components (documentation-style)
55
- @use 'core-components/callouts' as *;
56
-
57
- // Form elements
58
- @use 'core-components/forms' as *;
59
-
60
- // Web Components Theme Integration (for @keenmate components)
61
- @use 'core-components/web-components-theme' as *;
62
-
63
- // File selector components
64
- @use 'core-components/file-selector' as *;
65
-
66
- // Checkbox lists
67
- @use 'core-components/checkbox-lists' as *;
68
-
69
- // Table components
70
- @use 'core-components/tables' as *;
71
-
72
- // Filter card (expandable table filters)
73
- @use 'core-components/filter-card' as *;
74
-
75
- // Comparison tables
76
- @use 'core-components/comparison' as *;
77
-
78
- // Code blocks and syntax display
79
- @use 'core-components/code' as *;
80
-
81
- // Pagination and load more
82
- @use 'core-components/pagers' as *;
83
-
84
- // Profile panel
85
- @use 'core-components/profile' as *;
86
-
87
- // Modal windows
88
- @use 'core-components/modals' as *;
89
-
90
- // Toast notifications
91
- @use 'core-components/toasts' as *;
92
-
93
- // Timeline components
94
- @use 'core-components/timeline' as *;
95
-
96
- // Command Palette
97
- @use 'core-components/command-palette' as *;
98
-
99
- // Logic Tree Renderer
100
- @use 'core-components/logic-tree' as *;
101
-
102
- // Notification bell
103
- @use 'core-components/notifications' as *;
104
-
105
- // Popconfirm (anchored confirmation dialogs)
106
- @use 'core-components/popconfirm' as *;
107
-
108
- // Detail Panel
109
- @use 'core-components/detail-panel' as *;
110
-
111
- // Settings Panel
112
- @use 'core-components/settings-panel' as *;
113
-
114
- // Data Display (read-only fields)
115
- @use 'core-components/data-display' as *;
116
-
117
- // Data Visualization (progress bars, rings, gauges, heatmaps, sparklines)
118
- @use 'core-components/data-viz' as *;
119
-
120
- // Utility classes and helpers
121
- @use 'core-components/utilities' as *;
1
+ /* Pure Admin Visual Framework - Core Styles */
2
+
3
+ // Forward variables so they're available to files that @use this module
4
+ @forward 'variables/index';
5
+
6
+ // RTL (Right-to-Left) helper mixins
7
+ // Provides mixins for transforms, rotations, and complex positioning in RTL
8
+ @use 'rtl-helpers' as *;
9
+
10
+ /* ========================================
11
+ Component Imports
12
+ Each component is now in its own file for better maintainability
13
+ ======================================== */
14
+
15
+ // Base styles and resets
16
+ @use 'core-components/base' as *;
17
+
18
+ // Scrollbar styling (global)
19
+ @use 'core-components/scrollbars' as *;
20
+
21
+ // Layout components (header, sidebar, footer, responsive)
22
+ @use 'core-components/layout' as *;
23
+
24
+ // Grid system and component layouts
25
+ @use 'core-components/grid' as *;
26
+
27
+ // Card components
28
+ @use 'core-components/cards' as *;
29
+
30
+ // Tab components
31
+ @use 'core-components/tabs' as *;
32
+
33
+ // Statistics components
34
+ @use 'core-components/statistics' as *;
35
+
36
+ // List components
37
+ @use 'core-components/lists' as *;
38
+
39
+ // Badge components (standard and composite)
40
+ @use 'core-components/badges' as *;
41
+
42
+ // Button components
43
+ @use 'core-components/buttons' as *;
44
+
45
+ // Loader animations
46
+ @use 'core-components/loaders' as *;
47
+
48
+ // Tooltips and popovers
49
+ @use 'core-components/tooltips' as *;
50
+
51
+ // Alert components
52
+ @use 'core-components/alerts' as *;
53
+
54
+ // Callout components (documentation-style)
55
+ @use 'core-components/callouts' as *;
56
+
57
+ // Form elements
58
+ @use 'core-components/forms' as *;
59
+
60
+ // Web Components Theme Integration (for @keenmate components)
61
+ @use 'core-components/web-components-theme' as *;
62
+
63
+ // File selector components
64
+ @use 'core-components/file-selector' as *;
65
+
66
+ // Checkbox lists
67
+ @use 'core-components/checkbox-lists' as *;
68
+
69
+ // Table components
70
+ @use 'core-components/tables' as *;
71
+
72
+ // Filter card (expandable table filters)
73
+ @use 'core-components/filter-card' as *;
74
+
75
+ // Comparison tables
76
+ @use 'core-components/comparison' as *;
77
+
78
+ // Code blocks and syntax display
79
+ @use 'core-components/code' as *;
80
+
81
+ // Pagination and load more
82
+ @use 'core-components/pagers' as *;
83
+
84
+ // Profile panel
85
+ @use 'core-components/profile' as *;
86
+
87
+ // Modal windows
88
+ @use 'core-components/modals' as *;
89
+
90
+ // Toast notifications
91
+ @use 'core-components/toasts' as *;
92
+
93
+ // Timeline components
94
+ @use 'core-components/timeline' as *;
95
+
96
+ // Command Palette
97
+ @use 'core-components/command-palette' as *;
98
+
99
+ // Logic Tree Renderer
100
+ @use 'core-components/logic-tree' as *;
101
+
102
+ // Notification bell
103
+ @use 'core-components/notifications' as *;
104
+
105
+ // Popconfirm (anchored confirmation dialogs)
106
+ @use 'core-components/popconfirm' as *;
107
+
108
+ // Detail Panel
109
+ @use 'core-components/detail-panel' as *;
110
+
111
+ // Settings Panel
112
+ @use 'core-components/settings-panel' as *;
113
+
114
+ // Data Display (read-only fields)
115
+ @use 'core-components/data-display' as *;
116
+
117
+ // Data Visualization (progress bars, rings, gauges, heatmaps, sparklines)
118
+ @use 'core-components/data-viz' as *;
119
+
120
+ // Utility classes and helpers
121
+ @use 'core-components/utilities' as *;