@keenmate/pure-admin-theme-dark 1.4.0 → 1.5.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 (2) hide show
  1. package/dist/dark.css +531 -65
  2. package/package.json +1 -1
package/dist/dark.css CHANGED
@@ -205,7 +205,7 @@ body.pa-container-2xl .pa-navbar {
205
205
  gap: 1.6rem;
206
206
  }
207
207
 
208
- .pa-header__left {
208
+ .pa-header__start {
209
209
  display: flex;
210
210
  align-items: center;
211
211
  gap: 1.6rem;
@@ -220,7 +220,7 @@ body.pa-container-2xl .pa-navbar {
220
220
  justify-content: center;
221
221
  }
222
222
 
223
- .pa-header__right {
223
+ .pa-header__end {
224
224
  display: flex;
225
225
  align-items: center;
226
226
  gap: 1.6rem;
@@ -322,7 +322,7 @@ body.pa-layout--sticky .pa-layout__inner {
322
322
  gap: 1.6rem;
323
323
  }
324
324
 
325
- .pa-footer__left {
325
+ .pa-footer__start {
326
326
  display: flex;
327
327
  align-items: center;
328
328
  gap: 1.6rem;
@@ -337,14 +337,14 @@ body.pa-layout--sticky .pa-layout__inner {
337
337
  justify-content: center;
338
338
  }
339
339
 
340
- .pa-footer__right {
340
+ .pa-footer__end {
341
341
  display: flex;
342
342
  align-items: center;
343
343
  gap: 1.6rem;
344
344
  flex-shrink: 0;
345
345
  }
346
346
 
347
- .pa-footer__right--vertical {
347
+ .pa-footer__end--vertical {
348
348
  flex-direction: column;
349
349
  align-items: flex-end;
350
350
  gap: 0.4rem;
@@ -356,22 +356,22 @@ body.pa-layout--sticky .pa-layout__inner {
356
356
  min-height: auto;
357
357
  padding: 0.8rem 1.6rem;
358
358
  }
359
- .pa-footer__left,
359
+ .pa-footer__start,
360
360
  .pa-footer__center,
361
- .pa-footer__right {
361
+ .pa-footer__end {
362
362
  flex-shrink: 1;
363
363
  min-width: 0;
364
364
  }
365
- .pa-footer__left {
365
+ .pa-footer__start {
366
366
  flex: 1 1 auto;
367
367
  }
368
368
  .pa-footer__center {
369
369
  display: none;
370
370
  }
371
- .pa-footer__right {
371
+ .pa-footer__end {
372
372
  flex: 0 1 auto;
373
373
  }
374
- .pa-footer__right--vertical {
374
+ .pa-footer__end--vertical {
375
375
  align-items: flex-end;
376
376
  }
377
377
  }
@@ -3057,6 +3057,26 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
3057
3057
  padding: 2.4rem 1.6rem;
3058
3058
  }
3059
3059
 
3060
+ .pa-card--ghost {
3061
+ background: transparent !important;
3062
+ border: none !important;
3063
+ box-shadow: none !important;
3064
+ }
3065
+
3066
+ .pa-card--ghost:hover {
3067
+ box-shadow: none !important;
3068
+ }
3069
+
3070
+ .pa-card--ghost .pa-card__header {
3071
+ background: transparent !important;
3072
+ border-bottom: none !important;
3073
+ }
3074
+
3075
+ .pa-card--ghost .pa-card__footer {
3076
+ background: transparent !important;
3077
+ border-top: none !important;
3078
+ }
3079
+
3060
3080
  .pa-card--color-1 {
3061
3081
  border-color: var(--pa-color-1);
3062
3082
  }
@@ -3525,21 +3545,21 @@ a.pa-card p {
3525
3545
  background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3526
3546
  }
3527
3547
 
3528
- .pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3548
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3529
3549
  inset-inline-start: 0;
3530
3550
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3531
3551
  }
3532
3552
 
3533
- [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3553
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3534
3554
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3535
3555
  }
3536
3556
 
3537
- .pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3557
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3538
3558
  inset-inline-end: 0;
3539
3559
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3540
3560
  }
3541
3561
 
3542
- [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3562
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3543
3563
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3544
3564
  }
3545
3565
 
@@ -5242,19 +5262,19 @@ a.pa-card p {
5242
5262
  margin: 0;
5243
5263
  }
5244
5264
 
5245
- .pa-btn--align-left {
5265
+ .pa-btn--align-start {
5246
5266
  justify-content: flex-start;
5247
5267
  }
5248
5268
 
5249
- .pa-btn--align-left .pa-btn__icon {
5269
+ .pa-btn--align-start .pa-btn__icon {
5250
5270
  padding-inline-start: 0;
5251
5271
  }
5252
5272
 
5253
- .pa-btn--align-right {
5273
+ .pa-btn--align-end {
5254
5274
  justify-content: flex-end;
5255
5275
  }
5256
5276
 
5257
- .pa-btn--align-right .pa-btn__icon {
5277
+ .pa-btn--align-end .pa-btn__icon {
5258
5278
  padding-inline-end: 0;
5259
5279
  }
5260
5280
 
@@ -6277,7 +6297,7 @@ a.pa-card p {
6277
6297
  text-align: end;
6278
6298
  }
6279
6299
 
6280
- .pa-popover--right .pa-popover__body {
6300
+ .pa-popover--end .pa-popover__body {
6281
6301
  text-align: end;
6282
6302
  }
6283
6303
 
@@ -8915,6 +8935,12 @@ web-multiselect {
8915
8935
  .pa-table-card:has(.pa-detail-view) .pa-table-card__body {
8916
8936
  position: relative;
8917
8937
  overflow: hidden;
8938
+ display: flex;
8939
+ flex-direction: column;
8940
+ }
8941
+
8942
+ .pa-table-card:has(.pa-detail-view) .pa-table-card__body .pa-detail-view {
8943
+ flex: 1;
8918
8944
  }
8919
8945
 
8920
8946
  .pa-table-card__header {
@@ -9357,7 +9383,7 @@ web-multiselect {
9357
9383
  justify-content: center;
9358
9384
  }
9359
9385
 
9360
- .pa-pager--left {
9386
+ .pa-pager--start {
9361
9387
  justify-content: flex-start;
9362
9388
  }
9363
9389
 
@@ -9365,7 +9391,7 @@ web-multiselect {
9365
9391
  justify-content: center;
9366
9392
  }
9367
9393
 
9368
- .pa-pager--right {
9394
+ .pa-pager--end {
9369
9395
  justify-content: flex-end;
9370
9396
  }
9371
9397
 
@@ -9414,7 +9440,7 @@ web-multiselect {
9414
9440
  justify-content: center;
9415
9441
  }
9416
9442
 
9417
- .pa-load-more--left {
9443
+ .pa-load-more--start {
9418
9444
  justify-content: flex-start;
9419
9445
  }
9420
9446
 
@@ -9422,7 +9448,7 @@ web-multiselect {
9422
9448
  justify-content: center;
9423
9449
  }
9424
9450
 
9425
- .pa-load-more--right {
9451
+ .pa-load-more--end {
9426
9452
  justify-content: flex-end;
9427
9453
  }
9428
9454
 
@@ -9982,7 +10008,7 @@ code {
9982
10008
  justify-content: center;
9983
10009
  }
9984
10010
 
9985
- .pa-pager--left {
10011
+ .pa-pager--start {
9986
10012
  justify-content: flex-start;
9987
10013
  }
9988
10014
 
@@ -9990,7 +10016,7 @@ code {
9990
10016
  justify-content: center;
9991
10017
  }
9992
10018
 
9993
- .pa-pager--right {
10019
+ .pa-pager--end {
9994
10020
  justify-content: flex-end;
9995
10021
  }
9996
10022
 
@@ -10039,7 +10065,7 @@ code {
10039
10065
  justify-content: center;
10040
10066
  }
10041
10067
 
10042
- .pa-load-more--left {
10068
+ .pa-load-more--start {
10043
10069
  justify-content: flex-start;
10044
10070
  }
10045
10071
 
@@ -10047,7 +10073,7 @@ code {
10047
10073
  justify-content: center;
10048
10074
  }
10049
10075
 
10050
- .pa-load-more--right {
10076
+ .pa-load-more--end {
10051
10077
  justify-content: flex-end;
10052
10078
  }
10053
10079
 
@@ -11253,73 +11279,73 @@ code {
11253
11279
  border-radius: 500px 0 0 500px;
11254
11280
  }
11255
11281
 
11256
- .pa-timeline--alternating.pa-timeline--left::after {
11282
+ .pa-timeline--alternating.pa-timeline--start::after {
11257
11283
  left: 90px;
11258
11284
  }
11259
11285
 
11260
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item {
11286
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item {
11261
11287
  width: 100%;
11262
11288
  padding-left: 120px;
11263
11289
  padding-right: 0;
11264
11290
  left: 0 !important;
11265
11291
  }
11266
11292
 
11267
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item::after {
11293
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item::after {
11268
11294
  left: 82px;
11269
11295
  }
11270
11296
 
11271
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item::before {
11297
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item::before {
11272
11298
  left: 100px;
11273
11299
  }
11274
11300
 
11275
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__date {
11301
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__date {
11276
11302
  right: auto;
11277
11303
  left: 15px;
11278
11304
  }
11279
11305
 
11280
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__icon {
11306
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__icon {
11281
11307
  right: auto;
11282
11308
  left: 146px;
11283
11309
  }
11284
11310
 
11285
- .pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__content {
11311
+ .pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__content {
11286
11312
  padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
11287
11313
  border-radius: 500px 0 0 500px;
11288
11314
  }
11289
11315
 
11290
- .pa-timeline--alternating.pa-timeline--right::after {
11316
+ .pa-timeline--alternating.pa-timeline--end::after {
11291
11317
  right: 90px;
11292
11318
  left: auto;
11293
11319
  }
11294
11320
 
11295
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item {
11321
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item {
11296
11322
  width: 100%;
11297
11323
  padding-left: 0;
11298
11324
  padding-right: 120px;
11299
11325
  left: 0 !important;
11300
11326
  }
11301
11327
 
11302
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item::after {
11328
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item::after {
11303
11329
  right: 82px;
11304
11330
  left: auto;
11305
11331
  }
11306
11332
 
11307
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item::before {
11333
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item::before {
11308
11334
  right: 100px;
11309
11335
  left: auto;
11310
11336
  }
11311
11337
 
11312
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__date {
11338
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__date {
11313
11339
  left: auto;
11314
11340
  right: 15px;
11315
11341
  }
11316
11342
 
11317
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__icon {
11343
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__icon {
11318
11344
  left: auto;
11319
11345
  right: 146px;
11320
11346
  }
11321
11347
 
11322
- .pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__content {
11348
+ .pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__content {
11323
11349
  padding: 3.2rem calc(6.4rem + 40px) 3.2rem 3.2rem;
11324
11350
  border-radius: 0 500px 500px 0;
11325
11351
  }
@@ -12713,6 +12739,10 @@ code {
12713
12739
  position: relative;
12714
12740
  }
12715
12741
 
12742
+ .pa-detail-panel__content--bordered {
12743
+ border-block: 1px solid var(--pa-border-color);
12744
+ }
12745
+
12716
12746
  .pa-detail-panel--overlay .pa-detail-panel__content {
12717
12747
  position: absolute;
12718
12748
  top: 0;
@@ -12813,6 +12843,7 @@ code {
12813
12843
  .pa-detail-panel__body {
12814
12844
  flex: 1;
12815
12845
  overflow-y: auto;
12846
+ overscroll-behavior: contain;
12816
12847
  padding: 1.2rem 1.6rem;
12817
12848
  }
12818
12849
 
@@ -13169,6 +13200,10 @@ code {
13169
13200
  margin-top: 2.4rem;
13170
13201
  }
13171
13202
 
13203
+ .pa-fields-container {
13204
+ container-type: inline-size;
13205
+ }
13206
+
13172
13207
  .pa-fields {
13173
13208
  display: flex;
13174
13209
  flex-direction: column;
@@ -13194,6 +13229,11 @@ code {
13194
13229
  grid-template-columns: repeat(4, 1fr);
13195
13230
  }
13196
13231
 
13232
+ @container (max-width: 768px) {
13233
+ .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
13234
+ grid-template-columns: 1fr;
13235
+ }
13236
+ }
13197
13237
  @media (max-width: 768px) {
13198
13238
  .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
13199
13239
  grid-template-columns: 1fr;
@@ -13284,6 +13324,11 @@ code {
13284
13324
  min-width: 0;
13285
13325
  }
13286
13326
 
13327
+ @container (max-width: 768px) {
13328
+ .pa-fields--row {
13329
+ flex-direction: column;
13330
+ }
13331
+ }
13287
13332
  @media (max-width: 768px) {
13288
13333
  .pa-fields--row {
13289
13334
  flex-direction: column;
@@ -13372,6 +13417,427 @@ code {
13372
13417
  padding-inline-start: 0;
13373
13418
  }
13374
13419
 
13420
+ .pa-fields--linear {
13421
+ gap: 0.8rem;
13422
+ border-inline-start: none;
13423
+ padding-inline-start: 0;
13424
+ }
13425
+
13426
+ .pa-fields--linear .pa-field {
13427
+ flex-direction: row;
13428
+ align-items: center;
13429
+ gap: 1.2rem;
13430
+ font-size: 1.4rem;
13431
+ line-height: 1.5;
13432
+ min-height: 2.8rem;
13433
+ }
13434
+
13435
+ .pa-fields--linear .pa-field__label {
13436
+ flex: 0 0 10rem;
13437
+ font-size: 1.4rem;
13438
+ text-transform: none;
13439
+ letter-spacing: normal;
13440
+ opacity: 1;
13441
+ font-weight: 400;
13442
+ color: var(--pa-text-color-2);
13443
+ }
13444
+
13445
+ .pa-fields--linear .pa-field__value {
13446
+ flex: 1;
13447
+ min-width: 0;
13448
+ font-size: 1.4rem;
13449
+ font-weight: 500;
13450
+ color: var(--pa-text-color-1);
13451
+ }
13452
+
13453
+ .pa-fields--chips {
13454
+ flex-direction: row;
13455
+ flex-wrap: wrap;
13456
+ gap: 0.6rem 1.4rem;
13457
+ padding: 0.4rem 0;
13458
+ border-inline-start: none;
13459
+ padding-inline-start: 0;
13460
+ }
13461
+
13462
+ .pa-fields--chips .pa-field {
13463
+ flex-direction: row;
13464
+ align-items: center;
13465
+ gap: 0.5rem;
13466
+ font-size: 1.4rem;
13467
+ }
13468
+
13469
+ .pa-fields--chips .pa-field__label {
13470
+ font-size: 1.4rem;
13471
+ text-transform: none;
13472
+ letter-spacing: normal;
13473
+ opacity: 1;
13474
+ font-weight: 400;
13475
+ color: var(--pa-text-color-2);
13476
+ }
13477
+
13478
+ .pa-fields--chips .pa-field__value {
13479
+ background: rgba(128, 128, 128, 0.1);
13480
+ color: var(--pa-text-color-1);
13481
+ font-weight: 500;
13482
+ padding: 0.2rem 0.8rem;
13483
+ border-radius: 4px;
13484
+ font-size: 1.3rem;
13485
+ }
13486
+
13487
+ .pa-fields--chips .pa-field__value--success {
13488
+ background: var(--pa-success-bg-light, rgba(0, 200, 80, 0.12));
13489
+ color: var(--pa-success-color, #28a745);
13490
+ }
13491
+
13492
+ .pa-fields--chips .pa-field__value--warning {
13493
+ background: var(--pa-warning-bg-light, rgba(255, 165, 0, 0.12));
13494
+ color: var(--pa-warning-color, #e68a00);
13495
+ }
13496
+
13497
+ .pa-fields--chips .pa-field__value--danger {
13498
+ background: var(--pa-danger-bg-light, rgba(255, 0, 0, 0.12));
13499
+ color: var(--pa-danger-color, #dc3545);
13500
+ }
13501
+
13502
+ .pa-desc-container {
13503
+ container-type: inline-size;
13504
+ }
13505
+
13506
+ .pa-desc-table {
13507
+ display: grid;
13508
+ grid-template-columns: repeat(3, auto 1fr);
13509
+ border: 1px solid var(--pa-border-color);
13510
+ border-radius: 4px;
13511
+ overflow: hidden;
13512
+ }
13513
+
13514
+ .pa-desc-table--cols-2 {
13515
+ grid-template-columns: repeat(2, auto 1fr);
13516
+ }
13517
+
13518
+ .pa-desc-table--fixed {
13519
+ grid-template-columns: repeat(3, minmax(0, var(--label-width, 14rem)) minmax(0, 1fr));
13520
+ }
13521
+
13522
+ .pa-desc-table--fixed.pa-desc-table--cols-2 {
13523
+ grid-template-columns: repeat(2, minmax(0, var(--label-width, 14rem)) minmax(0, 1fr));
13524
+ }
13525
+
13526
+ .pa-desc-table__label, .pa-desc-table__value {
13527
+ padding: 1.2rem 1.6rem;
13528
+ border-bottom: 1px solid var(--pa-border-color);
13529
+ font-size: 1.4rem;
13530
+ line-height: 1.5;
13531
+ }
13532
+
13533
+ .pa-desc-table__label {
13534
+ background: rgba(128, 128, 128, 0.06);
13535
+ color: var(--pa-text-color-2);
13536
+ font-weight: 400;
13537
+ white-space: nowrap;
13538
+ border-inline-end: 1px solid var(--pa-border-color);
13539
+ }
13540
+
13541
+ .pa-desc-table__label::after {
13542
+ content: ":";
13543
+ margin-inline-start: 2px;
13544
+ }
13545
+
13546
+ .pa-desc-table__value {
13547
+ color: var(--pa-text-color-1);
13548
+ font-weight: 500;
13549
+ border-inline-end: 1px solid var(--pa-border-color);
13550
+ min-width: 0;
13551
+ }
13552
+
13553
+ .pa-desc-table__value--full {
13554
+ grid-column: 2/-1;
13555
+ }
13556
+
13557
+ .pa-desc-table--middle .pa-desc-table__label, .pa-desc-table--middle .pa-desc-table__value {
13558
+ display: flex;
13559
+ align-items: center;
13560
+ }
13561
+
13562
+ .pa-desc-table--label-end .pa-desc-table__label {
13563
+ text-align: end;
13564
+ justify-content: flex-end;
13565
+ }
13566
+
13567
+ .pa-desc-table--label-center .pa-desc-table__label {
13568
+ text-align: center;
13569
+ justify-content: center;
13570
+ }
13571
+
13572
+ .pa-desc-table--truncate .pa-desc-table__label, .pa-desc-table--truncate .pa-desc-table__value {
13573
+ overflow: hidden;
13574
+ text-overflow: ellipsis;
13575
+ white-space: nowrap;
13576
+ }
13577
+
13578
+ @container (max-width: 768px) {
13579
+ .pa-desc-table, .pa-desc-table--cols-2 {
13580
+ grid-template-columns: auto 1fr;
13581
+ }
13582
+ .pa-desc-table--fixed, .pa-desc-table--fixed.pa-desc-table--cols-2 {
13583
+ grid-template-columns: minmax(0, var(--label-width, 14rem)) minmax(0, 1fr);
13584
+ }
13585
+ .pa-desc-table .pa-desc-table__value--full {
13586
+ grid-column: 2;
13587
+ }
13588
+ }
13589
+ @media (max-width: 768px) {
13590
+ .pa-desc-table, .pa-desc-table--cols-2 {
13591
+ grid-template-columns: auto 1fr;
13592
+ }
13593
+ .pa-desc-table--fixed, .pa-desc-table--fixed.pa-desc-table--cols-2 {
13594
+ grid-template-columns: minmax(0, var(--label-width, 14rem)) minmax(0, 1fr);
13595
+ }
13596
+ .pa-desc-table .pa-desc-table__value--full {
13597
+ grid-column: 2;
13598
+ }
13599
+ }
13600
+ .pa-dot-leaders {
13601
+ display: flex;
13602
+ flex-direction: column;
13603
+ gap: 0;
13604
+ }
13605
+
13606
+ .pa-dot-leaders__item {
13607
+ display: flex;
13608
+ align-items: baseline;
13609
+ padding: 0.6rem 0;
13610
+ }
13611
+
13612
+ .pa-dot-leaders__item--total {
13613
+ margin-top: 0.4rem;
13614
+ padding-top: 0.8rem;
13615
+ border-top: 2px solid var(--pa-text-color-1);
13616
+ }
13617
+
13618
+ .pa-dot-leaders__label {
13619
+ font-size: 1.4rem;
13620
+ font-weight: 500;
13621
+ color: var(--pa-text-color-2);
13622
+ white-space: nowrap;
13623
+ flex-shrink: 0;
13624
+ }
13625
+
13626
+ .pa-dot-leaders__leader {
13627
+ flex: 1;
13628
+ border-bottom: 2px dotted var(--pa-border-color);
13629
+ margin: 0 0.8rem;
13630
+ margin-bottom: 0.25em;
13631
+ min-width: 2rem;
13632
+ }
13633
+
13634
+ .pa-dot-leaders__value {
13635
+ font-size: 1.4rem;
13636
+ font-weight: 600;
13637
+ color: var(--pa-text-color-1);
13638
+ white-space: nowrap;
13639
+ text-align: end;
13640
+ font-variant-numeric: tabular-nums;
13641
+ }
13642
+
13643
+ .pa-dot-leaders__item--total .pa-dot-leaders__label {
13644
+ font-weight: 700;
13645
+ color: var(--pa-text-color-1);
13646
+ }
13647
+
13648
+ .pa-dot-leaders__item--total .pa-dot-leaders__value {
13649
+ font-size: 1.6rem;
13650
+ font-weight: 700;
13651
+ }
13652
+
13653
+ .pa-prop-card {
13654
+ border: 1px solid var(--pa-border-color);
13655
+ border-radius: 6px;
13656
+ overflow: hidden;
13657
+ }
13658
+
13659
+ .pa-prop-card__header {
13660
+ padding: 1rem 1.6rem;
13661
+ font-weight: 600;
13662
+ font-size: 1.3rem;
13663
+ text-transform: uppercase;
13664
+ letter-spacing: 0.04em;
13665
+ color: var(--pa-text-color-2);
13666
+ background: rgba(128, 128, 128, 0.04);
13667
+ border-bottom: 1px solid var(--pa-border-color);
13668
+ }
13669
+
13670
+ .pa-prop-card__row {
13671
+ display: flex;
13672
+ justify-content: space-between;
13673
+ align-items: center;
13674
+ padding: 1rem 1.6rem;
13675
+ border-bottom: 1px solid rgba(128, 128, 128, 0.08);
13676
+ font-size: 1.4rem;
13677
+ gap: 1.6rem;
13678
+ }
13679
+
13680
+ .pa-prop-card__row:last-child {
13681
+ border-bottom: none;
13682
+ }
13683
+
13684
+ .pa-prop-card__label {
13685
+ color: var(--pa-text-color-2);
13686
+ font-weight: 400;
13687
+ flex-shrink: 0;
13688
+ }
13689
+
13690
+ .pa-prop-card__value {
13691
+ color: var(--pa-text-color-1);
13692
+ font-weight: 500;
13693
+ text-align: end;
13694
+ overflow-wrap: anywhere;
13695
+ }
13696
+
13697
+ .pa-prop-card__value--bold {
13698
+ font-weight: 700;
13699
+ }
13700
+
13701
+ .pa-banded-container {
13702
+ container-type: inline-size;
13703
+ }
13704
+
13705
+ .pa-banded {
13706
+ border: 1px solid var(--pa-border-color);
13707
+ border-radius: 4px;
13708
+ overflow: hidden;
13709
+ }
13710
+
13711
+ .pa-banded__row {
13712
+ display: flex;
13713
+ border-bottom: 1px solid var(--pa-border-color);
13714
+ font-size: 1.4rem;
13715
+ align-items: stretch;
13716
+ }
13717
+
13718
+ .pa-banded__row:last-child {
13719
+ border-bottom: none;
13720
+ }
13721
+
13722
+ .pa-banded__label {
13723
+ flex: 0 0 auto;
13724
+ width: 14rem;
13725
+ padding: 0.8rem 1.2rem;
13726
+ background: rgba(128, 128, 128, 0.06);
13727
+ color: var(--pa-text-color-2);
13728
+ font-weight: 500;
13729
+ border-inline-end: 1px solid var(--pa-border-color);
13730
+ display: flex;
13731
+ align-items: flex-start;
13732
+ }
13733
+
13734
+ .pa-banded__value {
13735
+ flex: 1;
13736
+ padding: 0.8rem 1.2rem;
13737
+ color: var(--pa-text-color-1);
13738
+ font-weight: 400;
13739
+ display: flex;
13740
+ align-items: flex-start;
13741
+ overflow-wrap: anywhere;
13742
+ min-width: 0;
13743
+ }
13744
+
13745
+ .pa-banded--narrow .pa-banded__label {
13746
+ width: 10rem;
13747
+ }
13748
+
13749
+ .pa-banded--wide .pa-banded__label {
13750
+ width: 20rem;
13751
+ }
13752
+
13753
+ .pa-banded--middle .pa-banded__label, .pa-banded--middle .pa-banded__value {
13754
+ align-items: center;
13755
+ }
13756
+
13757
+ .pa-banded--label-end .pa-banded__label {
13758
+ justify-content: flex-end;
13759
+ }
13760
+
13761
+ .pa-banded--label-center .pa-banded__label {
13762
+ justify-content: center;
13763
+ }
13764
+
13765
+ .pa-banded--truncate .pa-banded__label, .pa-banded--truncate .pa-banded__value {
13766
+ overflow: hidden;
13767
+ text-overflow: ellipsis;
13768
+ white-space: nowrap;
13769
+ }
13770
+
13771
+ @container (max-width: 768px) {
13772
+ .pa-banded__row {
13773
+ flex-direction: column;
13774
+ }
13775
+ .pa-banded .pa-banded__label {
13776
+ width: auto !important;
13777
+ border-inline-end: none;
13778
+ border-bottom: 1px solid var(--pa-border-color);
13779
+ }
13780
+ .pa-banded .pa-banded__label, .pa-banded .pa-banded__value {
13781
+ display: block;
13782
+ }
13783
+ }
13784
+ @media (max-width: 768px) {
13785
+ .pa-banded__row {
13786
+ flex-direction: column;
13787
+ }
13788
+ .pa-banded .pa-banded__label {
13789
+ width: auto !important;
13790
+ border-inline-end: none;
13791
+ border-bottom: 1px solid var(--pa-border-color);
13792
+ }
13793
+ .pa-banded .pa-banded__label, .pa-banded .pa-banded__value {
13794
+ display: block;
13795
+ }
13796
+ }
13797
+ .pa-accent-grid {
13798
+ display: grid;
13799
+ grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
13800
+ gap: 0.8rem;
13801
+ }
13802
+
13803
+ .pa-accent-grid__item {
13804
+ padding: 0.8rem 1.2rem;
13805
+ padding-inline-start: 1.4rem;
13806
+ border-inline-start: 3px solid var(--pa-accent, #3b82f6);
13807
+ }
13808
+
13809
+ .pa-accent-grid__item--success {
13810
+ border-inline-start-color: var(--pa-success-color, #28a745);
13811
+ }
13812
+
13813
+ .pa-accent-grid__item--warning {
13814
+ border-inline-start-color: var(--pa-warning-color, #e68a00);
13815
+ }
13816
+
13817
+ .pa-accent-grid__item--danger {
13818
+ border-inline-start-color: var(--pa-danger-color, #dc3545);
13819
+ }
13820
+
13821
+ .pa-accent-grid__item--info {
13822
+ border-inline-start-color: var(--pa-info-color, #17a2b8);
13823
+ }
13824
+
13825
+ .pa-accent-grid__label {
13826
+ font-size: 1.1rem;
13827
+ font-weight: 500;
13828
+ color: var(--pa-text-color-2);
13829
+ margin-bottom: 0.2rem;
13830
+ text-transform: uppercase;
13831
+ letter-spacing: 0.03em;
13832
+ }
13833
+
13834
+ .pa-accent-grid__value {
13835
+ font-size: 1.5rem;
13836
+ font-weight: 600;
13837
+ color: var(--pa-text-color-1);
13838
+ line-height: 1.2;
13839
+ }
13840
+
13375
13841
  /* ========================================
13376
13842
  Utility Components
13377
13843
  Font utilities, compact mode, component showcase
@@ -13725,14 +14191,6 @@ html.font-size-xlarge {
13725
14191
  text-align: end;
13726
14192
  }
13727
14193
 
13728
- .pa-text--left {
13729
- text-align: start;
13730
- }
13731
-
13732
- .pa-text--right {
13733
- text-align: end;
13734
- }
13735
-
13736
14194
  .pa-text--caption {
13737
14195
  font-size: 1.2rem;
13738
14196
  color: var(--pa-text-color-2);
@@ -14258,14 +14716,6 @@ html.font-size-xlarge {
14258
14716
  text-align: end;
14259
14717
  }
14260
14718
 
14261
- .text-left {
14262
- text-align: start;
14263
- }
14264
-
14265
- .text-right {
14266
- text-align: end;
14267
- }
14268
-
14269
14719
  /* Pure Admin Visual Framework - SCSS Variables Only */
14270
14720
  /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
14271
14721
  .m-0 {
@@ -15598,18 +16048,10 @@ html.font-size-xlarge {
15598
16048
  flex-shrink: 1 !important;
15599
16049
  }
15600
16050
 
15601
- .text-left {
15602
- text-align: left !important;
15603
- }
15604
-
15605
16051
  .text-center {
15606
16052
  text-align: center !important;
15607
16053
  }
15608
16054
 
15609
- .text-right {
15610
- text-align: right !important;
15611
- }
15612
-
15613
16055
  .text-nowrap {
15614
16056
  white-space: nowrap !important;
15615
16057
  }
@@ -16209,6 +16651,26 @@ html.font-size-xlarge {
16209
16651
  min-height: 50rem !important;
16210
16652
  }
16211
16653
 
16654
+ .minhr-60 {
16655
+ min-height: 60rem !important;
16656
+ }
16657
+
16658
+ .minhr-70 {
16659
+ min-height: 70rem !important;
16660
+ }
16661
+
16662
+ .minhr-80 {
16663
+ min-height: 80rem !important;
16664
+ }
16665
+
16666
+ .minhr-90 {
16667
+ min-height: 90rem !important;
16668
+ }
16669
+
16670
+ .minhr-100 {
16671
+ min-height: 100rem !important;
16672
+ }
16673
+
16212
16674
  .maxhr-1 {
16213
16675
  max-height: 1rem !important;
16214
16676
  }
@@ -16853,6 +17315,10 @@ html.font-size-xlarge {
16853
17315
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
16854
17316
  }
16855
17317
 
17318
+ .pa-cq {
17319
+ container-type: inline-size;
17320
+ }
17321
+
16856
17322
  :root, .pa-mode-dark {
16857
17323
  --page-loader-bg: rgba(26, 26, 26, 0.95);
16858
17324
  --page-loader-spinner-border: #333;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keenmate/pure-admin-theme-dark",
3
- "version": "1.4.0",
3
+ "version": "1.5.1",
4
4
  "description": "Dark theme for Pure Admin with color variants (blue, green, red) via CSS classes",
5
5
  "style": "dist/dark.css",
6
6
  "exports": {