@keenmate/pure-admin-core 1.0.0 → 1.1.1

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 (77) hide show
  1. package/README.md +85 -7
  2. package/dist/css/main.css +970 -434
  3. package/package.json +1 -1
  4. package/snippets/customization.html +1 -1
  5. package/snippets/forms.html +65 -8
  6. package/snippets/layout.html +4 -4
  7. package/snippets/manifest.json +329 -219
  8. package/snippets/profile.html +51 -3
  9. package/src/scss/_base-css-variables.scss +432 -422
  10. package/src/scss/_core.scss +105 -105
  11. package/src/scss/_fonts.scss +0 -14
  12. package/src/scss/_variables.scss +12 -14
  13. package/src/scss/core-components/_alerts.scss +7 -7
  14. package/src/scss/core-components/_base.scss +3 -3
  15. package/src/scss/core-components/_buttons.scss +425 -425
  16. package/src/scss/core-components/_callouts.scss +139 -139
  17. package/src/scss/core-components/_cards.scss +321 -321
  18. package/src/scss/core-components/_checkbox-lists.scss +2 -2
  19. package/src/scss/core-components/_code.scss +4 -4
  20. package/src/scss/core-components/_command-palette.scss +518 -518
  21. package/src/scss/core-components/_comparison.scss +3 -3
  22. package/src/scss/core-components/_file-selector.scss +780 -780
  23. package/src/scss/core-components/_forms.scss +16 -16
  24. package/src/scss/core-components/_layout.scss +15 -15
  25. package/src/scss/core-components/_lists.scss +7 -7
  26. package/src/scss/core-components/_logic-tree.scss +280 -280
  27. package/src/scss/core-components/_modals.scss +2 -2
  28. package/src/scss/core-components/_notifications.scss +7 -7
  29. package/src/scss/core-components/_pagers.scss +3 -3
  30. package/src/scss/core-components/_popconfirm.scss +1 -1
  31. package/src/scss/core-components/_profile.scss +400 -389
  32. package/src/scss/core-components/_scrollbars.scss +40 -40
  33. package/src/scss/core-components/_settings-panel.scss +5 -5
  34. package/src/scss/core-components/_statistics.scss +6 -6
  35. package/src/scss/core-components/_tables.scss +566 -566
  36. package/src/scss/core-components/_tabs.scss +493 -493
  37. package/src/scss/core-components/_timeline.scss +15 -15
  38. package/src/scss/core-components/_toasts.scss +4 -4
  39. package/src/scss/core-components/_tooltips.scss +8 -8
  40. package/src/scss/core-components/_utilities.scss +11 -30
  41. package/src/scss/core-components/_web-components-theme.scss +294 -294
  42. package/src/scss/core-components/badges/_composite-badge-variants.scss +3 -3
  43. package/src/scss/core-components/badges/_labels.scss +1 -1
  44. package/src/scss/core-components/forms/_checkboxes-radios.scss +2 -2
  45. package/src/scss/core-components/forms/_form-inputs.scss +33 -4
  46. package/src/scss/core-components/forms/_form-layout.scss +2 -2
  47. package/src/scss/core-components/forms/_form-states.scss +27 -1
  48. package/src/scss/core-components/forms/_input-wrapper.scss +1 -1
  49. package/src/scss/core-components/forms/_query-editor.scss +17 -17
  50. package/src/scss/core-components/layout/_layout-container.scss +1 -1
  51. package/src/scss/core-components/layout/_navbar-elements.scss +1 -1
  52. package/src/scss/core-components/layout/_sidebar.scss +5 -5
  53. package/src/scss/utilities.scss +24 -0
  54. package/src/scss/variables/_base.scss +20 -10
  55. package/src/scss/variables/_colors.scss +7 -6
  56. package/src/scss/variables/_components.scss +8 -11
  57. package/src/scss/variables/_index.scss +11 -7
  58. package/src/scss/variables/_spacing.scss +12 -0
  59. package/src/scss/variables/_typography.scss +2 -2
  60. package/dist/fonts/Delivery/Delivery_W_Bd.woff2 +0 -0
  61. package/dist/fonts/Delivery/Delivery_W_BdIt.woff2 +0 -0
  62. package/dist/fonts/Delivery/Delivery_W_CdBlk.woff2 +0 -0
  63. package/dist/fonts/Delivery/Delivery_W_CdLt.woff2 +0 -0
  64. package/dist/fonts/Delivery/Delivery_W_It.woff2 +0 -0
  65. package/dist/fonts/Delivery/Delivery_W_Lt.woff2 +0 -0
  66. package/dist/fonts/Delivery/Delivery_W_LtIt.woff2 +0 -0
  67. package/dist/fonts/Delivery/Delivery_W_Rg.woff2 +0 -0
  68. package/src/scss/themes/_dark-base.scss +0 -207
  69. package/src/scss/themes/audi-light.scss +0 -341
  70. package/src/scss/themes/audi.scss +0 -303
  71. package/src/scss/themes/corporate.scss +0 -229
  72. package/src/scss/themes/dark-blue.scss +0 -165
  73. package/src/scss/themes/dark-green.scss +0 -169
  74. package/src/scss/themes/dark-red.scss +0 -173
  75. package/src/scss/themes/dark.scss +0 -158
  76. package/src/scss/themes/express.scss +0 -294
  77. package/src/scss/themes/minimal.scss +0 -134
