@keenmate/pure-admin-core 2.0.1 → 2.1.0
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 +65 -9
- package/dist/css/main.css +366 -83
- package/package.json +6 -4
- package/scripts/download-themes.js +268 -0
- package/scripts/pack-theme.js +2 -2
- package/snippets/badges.html +4 -4
- package/snippets/buttons.html +64 -0
- package/snippets/tooltips.html +36 -36
- package/src/scss/_core.scss +3 -0
- package/src/scss/core-components/_buttons.scss +97 -0
- package/src/scss/core-components/_cards.scss +13 -3
- package/src/scss/core-components/_data-display.scss +35 -2
- package/src/scss/core-components/_filter-card.scss +58 -0
- package/src/scss/core-components/_grid.scss +9 -0
- package/src/scss/core-components/_tables.scss +4 -0
- package/src/scss/core-components/_timeline.scss +2 -2
- package/src/scss/core-components/_tooltips.scss +110 -54
- package/src/scss/core-components/badges/_badge-base.scss +14 -3
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2.1 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2.2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2.1 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2.2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2.1 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2.1 +0 -0
- package/dist/fonts/google/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2.2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvtE2H68T.woff2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvtU2Hw.woff2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvtY2H68T.woff2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvtg2H68T.woff2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvto2H68T.woff2 +0 -0
- package/dist/fonts/google/6aez4K2oVqwIvts2H68T.woff2 +0 -0
- package/dist/fonts/google/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nejog.woff2 +0 -0
- package/dist/fonts/google/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nijogp5.woff2 +0 -0
- package/dist/fonts/google/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nmjogp5.woff2 +0 -0
- package/dist/fonts/google/PN_xRfK9oXHga0XdZ8g_vT0.woff2 +0 -0
- package/dist/fonts/google/PN_xRfK9oXHga0XdZsg_.woff2 +0 -0
- package/dist/fonts/google/PN_xRfK9oXHga0XdaMg_vT0.woff2 +0 -0
- package/dist/fonts/google/TK3tWkYFABsmjsphPho.woff2 +0 -0
- package/dist/fonts/google/TK3tWkYFABsmjspuPho7vA.woff2 +0 -0
- package/dist/fonts/google/TK3tWkYFABsmjspvPho7vA.woff2 +0 -0
- package/dist/fonts/google/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjTYJwQj.woff2 +0 -0
- package/dist/fonts/google/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjXYJwQj.woff2 +0 -0
- package/dist/fonts/google/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6Vj_YJwQj.woff2 +0 -0
- package/dist/fonts/google/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjbYJwQj.woff2 +0 -0
- package/dist/fonts/google/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjvYJw.woff2 +0 -0
- package/dist/fonts/google/fonts-tracklist.txt +0 -48
- package/dist/fonts/google/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbBjM4.woff2 +0 -0
- package/dist/fonts/google/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbOjM7sfA.woff2 +0 -0
- package/dist/fonts/google/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbPjM7sfA.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfLtrftV.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfXtrftV.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfbtrQ.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfjtrftV.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfntrftV.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfrtrftV.woff2 +0 -0
- package/dist/fonts/google/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfvtrftV.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_B-bnBeA.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_G-bnBeA.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_M-bnBeA.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_N-bnBeA.woff2 +0 -0
- package/dist/fonts/google/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_P-bnBeA.woff2 +0 -0
package/README.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Lightweight, data-focused CSS/SCSS admin framework with Corporate theme as default.
|
|
4
4
|
|
|
5
|
+
## What's New in 2.1.0
|
|
6
|
+
|
|
7
|
+
- **Split Button** (`pa-btn-split`) — Primary action + dropdown toggle with Floating UI positioning, RTL support, custom icons, upward placement, and size variants
|
|
8
|
+
- **Filter Card** (`pa-filter-card`) — Expandable filter card with inline filters row, actions, and collapsible advanced section
|
|
9
|
+
- **Responsive grid table hover fix** — Card-style tables no longer highlight all cells on hover
|
|
10
|
+
- **Mobile sidebar burger fix** — Sidebar behavior modes no longer show X instead of hamburger on mobile
|
|
11
|
+
- **Sidebar resize fix** — Resize no longer blocked in icon-collapse mode when sidebar is expanded; disabled on mobile
|
|
12
|
+
- **Actions column consistency** — All demo tables now show Actions as the first column
|
|
13
|
+
|
|
5
14
|
## Installation
|
|
6
15
|
|
|
7
16
|
```bash
|
|
@@ -84,15 +93,61 @@ These snippets are the canonical reference for building framework components in
|
|
|
84
93
|
|
|
85
94
|
## Themes
|
|
86
95
|
|
|
87
|
-
Themes are available as
|
|
96
|
+
Themes are maintained in the separate [`pure-admin-themes`](https://github.com/KeenMate/pure-admin-themes) repo and available as a bundle from [pureadmin.io](https://pureadmin.io).
|
|
97
|
+
|
|
98
|
+
| Theme | Description |
|
|
99
|
+
|-------|-------------|
|
|
100
|
+
| Audi | Audi red with Fira Sans Condensed |
|
|
101
|
+
| Corporate | Professional blue/gray (default) |
|
|
102
|
+
| Dark | Dark mode with color variants |
|
|
103
|
+
| Express | Bold yellow/red logistics |
|
|
104
|
+
| Minimal | Clean minimal design |
|
|
105
|
+
|
|
106
|
+
### Theme Setup
|
|
107
|
+
|
|
108
|
+
Themes are configured via `themes.json` (base config) and `.themes.json` (local overrides, gitignored). Each entry is a theme name mapped to an options object:
|
|
109
|
+
|
|
110
|
+
```json
|
|
111
|
+
{
|
|
112
|
+
"themes": {
|
|
113
|
+
"audi": {},
|
|
114
|
+
"corporate": { "path": "../pure-admin-themes/corporate" },
|
|
115
|
+
"custom": { "url": "https://my-server.com/themes/custom.zip" }
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
- **`{}`** — downloaded from pureadmin.io bundle
|
|
121
|
+
- **`{ "path": "..." }`** — use a local directory (must contain `dist/{name}.css`)
|
|
122
|
+
- **`{ "url": "..." }`** — downloaded from a custom URL
|
|
123
|
+
|
|
124
|
+
Then run:
|
|
125
|
+
|
|
126
|
+
```bash
|
|
127
|
+
npx download-themes
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
Or add to your `package.json` scripts:
|
|
131
|
+
|
|
132
|
+
```json
|
|
133
|
+
{
|
|
134
|
+
"scripts": {
|
|
135
|
+
"download-themes": "download-themes"
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
This fetches all remote themes into `./themes/{name}/` and leaves local paths unchanged. Config files are never modified.
|
|
141
|
+
|
|
142
|
+
### pureadmin.io Theme API
|
|
143
|
+
|
|
144
|
+
- `GET /api/theme/{name}` — download a specific theme (e.g. `/api/theme/audi`)
|
|
145
|
+
- `GET /api/bundle` — download all themes as a zip bundle
|
|
146
|
+
- `GET /api/version` — get the current theme bundle version
|
|
147
|
+
|
|
148
|
+
### Docker / CI
|
|
88
149
|
|
|
89
|
-
|
|
90
|
-
|-------|---------|-------------|
|
|
91
|
-
| Audi | `@keenmate/pure-admin-theme-audi` | Audi red with Fira Sans Condensed |
|
|
92
|
-
| Corporate | `@keenmate/pure-admin-theme-corporate` | Professional blue/gray |
|
|
93
|
-
| Dark | `@keenmate/pure-admin-theme-dark` | Dark mode with color variants |
|
|
94
|
-
| Express | `@keenmate/pure-admin-theme-express` | Bold yellow/red logistics |
|
|
95
|
-
| Minimal | `@keenmate/pure-admin-theme-minimal` | Clean minimal design |
|
|
150
|
+
In Docker builds, themes are automatically fetched via `/api/bundle`. No local theme packages needed. The URL is configurable via the `THEMES_URL` build arg.
|
|
96
151
|
|
|
97
152
|
### Theme Modes & Variants
|
|
98
153
|
|
|
@@ -286,13 +341,14 @@ Works with both `pa-table` and `web-grid` component. First/last columns automati
|
|
|
286
341
|
|
|
287
342
|
### Tooltips & Popovers
|
|
288
343
|
- `.pa-tooltip` - Base tooltip (pure CSS, no JS required)
|
|
289
|
-
- `.pa-tooltip--top/
|
|
344
|
+
- `.pa-tooltip--top/end/bottom/start` - Positioning (RTL-aware: end = right in LTR, left in RTL)
|
|
290
345
|
- `.pa-tooltip--primary/success/warning/danger` - Semantic variants
|
|
291
346
|
- `.pa-tooltip--color-1` through `.pa-tooltip--color-9` - Theme color variants
|
|
292
347
|
- Text color automatically adjusts via `--pa-color-N-text` for readability
|
|
293
348
|
- `.pa-tooltip--multiline` - Multiline tooltips
|
|
294
349
|
- `.pa-popover` - Base popover (requires JavaScript)
|
|
295
350
|
- `.pa-popover--sm/md/lg` - Sizes
|
|
351
|
+
- `data-placement="top|end|bottom|start"` - Popover position (RTL-aware)
|
|
296
352
|
- **JavaScript Required**: Popovers require `tooltips-popovers.js` and Floating UI library for positioning
|
|
297
353
|
|
|
298
354
|
### Tabs
|