@aortl/admin-css 0.18.0 → 0.18.2
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/CHANGELOG.md +15 -1
- package/dist/admin.css +10 -0
- package/dist/admin.min.css +1 -1
- package/dist/admin.scoped.css +493 -415
- package/dist/admin.scoped.min.css +3 -0
- package/package.json +2 -1
- package/src/components/dialog.css +21 -0
|
@@ -620,6 +620,9 @@
|
|
|
620
620
|
@starting-style{:scope._ao-dialog[open], :scope ._ao-dialog[open]{opacity:0;transform:translateY(-.5rem)scale(.98)}:scope._ao-dialog[open]::backdrop, :scope ._ao-dialog[open]::backdrop{background:0 0}}
|
|
621
621
|
:scope._ao-dialog-sm, :scope ._ao-dialog-sm{max-width:24rem}
|
|
622
622
|
:scope._ao-dialog-lg, :scope ._ao-dialog-lg{max-width:48rem}
|
|
623
|
+
:scope._ao-dialog-auto, :scope ._ao-dialog-auto{width:auto;max-width:calc(100vw - 2rem)}
|
|
624
|
+
:scope._ao-dialog-metabase, :scope ._ao-dialog-metabase{max-width:1138px}
|
|
625
|
+
:scope._ao-dialog-metabase ._ao-dialog-header, :scope ._ao-dialog-metabase ._ao-dialog-header, :scope._ao-dialog-metabase ._ao-dialog-description, :scope ._ao-dialog-metabase ._ao-dialog-description, :scope._ao-dialog-metabase ._ao-dialog-body, :scope ._ao-dialog-metabase ._ao-dialog-body, :scope._ao-dialog-metabase ._ao-dialog-footer, :scope ._ao-dialog-metabase ._ao-dialog-footer{padding-inline:calc(var(--spacing) * 11)}
|
|
623
626
|
:scope._ao-dialog-header, :scope ._ao-dialog-header{align-items:flex-start;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 3);display:flex}
|
|
624
627
|
:scope._ao-dialog-title, :scope ._ao-dialog-title{margin:calc(var(--spacing) * 0);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);flex:1;min-width:0;display:flex}
|
|
625
628
|
:scope._ao-dialog-description, :scope ._ao-dialog-description{margin-top:calc(var(--spacing) * -2);margin-bottom:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aortl/admin-css",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.2",
|
|
4
4
|
"description": "Pre-built CSS design system. Drop in via <link> and use semantic class names.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@tailwindcss/cli": "4.3.0",
|
|
46
46
|
"postcss": "8.5.15",
|
|
47
|
+
"postcss-nesting": "14.0.0",
|
|
47
48
|
"postcss-selector-parser": "6.1.2",
|
|
48
49
|
"tailwindcss": "4.3.0",
|
|
49
50
|
"vitest": "4.1.6"
|
|
@@ -54,6 +54,27 @@
|
|
|
54
54
|
max-width: 48rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
/* Shrink to fit content rather than filling a preset width, still capped to
|
|
58
|
+
the viewport so long content scrolls instead of overflowing. */
|
|
59
|
+
.dialog-auto {
|
|
60
|
+
width: auto;
|
|
61
|
+
max-width: calc(100vw - 2rem);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* Sized for an embedded Metabase iframe: a full-width body child lands at
|
|
65
|
+
1048px inside the 1138px modal (1138 - 2px border - 2x 44px gutter). The
|
|
66
|
+
wider gutter is applied to every subpart so header/iframe/footer stay flush. */
|
|
67
|
+
.dialog-metabase {
|
|
68
|
+
max-width: 1138px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.dialog-metabase .dialog-header,
|
|
72
|
+
.dialog-metabase .dialog-description,
|
|
73
|
+
.dialog-metabase .dialog-body,
|
|
74
|
+
.dialog-metabase .dialog-footer {
|
|
75
|
+
@apply px-11;
|
|
76
|
+
}
|
|
77
|
+
|
|
57
78
|
/* Subparts */
|
|
58
79
|
.dialog-header {
|
|
59
80
|
@apply flex items-start gap-3 px-5 pt-5 pb-3;
|