@aortl/admin-css 0.11.0 → 0.12.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.
- package/dist/admin.css +48 -16
- package/dist/admin.min.css +1 -1
- package/dist/admin.scoped.css +48 -16
- package/dist/admin.scoped.min.css +17 -4
- package/dist/admin.utilities.css +1980 -265
- package/dist/admin.utilities.min.css +1 -1
- package/package.json +1 -1
- package/src/components/card.css +52 -1
- package/src/components/stat-card.css +31 -10
- package/src/utilities.css +11 -0
package/dist/admin.scoped.css
CHANGED
|
@@ -2291,7 +2291,7 @@
|
|
|
2291
2291
|
border-style: var(--tw-border-style);
|
|
2292
2292
|
border-width: 1px;
|
|
2293
2293
|
border-color: var(--color-border);
|
|
2294
|
-
background-color: var(--color-surface);
|
|
2294
|
+
background-color: var(--color-surface-muted);
|
|
2295
2295
|
color: var(--color-text);
|
|
2296
2296
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
2297
2297
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2347,19 +2347,44 @@
|
|
|
2347
2347
|
--tw-shadow: 0 0 #0000;
|
|
2348
2348
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2349
2349
|
}
|
|
2350
|
+
:scope._ao-card-muted, :scope ._ao-card-muted {
|
|
2351
|
+
background-color: var(--color-surface);
|
|
2352
|
+
}
|
|
2353
|
+
:scope._ao-card-primary, :scope ._ao-card-primary {
|
|
2354
|
+
border-color: var(--color-primary-muted);
|
|
2355
|
+
background-color: var(--color-primary-muted);
|
|
2356
|
+
}
|
|
2357
|
+
:scope._ao-card-info, :scope ._ao-card-info {
|
|
2358
|
+
border-color: var(--color-info-muted);
|
|
2359
|
+
background-color: var(--color-info-muted);
|
|
2360
|
+
}
|
|
2361
|
+
:scope._ao-card-success, :scope ._ao-card-success {
|
|
2362
|
+
border-color: var(--color-success-muted);
|
|
2363
|
+
background-color: var(--color-success-muted);
|
|
2364
|
+
}
|
|
2365
|
+
:scope._ao-card-warning, :scope ._ao-card-warning {
|
|
2366
|
+
border-color: var(--color-warning-muted);
|
|
2367
|
+
background-color: var(--color-warning-muted);
|
|
2368
|
+
}
|
|
2369
|
+
:scope._ao-card-danger, :scope ._ao-card-danger {
|
|
2370
|
+
border-color: var(--color-danger-muted);
|
|
2371
|
+
background-color: var(--color-danger-muted);
|
|
2372
|
+
}
|
|
2373
|
+
:scope._ao-card-primary ._ao-card-title, :scope ._ao-card-primary ._ao-card-title {
|
|
2374
|
+
color: var(--color-primary);
|
|
2375
|
+
}
|
|
2376
|
+
:scope._ao-card-info ._ao-card-title, :scope ._ao-card-info ._ao-card-title {
|
|
2377
|
+
color: var(--color-info);
|
|
2378
|
+
}
|
|
2379
|
+
:scope._ao-card-success ._ao-card-title, :scope ._ao-card-success ._ao-card-title {
|
|
2380
|
+
color: var(--color-success);
|
|
2381
|
+
}
|
|
2382
|
+
:scope._ao-card-danger ._ao-card-title, :scope ._ao-card-danger ._ao-card-title {
|
|
2383
|
+
color: var(--color-danger);
|
|
2384
|
+
}
|
|
2350
2385
|
:scope._ao-stat-card, :scope ._ao-stat-card {
|
|
2351
|
-
display: flex;
|
|
2352
|
-
flex-direction: column;
|
|
2353
2386
|
gap: calc(var(--spacing) * 1);
|
|
2354
|
-
border-radius: var(--radius-xl);
|
|
2355
|
-
border-style: var(--tw-border-style);
|
|
2356
|
-
border-width: 1px;
|
|
2357
|
-
border-color: var(--color-border);
|
|
2358
|
-
background-color: var(--color-surface);
|
|
2359
2387
|
padding: calc(var(--spacing) * 4);
|
|
2360
|
-
color: var(--color-text);
|
|
2361
|
-
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
2362
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2363
2388
|
}
|
|
2364
2389
|
:scope._ao-stat-card-label, :scope ._ao-stat-card-label {
|
|
2365
2390
|
display: flex;
|
|
@@ -2386,14 +2411,21 @@
|
|
|
2386
2411
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2387
2412
|
color: var(--color-text-muted);
|
|
2388
2413
|
}
|
|
2389
|
-
:scope._ao-stat-card
|
|
2414
|
+
:scope._ao-card-compact._ao-stat-card, :scope ._ao-card-compact._ao-stat-card {
|
|
2390
2415
|
gap: calc(var(--spacing) * 0.5);
|
|
2391
2416
|
padding: calc(var(--spacing) * 3);
|
|
2392
2417
|
}
|
|
2393
|
-
:scope._ao-stat-card-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2418
|
+
:scope._ao-card-primary ._ao-stat-card-value, :scope ._ao-card-primary ._ao-stat-card-value {
|
|
2419
|
+
color: var(--color-primary);
|
|
2420
|
+
}
|
|
2421
|
+
:scope._ao-card-info ._ao-stat-card-value, :scope ._ao-card-info ._ao-stat-card-value {
|
|
2422
|
+
color: var(--color-info);
|
|
2423
|
+
}
|
|
2424
|
+
:scope._ao-card-success ._ao-stat-card-value, :scope ._ao-card-success ._ao-stat-card-value {
|
|
2425
|
+
color: var(--color-success);
|
|
2426
|
+
}
|
|
2427
|
+
:scope._ao-card-danger ._ao-stat-card-value, :scope ._ao-card-danger ._ao-stat-card-value {
|
|
2428
|
+
color: var(--color-danger);
|
|
2397
2429
|
}
|
|
2398
2430
|
:scope._ao-dialog, :scope ._ao-dialog {
|
|
2399
2431
|
margin: auto;
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
:scope._ao-select-item[data-disabled], :scope ._ao-select-item[data-disabled]{cursor:not-allowed;opacity:.5}
|
|
398
398
|
:scope._ao-select-item-indicator, :scope ._ao-select-item-indicator{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);color:var(--color-primary);justify-content:center;align-items:center;margin-left:auto;display:inline-flex}
|
|
399
399
|
:scope._ao-select-group-label, :scope ._ao-select-group-label{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase}
|
|
400
|
-
:scope._ao-card, :scope ._ao-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;display:flex;overflow:hidden}
|
|
400
|
+
:scope._ao-card, :scope ._ao-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);color:var(--color-text);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;display:flex;overflow:hidden}
|
|
401
401
|
:scope._ao-card-body, :scope ._ao-card-body{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 5);flex-direction:column;display:flex}
|
|
402
402
|
:scope._ao-card-title, :scope ._ao-card-title{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:flex}
|
|
403
403
|
:scope._ao-card-header, :scope ._ao-card-header{align-items:center;gap:calc(var(--spacing) * 2);display:flex}
|
|
@@ -406,12 +406,25 @@
|
|
|
406
406
|
:scope._ao-card-actions, :scope ._ao-card-actions{align-items:center;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);flex-wrap:wrap;margin-top:auto;display:flex}
|
|
407
407
|
:scope._ao-card-compact ._ao-card-body, :scope ._ao-card-compact ._ao-card-body{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3)}
|
|
408
408
|
:scope._ao-card-bordered, :scope ._ao-card-bordered{border-color:var(--color-border-strong);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
|
|
409
|
-
:scope._ao-
|
|
409
|
+
:scope._ao-card-muted, :scope ._ao-card-muted{background-color:var(--color-surface)}
|
|
410
|
+
:scope._ao-card-primary, :scope ._ao-card-primary{border-color:var(--color-primary-muted);background-color:var(--color-primary-muted)}
|
|
411
|
+
:scope._ao-card-info, :scope ._ao-card-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted)}
|
|
412
|
+
:scope._ao-card-success, :scope ._ao-card-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted)}
|
|
413
|
+
:scope._ao-card-warning, :scope ._ao-card-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted)}
|
|
414
|
+
:scope._ao-card-danger, :scope ._ao-card-danger{border-color:var(--color-danger-muted);background-color:var(--color-danger-muted)}
|
|
415
|
+
:scope._ao-card-primary ._ao-card-title, :scope ._ao-card-primary ._ao-card-title{color:var(--color-primary)}
|
|
416
|
+
:scope._ao-card-info ._ao-card-title, :scope ._ao-card-info ._ao-card-title{color:var(--color-info)}
|
|
417
|
+
:scope._ao-card-success ._ao-card-title, :scope ._ao-card-success ._ao-card-title{color:var(--color-success)}
|
|
418
|
+
:scope._ao-card-danger ._ao-card-title, :scope ._ao-card-danger ._ao-card-title{color:var(--color-danger)}
|
|
419
|
+
:scope._ao-stat-card, :scope ._ao-stat-card{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 4)}
|
|
410
420
|
:scope._ao-stat-card-label, :scope ._ao-stat-card-label{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:flex}
|
|
411
421
|
:scope._ao-stat-card-value, :scope ._ao-stat-card-value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
|
|
412
422
|
:scope._ao-stat-card-detail, :scope ._ao-stat-card-detail{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted)}
|
|
413
|
-
:scope._ao-stat-card
|
|
414
|
-
:scope._ao-stat-card-
|
|
423
|
+
:scope._ao-card-compact._ao-stat-card, :scope ._ao-card-compact._ao-stat-card{gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 3)}
|
|
424
|
+
:scope._ao-card-primary ._ao-stat-card-value, :scope ._ao-card-primary ._ao-stat-card-value{color:var(--color-primary)}
|
|
425
|
+
:scope._ao-card-info ._ao-stat-card-value, :scope ._ao-card-info ._ao-stat-card-value{color:var(--color-info)}
|
|
426
|
+
:scope._ao-card-success ._ao-stat-card-value, :scope ._ao-card-success ._ao-stat-card-value{color:var(--color-success)}
|
|
427
|
+
:scope._ao-card-danger ._ao-stat-card-value, :scope ._ao-card-danger ._ao-stat-card-value{color:var(--color-danger)}
|
|
415
428
|
:scope._ao-dialog, :scope ._ao-dialog{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);padding:calc(var(--spacing) * 0);color:var(--color-text);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:1;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);transition:display .15s allow-discrete, overlay .15s allow-discrete, opacity .15s ease-out, transform .15s ease-out;flex-direction:column;margin:auto;transform:translateY(0)scale(1)}
|
|
416
429
|
:scope._ao-dialog[open], :scope ._ao-dialog[open]{display:flex}
|
|
417
430
|
:scope._ao-dialog::backdrop, :scope ._ao-dialog::backdrop{transition:display .15s allow-discrete, overlay .15s allow-discrete, background .15s ease-out;background:#0006}
|