@keenmate/pure-admin-core 2.3.0 → 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 +7 -5
- package/dist/css/main.css +207 -181
- 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 +580 -548
- 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 +136 -135
- 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
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
// ============================================================================
|
|
2
|
-
// LAYOUT VARIABLES
|
|
3
|
-
// Dimensions, containers, breakpoints, and structural measurements
|
|
4
|
-
// ============================================================================
|
|
5
|
-
|
|
6
|
-
// NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px)
|
|
7
|
-
|
|
8
|
-
// Layout dimensions
|
|
9
|
-
$header-height: 4.8rem !default; // 48px (was 3rem)
|
|
10
|
-
$footer-height: $header-height !default; // Same as header
|
|
11
|
-
$sidebar-width: 28.8rem !default; // 288px (was 18rem)
|
|
12
|
-
$sidebar-max-width: 40rem !default; // 400px (was 25rem)
|
|
13
|
-
$sidebar-collapsed-width: 6.4rem !default; // 64px (was 4rem)
|
|
14
|
-
$sidebar-padding: 0.8rem 1.6rem !default; // 8px 16px (was 0.5rem 1rem)
|
|
15
|
-
|
|
16
|
-
// Layout container widths
|
|
17
|
-
$layout-container-sm: 76.8rem !default; // 768px (was 48rem)
|
|
18
|
-
$layout-container-md: 102.4rem !default; // 1024px (was 64rem)
|
|
19
|
-
$layout-container-lg: 128rem !default; // 1280px (was 80rem)
|
|
20
|
-
$layout-container-xl: 160rem !default; // 1600px (was 100rem)
|
|
21
|
-
$layout-container-2xl: 192rem !default; // 1920px (was 120rem)
|
|
22
|
-
|
|
23
|
-
// Icon system variables (for any icon pack)
|
|
24
|
-
$sidebar-icon-size: 2.4rem !default; // 24px (was 1.5rem)
|
|
25
|
-
$sidebar-item-gap: 1.2rem !default; // 12px (was 0.75rem)
|
|
26
|
-
$sidebar-submenu-indent: 4rem !default; // 40px (was 2.5rem)
|
|
27
|
-
|
|
28
|
-
// Burger menu
|
|
29
|
-
$burger-width: 2.4rem !default; // 24px (was 1.5rem)
|
|
30
|
-
$burger-height: 2.4rem !default; // 24px (was 1.5rem)
|
|
31
|
-
$burger-bar-height: 2px !default;
|
|
32
|
-
$burger-bar-spacing: 4px !default;
|
|
33
|
-
$burger-transform-offset: 3px !default;
|
|
34
|
-
$burger-menu-margin-left: 0.3rem !default; // ~3px (was 0.2rem)
|
|
35
|
-
|
|
36
|
-
// Header brand
|
|
37
|
-
$header-brand-padding-left: 2.1rem !default; // ~21px (was 1.3rem)
|
|
38
|
-
|
|
39
|
-
// Responsive breakpoints
|
|
40
|
-
$mobile-breakpoint: 768px !default;
|
|
41
|
-
$tablet-breakpoint: 1024px !default;
|
|
42
|
-
$tablet-breakpoint-min: 769px !default;
|
|
43
|
-
$sidebar-width-tablet: 16rem !default; // 160px (was 10rem)
|
|
44
|
-
|
|
45
|
-
// Scrollbar
|
|
46
|
-
$scrollbar-width: 6px !default;
|
|
47
|
-
$scrollbar-border-radius: 3px !default;
|
|
48
|
-
|
|
49
|
-
// Border radius
|
|
50
|
-
$border-radius-sm: 2px !default;
|
|
51
|
-
$border-radius: 4px !default;
|
|
52
|
-
$border-radius-lg: 8px !default;
|
|
53
|
-
|
|
54
|
-
// Layout system
|
|
55
|
-
$sidebar-submenu-indent-multiplier: 1.3 !default;
|
|
56
|
-
$mobile-backdrop-bg: rgba(0, 0, 0, 0.5) !default;
|
|
57
|
-
$mobile-sidebar-width: 90vw !default;
|
|
58
|
-
|
|
59
|
-
// Utility spacing (for specific use cases not covered by main spacing system)
|
|
60
|
-
$section-margin-v: 3.2rem !default; // 32px (was 2rem)
|
|
61
|
-
$section-margin-sm: 2.4rem !default; // 24px (was 1.5rem)
|
|
62
|
-
$submenu-max-height: 500px !default;
|
|
63
|
-
|
|
64
|
-
// Grid system (depends on spacing, but layout-related)
|
|
65
|
-
$hover-lift-offset: -2px !default;
|
|
1
|
+
// ============================================================================
|
|
2
|
+
// LAYOUT VARIABLES
|
|
3
|
+
// Dimensions, containers, breakpoints, and structural measurements
|
|
4
|
+
// ============================================================================
|
|
5
|
+
|
|
6
|
+
// NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px)
|
|
7
|
+
|
|
8
|
+
// Layout dimensions
|
|
9
|
+
$header-height: 4.8rem !default; // 48px (was 3rem)
|
|
10
|
+
$footer-height: $header-height !default; // Same as header
|
|
11
|
+
$sidebar-width: 28.8rem !default; // 288px (was 18rem)
|
|
12
|
+
$sidebar-max-width: 40rem !default; // 400px (was 25rem)
|
|
13
|
+
$sidebar-collapsed-width: 6.4rem !default; // 64px (was 4rem)
|
|
14
|
+
$sidebar-padding: 0.8rem 1.6rem !default; // 8px 16px (was 0.5rem 1rem)
|
|
15
|
+
|
|
16
|
+
// Layout container widths
|
|
17
|
+
$layout-container-sm: 76.8rem !default; // 768px (was 48rem)
|
|
18
|
+
$layout-container-md: 102.4rem !default; // 1024px (was 64rem)
|
|
19
|
+
$layout-container-lg: 128rem !default; // 1280px (was 80rem)
|
|
20
|
+
$layout-container-xl: 160rem !default; // 1600px (was 100rem)
|
|
21
|
+
$layout-container-2xl: 192rem !default; // 1920px (was 120rem)
|
|
22
|
+
|
|
23
|
+
// Icon system variables (for any icon pack)
|
|
24
|
+
$sidebar-icon-size: 2.4rem !default; // 24px (was 1.5rem)
|
|
25
|
+
$sidebar-item-gap: 1.2rem !default; // 12px (was 0.75rem)
|
|
26
|
+
$sidebar-submenu-indent: 4rem !default; // 40px (was 2.5rem)
|
|
27
|
+
|
|
28
|
+
// Burger menu
|
|
29
|
+
$burger-width: 2.4rem !default; // 24px (was 1.5rem)
|
|
30
|
+
$burger-height: 2.4rem !default; // 24px (was 1.5rem)
|
|
31
|
+
$burger-bar-height: 2px !default;
|
|
32
|
+
$burger-bar-spacing: 4px !default;
|
|
33
|
+
$burger-transform-offset: 3px !default;
|
|
34
|
+
$burger-menu-margin-left: 0.3rem !default; // ~3px (was 0.2rem)
|
|
35
|
+
|
|
36
|
+
// Header brand
|
|
37
|
+
$header-brand-padding-left: 2.1rem !default; // ~21px (was 1.3rem)
|
|
38
|
+
|
|
39
|
+
// Responsive breakpoints
|
|
40
|
+
$mobile-breakpoint: 768px !default;
|
|
41
|
+
$tablet-breakpoint: 1024px !default;
|
|
42
|
+
$tablet-breakpoint-min: 769px !default;
|
|
43
|
+
$sidebar-width-tablet: 16rem !default; // 160px (was 10rem)
|
|
44
|
+
|
|
45
|
+
// Scrollbar
|
|
46
|
+
$scrollbar-width: 6px !default;
|
|
47
|
+
$scrollbar-border-radius: 3px !default;
|
|
48
|
+
|
|
49
|
+
// Border radius
|
|
50
|
+
$border-radius-sm: 2px !default;
|
|
51
|
+
$border-radius: 4px !default;
|
|
52
|
+
$border-radius-lg: 8px !default;
|
|
53
|
+
|
|
54
|
+
// Layout system
|
|
55
|
+
$sidebar-submenu-indent-multiplier: 1.3 !default;
|
|
56
|
+
$mobile-backdrop-bg: rgba(0, 0, 0, 0.5) !default;
|
|
57
|
+
$mobile-sidebar-width: 90vw !default;
|
|
58
|
+
|
|
59
|
+
// Utility spacing (for specific use cases not covered by main spacing system)
|
|
60
|
+
$section-margin-v: 3.2rem !default; // 32px (was 2rem)
|
|
61
|
+
$section-margin-sm: 2.4rem !default; // 24px (was 1.5rem)
|
|
62
|
+
$submenu-max-height: 500px !default;
|
|
63
|
+
|
|
64
|
+
// Grid system (depends on spacing, but layout-related)
|
|
65
|
+
$hover-lift-offset: -2px !default;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
// ============================================================================
|
|
2
|
-
// TYPOGRAPHY VARIABLES
|
|
3
|
-
// Font families, sizes, weights, and line heights
|
|
4
|
-
// ============================================================================
|
|
5
|
-
|
|
6
|
-
// NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px)
|
|
7
|
-
|
|
8
|
-
// Font system (comprehensive system font stacks)
|
|
9
|
-
$font-stack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
|
|
10
|
-
$font-stack-serif: Georgia, "Times New Roman", Times, serif !default;
|
|
11
|
-
$font-stack-mono: "Courier New", Courier, monospace !default;
|
|
12
|
-
|
|
13
|
-
// Body font (derived from $base-font-family, themes override that)
|
|
14
|
-
$body-font-family: $base-font-family !default;
|
|
15
|
-
|
|
16
|
-
// Font sizes (all in rem for consistency) - 10px base
|
|
17
|
-
$font-size-2xs: 1rem !default; // 10px (was 0.625rem)
|
|
18
|
-
$font-size-xs: 1.2rem !default; // 12px (was 0.75rem)
|
|
19
|
-
$font-size-sm: 1.4rem !default; // 14px (was 0.875rem)
|
|
20
|
-
$font-size-md: 1.5rem !default; // 15px (was 0.9375rem)
|
|
21
|
-
$font-size-base: 1.6rem !default; // 16px (was 1rem)
|
|
22
|
-
$font-size-lg: 1.8rem !default; // 18px (was 1.125rem)
|
|
23
|
-
$font-size-xl: 2rem !default; // 20px (was 1.25rem)
|
|
24
|
-
$font-size-2xl: 2.4rem !default; // 24px (was 1.5rem)
|
|
25
|
-
$font-size-3xl: 2.8rem !default; // 28px (was 1.75rem)
|
|
26
|
-
$font-size-4xl: 3.2rem !default; // 32px (was 2rem)
|
|
27
|
-
|
|
28
|
-
// Line height
|
|
29
|
-
$line-height-base: 1.5 !default;
|
|
30
|
-
$line-height-tight: 1.2 !default;
|
|
31
|
-
$line-height-relaxed: 1.8 !default;
|
|
32
|
-
|
|
33
|
-
// Font weights
|
|
34
|
-
$font-weight-normal: 400 !default;
|
|
35
|
-
$font-weight-medium: 500 !default;
|
|
36
|
-
$font-weight-semibold: 600 !default;
|
|
37
|
-
$font-weight-bold: 700 !default;
|
|
1
|
+
// ============================================================================
|
|
2
|
+
// TYPOGRAPHY VARIABLES
|
|
3
|
+
// Font families, sizes, weights, and line heights
|
|
4
|
+
// ============================================================================
|
|
5
|
+
|
|
6
|
+
// NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px)
|
|
7
|
+
|
|
8
|
+
// Font system (comprehensive system font stacks)
|
|
9
|
+
$font-stack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
|
|
10
|
+
$font-stack-serif: Georgia, "Times New Roman", Times, serif !default;
|
|
11
|
+
$font-stack-mono: "Courier New", Courier, monospace !default;
|
|
12
|
+
|
|
13
|
+
// Body font (derived from $base-font-family, themes override that)
|
|
14
|
+
$body-font-family: $base-font-family !default;
|
|
15
|
+
|
|
16
|
+
// Font sizes (all in rem for consistency) - 10px base
|
|
17
|
+
$font-size-2xs: 1rem !default; // 10px (was 0.625rem)
|
|
18
|
+
$font-size-xs: 1.2rem !default; // 12px (was 0.75rem)
|
|
19
|
+
$font-size-sm: 1.4rem !default; // 14px (was 0.875rem)
|
|
20
|
+
$font-size-md: 1.5rem !default; // 15px (was 0.9375rem)
|
|
21
|
+
$font-size-base: 1.6rem !default; // 16px (was 1rem)
|
|
22
|
+
$font-size-lg: 1.8rem !default; // 18px (was 1.125rem)
|
|
23
|
+
$font-size-xl: 2rem !default; // 20px (was 1.25rem)
|
|
24
|
+
$font-size-2xl: 2.4rem !default; // 24px (was 1.5rem)
|
|
25
|
+
$font-size-3xl: 2.8rem !default; // 28px (was 1.75rem)
|
|
26
|
+
$font-size-4xl: 3.2rem !default; // 32px (was 2rem)
|
|
27
|
+
|
|
28
|
+
// Line height
|
|
29
|
+
$line-height-base: 1.5 !default;
|
|
30
|
+
$line-height-tight: 1.2 !default;
|
|
31
|
+
$line-height-relaxed: 1.8 !default;
|
|
32
|
+
|
|
33
|
+
// Font weights
|
|
34
|
+
$font-weight-normal: 400 !default;
|
|
35
|
+
$font-weight-medium: 500 !default;
|
|
36
|
+
$font-weight-semibold: 600 !default;
|
|
37
|
+
$font-weight-bold: 700 !default;
|