@dataengineeringformachinelearning/viking-ui 4.0.0 → 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/README.md +4 -4
- package/dist/README.md +4 -4
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +2 -2
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/package.json +1 -1
- package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +48 -48
- 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
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Viking-UI
|
|
2
2
|
|
|
3
|
-
Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.
|
|
3
|
+
Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.1`**
|
|
4
4
|
Single source of truth: **`packages/viking-ui/`** (framework-agnostic primitives, styles, web components, and Angular wrapper entrypoints are consolidated here).
|
|
5
5
|
|
|
6
6
|
Universal DEML component library for Astro, Angular, and Django.
|
|
@@ -127,11 +127,11 @@ builds.
|
|
|
127
127
|
<!-- Pinned -->
|
|
128
128
|
<link
|
|
129
129
|
rel="stylesheet"
|
|
130
|
-
href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
130
|
+
href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/viking-ui.css"
|
|
131
131
|
/>
|
|
132
132
|
<script
|
|
133
133
|
type="module"
|
|
134
|
-
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
134
|
+
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/web-components.js"
|
|
135
135
|
></script>
|
|
136
136
|
```
|
|
137
137
|
|
|
@@ -217,7 +217,7 @@ Pinned release example:
|
|
|
217
217
|
|
|
218
218
|
```html
|
|
219
219
|
<script
|
|
220
|
-
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
220
|
+
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/widget.js"
|
|
221
221
|
async
|
|
222
222
|
defer
|
|
223
223
|
data-page-id="platform-status"
|
package/dist/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Viking-UI
|
|
2
2
|
|
|
3
|
-
Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.
|
|
3
|
+
Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.1`**
|
|
4
4
|
Single source of truth: **`packages/viking-ui/`** (framework-agnostic primitives, styles, web components, and Angular wrapper entrypoints are consolidated here).
|
|
5
5
|
|
|
6
6
|
Universal DEML component library for Astro, Angular, and Django.
|
|
@@ -127,11 +127,11 @@ builds.
|
|
|
127
127
|
<!-- Pinned -->
|
|
128
128
|
<link
|
|
129
129
|
rel="stylesheet"
|
|
130
|
-
href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
130
|
+
href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/viking-ui.css"
|
|
131
131
|
/>
|
|
132
132
|
<script
|
|
133
133
|
type="module"
|
|
134
|
-
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
134
|
+
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/web-components.js"
|
|
135
135
|
></script>
|
|
136
136
|
```
|
|
137
137
|
|
|
@@ -217,7 +217,7 @@ Pinned release example:
|
|
|
217
217
|
|
|
218
218
|
```html
|
|
219
219
|
<script
|
|
220
|
-
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.
|
|
220
|
+
src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/widget.js"
|
|
221
221
|
async
|
|
222
222
|
defer
|
|
223
223
|
data-page-id="platform-status"
|
|
@@ -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
|
/**
|