@dataengineeringformachinelearning/viking-ui 4.0.2 → 4.0.4

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 (37) hide show
  1. package/README.md +7 -5
  2. package/dist/README.md +7 -5
  3. package/dist/deml-components.css +23 -0
  4. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +211 -23
  5. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
  6. package/dist/package.json +7 -1
  7. package/dist/src/web/card/viking-card-wc.ts +2 -1
  8. package/dist/src/web/core/styles.ts +125 -2
  9. package/dist/src/web/search-palette/viking-search-palette-wc.ts +1 -0
  10. package/dist/src/web/suite-header/viking-suite-header-wc.ts +15 -0
  11. package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +3 -2
  12. package/dist/viking-components.css +425 -31
  13. package/dist/viking-ui-elements.js +180 -42
  14. package/dist/viking-ui.css +1 -1
  15. package/dist/web-components.js +143 -3
  16. package/package.json +7 -1
  17. package/src/index.ts +1 -1
  18. package/src/lib/button/button.scss +23 -0
  19. package/src/lib/card/card.ts +35 -5
  20. package/src/lib/footer/footer.scss +8 -1
  21. package/src/lib/site-drakkar/site-footer.ts +5 -1
  22. package/src/lib/site-drakkar/site-navbar.ts +23 -4
  23. package/src/lib/theme-toggle/theme-toggle.ts +1 -0
  24. package/src/styles/_buttons.scss +92 -7
  25. package/src/styles/_layout-enforcement.scss +66 -3
  26. package/src/styles/components/footer.scss +26 -13
  27. package/src/styles/components/icon-inline.scss +23 -0
  28. package/src/styles/components.scss +276 -9
  29. package/src/styles/static-navbar.scss +110 -36
  30. package/src/styles/surfaces/docs-showcase.scss +64 -1
  31. package/src/styles/surfaces/marketing-landing.scss +247 -6
  32. package/src/styles/surfaces/swagger-ui.scss +92 -1
  33. package/src/styles/viking-ui.scss +2 -0
  34. package/src/web/card/viking-card-wc.ts +2 -1
  35. package/src/web/core/styles.ts +125 -2
  36. package/src/web/search-palette/viking-search-palette-wc.ts +1 -0
  37. package/src/web/suite-header/viking-suite-header-wc.ts +15 -0
package/README.md CHANGED
@@ -1,10 +1,12 @@
1
1
  # Viking-UI
2
2
 
3
- Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.1`**
3
+ Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.3`**
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.
7
7
 
8
+ This release reflects the Lockheed Martin × The Northman battlefield visual direction with machined borders, high-contrast depth, and restrained teal/crimson accents.
9
+
8
10
  ## Architecture
9
11
 
10
12
  - `src/styles/_variables.scss` defines the canonical `--viking-*` design tokens.
@@ -48,7 +50,7 @@ import {
48
50
  VikingButton,
49
51
  VikingInput,
50
52
  VikingModal,
51
- } from "@dataengineeringformachinelearning/viking-ui";
53
+ } from "@dataengineeringformachinelearning/viking-ui/angular";
52
54
  ```
53
55
 
54
56
  ```bash
@@ -127,11 +129,11 @@ builds.
127
129
  <!-- Pinned -->
128
130
  <link
129
131
  rel="stylesheet"
130
- href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/viking-ui.css"
132
+ href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/viking-ui.css"
131
133
  />
132
134
  <script
133
135
  type="module"
134
- src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/web-components.js"
136
+ src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/web-components.js"
135
137
  ></script>
136
138
  ```
137
139
 
@@ -217,7 +219,7 @@ Pinned release example:
217
219
 
218
220
  ```html
219
221
  <script
220
- src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/widget.js"
222
+ src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/widget.js"
221
223
  async
222
224
  defer
223
225
  data-page-id="platform-status"
package/dist/README.md CHANGED
@@ -1,10 +1,12 @@
1
1
  # Viking-UI
2
2
 
3
- Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.1`**
3
+ Published package: **`@dataengineeringformachinelearning/viking-ui@4.0.3`**
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.
7
7
 
8
+ This release reflects the Lockheed Martin × The Northman battlefield visual direction with machined borders, high-contrast depth, and restrained teal/crimson accents.
9
+
8
10
  ## Architecture
9
11
 
10
12
  - `src/styles/_variables.scss` defines the canonical `--viking-*` design tokens.
@@ -48,7 +50,7 @@ import {
48
50
  VikingButton,
49
51
  VikingInput,
50
52
  VikingModal,
51
- } from "@dataengineeringformachinelearning/viking-ui";
53
+ } from "@dataengineeringformachinelearning/viking-ui/angular";
52
54
  ```
53
55
 
54
56
  ```bash
@@ -127,11 +129,11 @@ builds.
127
129
  <!-- Pinned -->
128
130
  <link
129
131
  rel="stylesheet"
130
- href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/viking-ui.css"
132
+ href="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/viking-ui.css"
131
133
  />
132
134
  <script
133
135
  type="module"
134
- src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/web-components.js"
136
+ src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/web-components.js"
135
137
  ></script>
136
138
  ```
137
139
 
@@ -217,7 +219,7 @@ Pinned release example:
217
219
 
218
220
  ```html
219
221
  <script
220
- src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.1/dist/widget.js"
222
+ src="https://cdn.jsdelivr.net/npm/@dataengineeringformachinelearning/viking-ui@4.0.3/dist/widget.js"
221
223
  async
222
224
  defer
223
225
  data-page-id="platform-status"
package/dist/deml-components.css CHANGED
@@ -176,6 +176,19 @@ viking-icon,
176
176
  vertical-align: middle;
177
177
  }
178
178
 
179
+ [data-viking-icon] {
180
+ display: inline-flex;
181
+ align-items: center;
182
+ justify-content: center;
183
+ flex-shrink: 0;
184
+ line-height: 1;
185
+ }
186
+
187
+ [data-viking-icon] svg {
188
+ display: inline-block;
189
+ line-height: 1;
190
+ }
191
+
179
192
  .nav-btn viking-app-icon,
180
193
  .nav-btn viking-icon,
181
194
  .nav-btn .material-icons,
@@ -221,6 +234,8 @@ viking-icon,
221
234
  .nav-btn viking-app-icon,
222
235
  .nav-btn viking-icon,
223
236
  .mobile-nav-btn viking-app-icon,
237
+ .nav-btn [data-viking-icon],
238
+ .mobile-nav-btn [data-viking-icon],
224
239
  .auth-btn viking-app-icon,
225
240
  .mobile-auth-btn viking-app-icon {
226
241
  width: var(--viking-icon-size-md, var(--base-font-size));
@@ -228,6 +243,14 @@ viking-icon,
228
243
  align-self: center;
229
244
  }
230
245
 
246
+ .nav-btn [data-viking-icon] svg,
247
+ .mobile-nav-btn [data-viking-icon] svg,
248
+ .auth-btn [data-viking-icon] svg,
249
+ .mobile-auth-btn [data-viking-icon] svg {
250
+ width: var(--viking-icon-size-md, var(--base-font-size));
251
+ height: var(--viking-icon-size-md, var(--base-font-size));
252
+ }
253
+
231
254
  .theme-toggle-btn viking-app-icon,
232
255
  .theme-toggle-btn viking-icon,
233
256
  .menu-toggle-btn viking-app-icon,