@dataengineeringformachinelearning/viking-ui 4.0.1 → 4.0.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/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +2 -2
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
- package/dist/package.json +1 -1
- package/dist/viking-ui.css +1 -1
- package/package.json +1 -1
- package/src/lib/auth-panel/auth-panel.ts +9 -9
- package/src/styles/surfaces/backend.scss +22 -10
- package/src/styles/surfaces/docs-shell.scss +40 -15
- package/src/styles/surfaces/docs-showcase.scss +68 -29
- package/src/styles/surfaces/marketing-landing.scss +64 -39
- package/src/styles/surfaces/swagger-ui.scss +9 -8
- package/src/styles/viking-ui.scss +12 -12
|
@@ -5930,7 +5930,7 @@ class VikingAuthPanel {
|
|
|
5930
5930
|
<ng-content select="[vikingAuthFooter]" />
|
|
5931
5931
|
</footer>
|
|
5932
5932
|
</section>
|
|
5933
|
-
`, isInline: true, styles: [":host{display:block;width:100%;max-width:
|
|
5933
|
+
`, isInline: true, styles: [":host{display:block;width:100%;max-width:520px;margin-inline:auto;font-family:var(--viking-font-family)}.viking-auth-panel{display:flex;flex-direction:column;gap:var(--viking-space-4);width:100%;padding:var(--viking-card-padding);background:var(--viking-surface);border:1px solid var(--viking-border);border-radius:var(--viking-radius-lg);box-shadow:var(--viking-shadow-md);position:relative;overflow:hidden}.viking-auth-panel:before{content:\"\";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--viking-metallic-200) 22%,transparent),transparent);pointer-events:none}.viking-auth-header{display:flex;flex-direction:column;gap:var(--viking-space-2);margin-bottom:var(--viking-space-2)}.viking-auth-tag-row{display:flex;align-items:center}.viking-auth-tag{display:inline-flex;align-items:center;gap:var(--viking-space-1);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--viking-text-muted);padding:var(--viking-space-1) var(--viking-space-2);border:1px solid var(--viking-border);border-radius:var(--viking-radius-pill);background:var(--viking-surface);box-shadow:var(--viking-shadow-sm)}.viking-auth-tag:before{content:\"\";width:var(--viking-space-1);height:var(--viking-space-1);border-radius:50%;background:var(--viking-accent);flex-shrink:0}.viking-auth-title{margin:0;font-size:var(--viking-font-size-xl);font-weight:700;letter-spacing:var(--header-letter-spacing, -.02em);color:var(--viking-text);line-height:var(--viking-line-height-tight)}.viking-auth-subtitle{margin:0;font-size:var(--viking-font-size);line-height:1.6;color:var(--viking-text-muted)}.viking-auth-body{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep .viking-auth-stack{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep .viking-auth-stack viking-callout{width:100%}:host ::ng-deep .viking-auth-stack .login-form,:host ::ng-deep .login-form{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}.viking-auth-social{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}.viking-auth-footer{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%;margin-top:var(--viking-space-4);padding-top:var(--viking-space-4);border-top:1px solid var(--viking-border)}:host ::ng-deep [vikingAuthFooter]{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep [vikingAuthFooter] viking-button .viking-btn{min-width:0}:host ::ng-deep [vikingAuthLinks].viking-auth-links,:host ::ng-deep .viking-auth-links{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}:host ::ng-deep viking-field{width:100%}\n"], dependencies: [{ kind: "component", type: VikingButton, selector: "viking-button", inputs: ["variant", "size", "type", "icon", "iconTrailing", "disabled", "loading", "square", "fullWidth", "compact", "href", "target", "kbd", "label"], outputs: ["pressed"] }, { kind: "component", type: VikingSeparator, selector: "viking-separator", inputs: ["orientation", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5934
5934
|
}
|
|
5935
5935
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: VikingAuthPanel, decorators: [{
|
|
5936
5936
|
type: Component,
|
|
@@ -5990,7 +5990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5990
5990
|
<ng-content select="[vikingAuthFooter]" />
|
|
5991
5991
|
</footer>
|
|
5992
5992
|
</section>
|
|
5993
|
-
`, styles: [":host{display:block;width:100%;max-width:
|
|
5993
|
+
`, styles: [":host{display:block;width:100%;max-width:520px;margin-inline:auto;font-family:var(--viking-font-family)}.viking-auth-panel{display:flex;flex-direction:column;gap:var(--viking-space-4);width:100%;padding:var(--viking-card-padding);background:var(--viking-surface);border:1px solid var(--viking-border);border-radius:var(--viking-radius-lg);box-shadow:var(--viking-shadow-md);position:relative;overflow:hidden}.viking-auth-panel:before{content:\"\";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--viking-metallic-200) 22%,transparent),transparent);pointer-events:none}.viking-auth-header{display:flex;flex-direction:column;gap:var(--viking-space-2);margin-bottom:var(--viking-space-2)}.viking-auth-tag-row{display:flex;align-items:center}.viking-auth-tag{display:inline-flex;align-items:center;gap:var(--viking-space-1);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--viking-text-muted);padding:var(--viking-space-1) var(--viking-space-2);border:1px solid var(--viking-border);border-radius:var(--viking-radius-pill);background:var(--viking-surface);box-shadow:var(--viking-shadow-sm)}.viking-auth-tag:before{content:\"\";width:var(--viking-space-1);height:var(--viking-space-1);border-radius:50%;background:var(--viking-accent);flex-shrink:0}.viking-auth-title{margin:0;font-size:var(--viking-font-size-xl);font-weight:700;letter-spacing:var(--header-letter-spacing, -.02em);color:var(--viking-text);line-height:var(--viking-line-height-tight)}.viking-auth-subtitle{margin:0;font-size:var(--viking-font-size);line-height:1.6;color:var(--viking-text-muted)}.viking-auth-body{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep .viking-auth-stack{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep .viking-auth-stack viking-callout{width:100%}:host ::ng-deep .viking-auth-stack .login-form,:host ::ng-deep .login-form{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}.viking-auth-social{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}.viking-auth-footer{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%;margin-top:var(--viking-space-4);padding-top:var(--viking-space-4);border-top:1px solid var(--viking-border)}:host ::ng-deep [vikingAuthFooter]{display:flex;flex-direction:column;gap:var(--viking-space-3);width:100%}:host ::ng-deep [vikingAuthFooter] viking-button .viking-btn{min-width:0}:host ::ng-deep [vikingAuthLinks].viking-auth-links,:host ::ng-deep .viking-auth-links{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}:host ::ng-deep viking-field{width:100%}\n"] }]
|
|
5994
5994
|
}], propDecorators: { tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], showSocial: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSocial", required: false }] }], socialLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "socialLoading", required: false }] }], googleSignIn: [{ type: i0.Output, args: ["googleSignIn"] }], appleSignIn: [{ type: i0.Output, args: ["appleSignIn"] }] } });
|
|
5995
5995
|
|
|
5996
5996
|
/**
|