package/snippets/profile.html CHANGED
@@ -209,14 +209,16 @@
209
209
  </button>
210
210
  </div>
211
211
 
212
- <!-- Profile Panel Tabs -->
212
+ <!-- Profile Panel Tabs (with text labels) -->
213
213
  <div class="pa-profile-panel__tabs">
214
214
  <div class="pa-tabs pa-tabs--full">
215
215
  <button class="pa-tabs__item pa-tabs__item--active" data-profile-tab="profile">
216
- <span>👤</span> Profile
216
+ <i class="fa-solid fa-user"></i>
217
+ <span class="pa-profile-panel__tab-text">Profile</span>
217
218
  </button>
218
219
  <button class="pa-tabs__item" data-profile-tab="favorites">
219
- <span>⭐</span> Favorites
220
+ <i class="fa-solid fa-star"></i>
221
+ <span class="pa-profile-panel__tab-text">Favorites</span>
220
222
  </button>
221
223
  </div>
222
224
  </div>
@@ -297,6 +299,49 @@
297
299
  </div>
298
300
 
299
301
 
302
+ <!-- ================================
303
+ PROFILE PANEL - WITH ICON-ONLY TABS
304
+ Add --icon-only modifier to hide text labels
305
+ ================================ -->
306
+
307
+ <div class="pa-profile-panel" id="profilePanel">
308
+ <div class="pa-profile-panel__overlay" onclick="closeProfilePanel()"></div>
309
+ <div class="pa-profile-panel__content">
310
+ <div class="pa-profile-panel__header">
311
+ <div class="pa-profile-panel__avatar">
312
+ <span class="pa-profile-panel__avatar-icon"><i class="fa-solid fa-user"></i></span>
313
+ </div>
314
+ <div class="pa-profile-panel__info">
315
+ <h3 class="pa-profile-panel__name">John Doe</h3>
316
+ <p class="pa-profile-panel__email">john.doe@company.com</p>
317
+ <span class="pa-profile-panel__role">Administrator</span>
318
+ </div>
319
+ <button class="pa-profile-panel__close" onclick="closeProfilePanel()" aria-label="Close Profile">
320
+ <i class="fa-solid fa-xmark"></i>
321
+ </button>
322
+ </div>
323
+
324
+ <!-- Profile Panel Tabs (icon-only) - add --icon-only modifier -->
325
+ <div class="pa-profile-panel__tabs pa-profile-panel__tabs--icon-only">
326
+ <div class="pa-tabs pa-tabs--full">
327
+ <button class="pa-tabs__item pa-tabs__item--active" data-profile-tab="profile" title="Profile">
328
+ <i class="fa-solid fa-user"></i>
329
+ <span class="pa-profile-panel__tab-text">Profile</span>
330
+ </button>
331
+ <button class="pa-tabs__item" data-profile-tab="favorites" title="Favorites">
332
+ <i class="fa-solid fa-star"></i>
333
+ <span class="pa-profile-panel__tab-text">Favorites</span>
334
+ </button>
335
+ </div>
336
+ </div>
337
+
338
+ <div class="pa-profile-panel__body">
339
+ <!-- Content same as regular tabs variant -->
340
+ </div>
341
+ </div>
342
+ </div>
343
+
344
+
300
345
  <!-- ================================
301
346
  PROFILE PANEL - WITH FONT AWESOME
302
347
  ================================ -->
@@ -501,9 +546,12 @@ PANEL HEADER:
501
546
 
502
547
  PANEL TABS (optional):
503
548
  - .pa-profile-panel__tabs - Tabs container
549
+ - .pa-profile-panel__tabs--icon-only - Modifier to hide text labels (icon-only mode)
550
+ - .pa-profile-panel__tab-text - Text label element (hidden when --icon-only is applied)
504
551
  - .pa-tabs.pa-tabs--full - Full-width tabs
505
552
  - [data-profile-tab] - Tab button attribute
506
553
  - [data-profile-panel] - Tab panel attribute
554
+ - Add title attribute to tab buttons for tooltip when using icon-only mode
507
555
 
508
556
  PANEL BODY:
509
557
  - .pa-profile-panel__body - Body container (scrollable)