@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.
- package/README.md +5 -5
- package/dist/css/main.css +187 -178
- package/package.json +1 -1
- package/snippets/buttons.html +375 -365
- package/src/scss/_base-css-variables.scss +8 -0
- package/src/scss/_core.scss +121 -121
- package/src/scss/core-components/_alerts.scss +227 -227
- package/src/scss/core-components/_badges.scss +16 -16
- package/src/scss/core-components/_base.scss +125 -125
- package/src/scss/core-components/_buttons.scss +31 -16
- package/src/scss/core-components/_callouts.scss +152 -152
- package/src/scss/core-components/_cards.scss +488 -488
- package/src/scss/core-components/_checkbox-lists.scss +289 -289
- package/src/scss/core-components/_code.scss +141 -141
- package/src/scss/core-components/_command-palette.scss +509 -509
- package/src/scss/core-components/_comparison.scss +172 -172
- package/src/scss/core-components/_data-display.scss +9 -9
- package/src/scss/core-components/_data-viz.scss +9 -9
- package/src/scss/core-components/_detail-panel.scss +1 -1
- package/src/scss/core-components/_file-selector.scss +780 -780
- package/src/scss/core-components/_filter-card.scss +58 -58
- package/src/scss/core-components/_forms.scss +16 -16
- package/src/scss/core-components/_grid.scss +293 -293
- package/src/scss/core-components/_layout.scss +15 -15
- package/src/scss/core-components/_lists.scss +211 -211
- package/src/scss/core-components/_loaders.scss +277 -277
- package/src/scss/core-components/_logic-tree.scss +280 -280
- package/src/scss/core-components/_modals.scss +203 -203
- package/src/scss/core-components/_notifications.scss +320 -320
- package/src/scss/core-components/_pagers.scss +141 -141
- package/src/scss/core-components/_popconfirm.scss +170 -170
- package/src/scss/core-components/_profile.scss +405 -405
- package/src/scss/core-components/_scrollbars.scss +40 -40
- package/src/scss/core-components/_settings-panel.scss +141 -141
- package/src/scss/core-components/_statistics.scss +200 -201
- package/src/scss/core-components/_tables.scss +900 -900
- package/src/scss/core-components/_tabs.scss +504 -504
- package/src/scss/core-components/_timeline.scss +589 -589
- package/src/scss/core-components/_toasts.scss +425 -425
- package/src/scss/core-components/_tooltips.scss +605 -605
- package/src/scss/core-components/_utilities.scss +1 -1
- package/src/scss/core-components/_web-components-theme.scss +21 -21
- package/src/scss/core-components/badges/_badge-base.scss +121 -121
- package/src/scss/core-components/badges/_badge-group.scss +25 -25
- package/src/scss/core-components/badges/_composite-badge-variants.scss +396 -396
- package/src/scss/core-components/badges/_composite-badge.scss +70 -70
- package/src/scss/core-components/badges/_index.scss +10 -10
- package/src/scss/core-components/badges/_labels.scss +155 -155
- package/src/scss/core-components/forms/_checkboxes-radios.scss +205 -205
- package/src/scss/core-components/forms/_form-inputs.scss +3 -3
- package/src/scss/core-components/forms/_form-layout.scss +66 -66
- package/src/scss/core-components/forms/_form-states.scss +115 -115
- package/src/scss/core-components/forms/_index.scss +12 -12
- package/src/scss/core-components/forms/_input-groups.scss +154 -154
- package/src/scss/core-components/forms/_input-wrapper.scss +89 -89
- package/src/scss/core-components/forms/_query-editor.scss +313 -313
- package/src/scss/core-components/layout/_index.scss +11 -11
- package/src/scss/core-components/layout/_layout-container.scss +168 -168
- package/src/scss/core-components/layout/_layout-responsive.scss +99 -99
- package/src/scss/core-components/layout/_navbar-elements.scss +250 -250
- package/src/scss/core-components/layout/_navbar.scss +83 -83
- package/src/scss/core-components/layout/_sidebar-states.scss +237 -237
- package/src/scss/core-components/layout/_sidebar.scss +234 -234
- package/src/scss/main.scss +7 -7
- package/src/scss/utilities.scss +740 -740
- package/src/scss/variables/_base.scss +228 -228
- package/src/scss/variables/_components.scss +748 -748
- package/src/scss/variables/_layout.scss +65 -65
- 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
|
}
|
package/src/scss/_core.scss
CHANGED
|
@@ -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 *;
|