@keenmate/pure-admin-core 1.0.0-rc06 → 1.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.
Files changed (78) hide show
  1. package/README.md +77 -7
  2. package/dist/css/main.css +1313 -452
  3. package/package.json +1 -1
  4. package/snippets/customization.html +1 -1
  5. package/snippets/layout.html +66 -0
  6. package/snippets/manifest.json +0 -50
  7. package/snippets/profile.html +51 -3
  8. package/src/scss/_base-css-variables.scss +432 -422
  9. package/src/scss/_core.scss +105 -105
  10. package/src/scss/_fonts.scss +0 -14
  11. package/src/scss/_variables.scss +12 -14
  12. package/src/scss/core-components/_alerts.scss +7 -7
  13. package/src/scss/core-components/_base.scss +3 -3
  14. package/src/scss/core-components/_buttons.scss +425 -425
  15. package/src/scss/core-components/_callouts.scss +139 -139
  16. package/src/scss/core-components/_cards.scss +321 -321
  17. package/src/scss/core-components/_checkbox-lists.scss +2 -2
  18. package/src/scss/core-components/_code.scss +4 -4
  19. package/src/scss/core-components/_command-palette.scss +518 -518
  20. package/src/scss/core-components/_comparison.scss +3 -3
  21. package/src/scss/core-components/_file-selector.scss +780 -780
  22. package/src/scss/core-components/_forms.scss +16 -16
  23. package/src/scss/core-components/_grid.scss +25 -0
  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 +74 -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 -379
  32. package/src/scss/core-components/_scrollbars.scss +40 -41
  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 +35 -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 +4 -4
  46. package/src/scss/core-components/forms/_form-layout.scss +2 -2
  47. package/src/scss/core-components/forms/_form-states.scss +1 -1
  48. package/src/scss/core-components/forms/_input-groups.scss +13 -11
  49. package/src/scss/core-components/forms/_input-wrapper.scss +1 -1
  50. package/src/scss/core-components/forms/_query-editor.scss +17 -17
  51. package/src/scss/core-components/layout/_layout-container.scss +33 -1
  52. package/src/scss/core-components/layout/_navbar-elements.scss +1 -1
  53. package/src/scss/core-components/layout/_sidebar.scss +53 -2
  54. package/src/scss/utilities.scss +81 -2
  55. package/src/scss/variables/_base.scss +20 -10
  56. package/src/scss/variables/_colors.scss +7 -6
  57. package/src/scss/variables/_components.scss +8 -11
  58. package/src/scss/variables/_index.scss +11 -7
  59. package/src/scss/variables/_spacing.scss +12 -0
  60. package/src/scss/variables/_typography.scss +2 -2
  61. package/dist/fonts/Delivery/Delivery_W_Bd.woff2 +0 -0
  62. package/dist/fonts/Delivery/Delivery_W_BdIt.woff2 +0 -0
  63. package/dist/fonts/Delivery/Delivery_W_CdBlk.woff2 +0 -0
  64. package/dist/fonts/Delivery/Delivery_W_CdLt.woff2 +0 -0
  65. package/dist/fonts/Delivery/Delivery_W_It.woff2 +0 -0
  66. package/dist/fonts/Delivery/Delivery_W_Lt.woff2 +0 -0
  67. package/dist/fonts/Delivery/Delivery_W_LtIt.woff2 +0 -0
  68. package/dist/fonts/Delivery/Delivery_W_Rg.woff2 +0 -0
  69. package/src/scss/themes/_dark-base.scss +0 -207
  70. package/src/scss/themes/audi-light.scss +0 -341
  71. package/src/scss/themes/audi.scss +0 -303
  72. package/src/scss/themes/corporate.scss +0 -229
  73. package/src/scss/themes/dark-blue.scss +0 -165
  74. package/src/scss/themes/dark-green.scss +0 -169
  75. package/src/scss/themes/dark-red.scss +0 -173
  76. package/src/scss/themes/dark.scss +0 -158
  77. package/src/scss/themes/express.scss +0 -294
  78. package/src/scss/themes/minimal.scss +0 -134
package/src/scss/core-components/_notifications.scss CHANGED
@@ -23,7 +23,7 @@
23
23
  background: none;
24
24
  border: none;
25
25
  border-radius: $border-radius;
26
- color: var(--pa-text-primary);
26
+ color: var(--pa-header-text);
27
27
  cursor: pointer;
28
28
  transition: background-color $transition-fast $easing-snappy;
29
29
 
@@ -98,7 +98,7 @@
98
98
  margin: 0;
99
99
  font-size: $font-size-sm;
100
100
  font-weight: $font-weight-semibold;
101
- color: var(--pa-text-primary);
101
+ color: var(--pa-text-color-1);
102
102
  }
103
103
  }
104
104
 
@@ -187,8 +187,8 @@
187
187
  }
188
188
 
189
189
  &--secondary {
190
- background-color: rgba(var(--pa-text-secondary), 0.1);
191
- color: var(--pa-text-secondary);
190
+ background-color: rgba(var(--pa-text-color-2), 0.1);
191
+ color: var(--pa-text-color-2);
192
192
  }
193
193
  }
194
194
 
@@ -201,13 +201,13 @@
201
201
  margin: 0 0 0.2rem 0;
202
202
  font-size: $font-size-xs;
203
203
  font-weight: $font-weight-semibold;
204
- color: var(--pa-text-primary);
204
+ color: var(--pa-text-color-1);
205
205
  }
206
206
 
207
207
  p {
208
208
  margin: 0 0 0.2rem 0;
209
209
  font-size: $font-size-xs;
210
- color: var(--pa-text-secondary);
210
+ color: var(--pa-text-color-2);
211
211
  line-height: 1.3;
212
212
  overflow: hidden;
213
213
  text-overflow: ellipsis;
@@ -219,7 +219,7 @@
219
219
 
220
220
  .pa-notifications__time {
221
221
  font-size: $font-size-2xs;
222
- color: var(--pa-text-secondary);
222
+ color: var(--pa-text-color-2);
223
223
  font-weight: $font-weight-normal;
224
224
  opacity: 0.7;
225
225
  }
@@ -251,3 +251,70 @@
251
251
  right: -$spacing-base; // Align to right edge of viewport
252
252
  }
253
253
  }
254
+
255
+ // ====================
256
+ // Page View Modifier
257
+ // ====================
258
+ // Larger variant for full-page notification list
259
+
260
+ .pa-notifications__list--page {
261
+ max-height: none;
262
+ overflow: visible;
263
+
264
+ .pa-notifications__item {
265
+ padding: $spacing-base $spacing-lg;
266
+ }
267
+
268
+ .pa-notifications__icon-wrapper {
269
+ width: 4rem;
270
+ height: 4rem;
271
+ font-size: $font-size-lg;
272
+ }
273
+
274
+ .pa-notifications__content {
275
+ h4 {
276
+ font-size: $font-size-sm;
277
+ margin-bottom: $spacing-xs;
278
+ }
279
+
280
+ p {
281
+ font-size: $font-size-sm;
282
+ -webkit-line-clamp: 3;
283
+ }
284
+ }
285
+
286
+ .pa-notifications__time {
287
+ font-size: $font-size-xs;
288
+ }
289
+ }
290
+
291
+ // Action buttons (for page view)
292
+ .pa-notifications__actions {
293
+ display: flex;
294
+ gap: $spacing-xs;
295
+ flex-shrink: 0;
296
+ opacity: 0;
297
+ transition: opacity $transition-fast $easing-snappy;
298
+ }
299
+
300
+ .pa-notifications__item:hover .pa-notifications__actions {
301
+ opacity: 1;
302
+ }
303
+
304
+ // Mobile: always show actions
305
+ @media (max-width: $mobile-breakpoint) {
306
+ .pa-notifications__list--page {
307
+ .pa-notifications__item {
308
+ flex-wrap: wrap;
309
+ }
310
+
311
+ .pa-notifications__actions {
312
+ opacity: 1;
313
+ width: 100%;
314
+ justify-content: flex-end;
315
+ margin-top: $spacing-sm;
316
+ padding-top: $spacing-sm;
317
+ border-top: $border-width-base solid var(--pa-border-color);
318
+ }
319
+ }
320
+ }
package/src/scss/core-components/_pagers.scss CHANGED
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  &__text {
60
- color: var(--pa-text-secondary);
60
+ color: var(--pa-text-color-2);
61
61
  font-size: $font-size-sm;
62
62
  }
63
63
  }
@@ -99,7 +99,7 @@
99
99
  background-color: transparent;
100
100
  border: $border-width-base solid var(--pa-border-color);
101
101
  border-radius: $border-radius;
102
- color: var(--pa-text-primary);
102
+ color: var(--pa-text-color-1);
103
103
  font-size: $font-size-sm;
104
104
  cursor: pointer;
105
105
  transition: all $transition-fast $easing-snappy;
@@ -133,7 +133,7 @@
133
133
  }
134
134
 
135
135
  &__count {
136
- color: var(--pa-text-secondary);
136
+ color: var(--pa-text-color-2);
137
137
  font-size: $font-size-xs;
138
138
  margin-left: $spacing-xs;
139
139
  }
package/src/scss/core-components/_popconfirm.scss CHANGED
@@ -49,7 +49,7 @@
49
49
  p {
50
50
  margin: 0;
51
51
  font-size: $font-size-sm;
52
- color: var(--pa-text-primary);
52
+ color: var(--pa-text-color-1);
53
53
  line-height: $line-height-base;
54
54
  }
55
55
  }