@dataengineeringformachinelearning/viking-ui 4.0.4 → 4.0.6

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 (246) hide show
  1. package/README.md +35 -11
  2. package/dist/README.md +35 -11
  3. package/dist/design-tokens.css +300 -85
  4. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +100 -64
  5. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
  6. package/dist/icons.js +306 -0
  7. package/dist/package.json +24 -5
  8. package/{src/lib/site-drakkar/site-drakkar.config.ts → dist/site-drakkar.js} +64 -130
  9. package/dist/src/tokens/viking-tokens.json +9 -7
  10. package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +97 -3
  11. package/dist/viking-components.css +161 -70
  12. package/dist/viking-tokens.json +9 -7
  13. package/dist/viking-ui-elements.js +44 -32
  14. package/dist/viking-ui.css +1 -1
  15. package/dist/web-components.js +44 -32
  16. package/package.json +30 -8
  17. package/dist/scripts/build-web-components.mjs +0 -37
  18. package/dist/src/web/badge/viking-badge-wc.ts +0 -116
  19. package/dist/src/web/button/viking-button-wc.ts +0 -165
  20. package/dist/src/web/callout/viking-callout-wc.ts +0 -105
  21. package/dist/src/web/card/viking-card-wc.ts +0 -67
  22. package/dist/src/web/core/base.ts +0 -56
  23. package/dist/src/web/core/dom.ts +0 -53
  24. package/dist/src/web/core/icons-inline.ts +0 -44
  25. package/dist/src/web/core/styles.ts +0 -1261
  26. package/dist/src/web/core/types.ts +0 -19
  27. package/dist/src/web/field/viking-field-wc.ts +0 -154
  28. package/dist/src/web/index.ts +0 -73
  29. package/dist/src/web/input/viking-input-wc.ts +0 -211
  30. package/dist/src/web/modal/viking-modal-wc.ts +0 -187
  31. package/dist/src/web/search-palette/viking-search-palette-wc.ts +0 -495
  32. package/dist/src/web/select/viking-select-wc.ts +0 -218
  33. package/dist/src/web/suite-header/viking-suite-header-wc.ts +0 -729
  34. package/dist/src/web/suite-search-palette/viking-suite-search-palette-wc.ts +0 -234
  35. package/dist/src/web/theme-toggle/viking-theme-toggle-wc.ts +0 -139
  36. package/dist/src/web/types.ts +0 -37
  37. package/dist/src/web/web-components.spec.ts +0 -297
  38. package/src/assets/drakkar-favicon.svg +0 -17
  39. package/src/assets/fonts/inter/InterVariable-Italic.woff2 +0 -0
  40. package/src/assets/fonts/inter/InterVariable.woff2 +0 -0
  41. package/src/core/brand/deml-lockup.svg +0 -5
  42. package/src/core/brand/deml-mark-compact.svg +0 -4
  43. package/src/core/brand/deml-mark-filled.svg +0 -3
  44. package/src/core/brand/deml-mark-outline.svg +0 -4
  45. package/src/core/brand-icons.ts +0 -62
  46. package/src/core/icons.spec.ts +0 -52
  47. package/src/core/icons.ts +0 -206
  48. package/src/core/integration-brand-icons.ts +0 -77
  49. package/src/core/lucide-paths.generated.ts +0 -130
  50. package/src/core/types.ts +0 -85
  51. package/src/core/uid.ts +0 -7
  52. package/src/elements/button/viking-button.ts +0 -201
  53. package/src/elements/card/viking-card.ts +0 -60
  54. package/src/elements/core/dom.ts +0 -33
  55. package/src/elements/core/styles.ts +0 -28
  56. package/src/elements/modal/viking-modal.ts +0 -154
  57. package/src/index.ts +0 -1
  58. package/src/lib/accordion/accordion.ts +0 -126
  59. package/src/lib/app-header/app-header.scss +0 -274
  60. package/src/lib/app-header/app-header.ts +0 -43
  61. package/src/lib/app-sidebar/app-sidebar.scss +0 -415
  62. package/src/lib/app-sidebar/app-sidebar.ts +0 -29
  63. package/src/lib/auth-panel/auth-panel.spec.ts +0 -132
  64. package/src/lib/auth-panel/auth-panel.ts +0 -228
  65. package/src/lib/autocomplete/autocomplete.ts +0 -223
  66. package/src/lib/avatar/avatar.ts +0 -126
  67. package/src/lib/badge/badge.ts +0 -182
  68. package/src/lib/bar/bar.ts +0 -31
  69. package/src/lib/brand/brand.ts +0 -60
  70. package/src/lib/breadcrumbs/breadcrumbs.ts +0 -81
  71. package/src/lib/button/button-group.ts +0 -40
  72. package/src/lib/button/button.scss +0 -119
  73. package/src/lib/button/button.ts +0 -98
  74. package/src/lib/calendar/calendar.ts +0 -253
  75. package/src/lib/callout/callout.ts +0 -211
  76. package/src/lib/card/card-title.spec.ts +0 -27
  77. package/src/lib/card/card-title.ts +0 -50
  78. package/src/lib/card/card.ts +0 -200
  79. package/src/lib/carousel/carousel.ts +0 -206
  80. package/src/lib/chart/chart-zoom.spec.ts +0 -65
  81. package/src/lib/chart/chart-zoom.ts +0 -71
  82. package/src/lib/chart/chart.ts +0 -1257
  83. package/src/lib/chart-card-header/chart-card-header.ts +0 -80
  84. package/src/lib/chart-empty-state/chart-empty-state.ts +0 -146
  85. package/src/lib/chart-panel/chart-panel.ts +0 -133
  86. package/src/lib/checkbox/checkbox.ts +0 -139
  87. package/src/lib/color-picker/color-picker.ts +0 -148
  88. package/src/lib/command/command.ts +0 -260
  89. package/src/lib/composer/composer.ts +0 -180
  90. package/src/lib/confirm-dialog/confirm-dialog.ts +0 -163
  91. package/src/lib/confirm-dialog/dialog.service.ts +0 -79
  92. package/src/lib/context/context.ts +0 -75
  93. package/src/lib/core/brand-icons.ts +0 -62
  94. package/src/lib/core/cva.ts +0 -33
  95. package/src/lib/core/icons.ts +0 -206
  96. package/src/lib/core/integration-brand-icons.ts +0 -77
  97. package/src/lib/core/lucide-paths.generated.ts +0 -130
  98. package/src/lib/date-picker/date-picker.ts +0 -139
  99. package/src/lib/dropdown/dropdown.ts +0 -188
  100. package/src/lib/editor/editor.ts +0 -170
  101. package/src/lib/empty-state/empty-state.ts +0 -100
  102. package/src/lib/fab/fab.ts +0 -76
  103. package/src/lib/field/field.ts +0 -111
  104. package/src/lib/file-upload/file-upload.ts +0 -208
  105. package/src/lib/footer/footer.scss +0 -162
  106. package/src/lib/footer/footer.ts +0 -28
  107. package/src/lib/form-section/form-section.ts +0 -200
  108. package/src/lib/forms.spec.ts +0 -92
  109. package/src/lib/gauge-arc/gauge-arc.ts +0 -85
  110. package/src/lib/hud-panel/hud-panel.ts +0 -27
  111. package/src/lib/icon/icon.ts +0 -284
  112. package/src/lib/icon-badge/icon-badge.ts +0 -87
  113. package/src/lib/icon-heading/icon-heading.spec.ts +0 -32
  114. package/src/lib/icon-heading/icon-heading.ts +0 -38
  115. package/src/lib/icon-text/icon-text.ts +0 -120
  116. package/src/lib/input/input.ts +0 -119
  117. package/src/lib/kanban/kanban.ts +0 -211
  118. package/src/lib/kbd/kbd.ts +0 -32
  119. package/src/lib/label/label.ts +0 -39
  120. package/src/lib/loading-overlay/loading-overlay.ts +0 -80
  121. package/src/lib/menubar/menubar.ts +0 -77
  122. package/src/lib/metric-card/metric-card.ts +0 -33
  123. package/src/lib/modal/modal.ts +0 -207
  124. package/src/lib/native-select/native-select.ts +0 -124
  125. package/src/lib/navbar/navbar.ts +0 -124
  126. package/src/lib/navigation-menu/navigation-menu.ts +0 -116
  127. package/src/lib/otp-input/otp-input.ts +0 -164
  128. package/src/lib/page-back-link/page-back-link.ts +0 -74
  129. package/src/lib/page-header/page-header.ts +0 -70
  130. package/src/lib/pagination/pagination.ts +0 -157
  131. package/src/lib/pillbox/pillbox.ts +0 -157
  132. package/src/lib/popover/popover.ts +0 -92
  133. package/src/lib/profile/profile.ts +0 -73
  134. package/src/lib/progress/progress.ts +0 -123
  135. package/src/lib/radio/radio.ts +0 -132
  136. package/src/lib/ring-gauge/ring-gauge.ts +0 -75
  137. package/src/lib/scroll-area/scroll-area.ts +0 -57
  138. package/src/lib/search-palette/search-palette.scss +0 -288
  139. package/src/lib/search-palette/search-palette.ts +0 -114
  140. package/src/lib/select/select.ts +0 -292
  141. package/src/lib/separator/separator.ts +0 -59
  142. package/src/lib/sheet/sheet.ts +0 -192
  143. package/src/lib/sidebar-nav/sidebar-nav.scss +0 -218
  144. package/src/lib/sidebar-nav/sidebar-nav.ts +0 -158
  145. package/src/lib/site-drakkar/site-footer.ts +0 -133
  146. package/src/lib/site-drakkar/site-navbar.scss +0 -2
  147. package/src/lib/site-drakkar/site-navbar.ts +0 -286
  148. package/src/lib/site-drakkar/suite-search-items.spec.ts +0 -61
  149. package/src/lib/site-drakkar/suite-search-items.ts +0 -246
  150. package/src/lib/skeleton/skeleton.ts +0 -51
  151. package/src/lib/slider/slider.ts +0 -133
  152. package/src/lib/spinner/spinner.ts +0 -75
  153. package/src/lib/status-metric-row/status-metric-row.ts +0 -74
  154. package/src/lib/suite-search-palette/suite-search-palette.ts +0 -95
  155. package/src/lib/switch/switch.ts +0 -131
  156. package/src/lib/table/table.ts +0 -137
  157. package/src/lib/tabs/tab-panel.ts +0 -61
  158. package/src/lib/tabs/tab.ts +0 -107
  159. package/src/lib/tabs/tabs.ts +0 -109
  160. package/src/lib/textarea/textarea.ts +0 -103
  161. package/src/lib/theme-toggle/theme-toggle.spec.ts +0 -40
  162. package/src/lib/theme-toggle/theme-toggle.ts +0 -40
  163. package/src/lib/time-picker/time-picker.ts +0 -197
  164. package/src/lib/timeline/timeline.ts +0 -152
  165. package/src/lib/toast/toast.ts +0 -196
  166. package/src/lib/toggle/toggle-group.ts +0 -60
  167. package/src/lib/toggle/toggle.ts +0 -101
  168. package/src/lib/tooltip/tooltip.ts +0 -119
  169. package/src/lib/typography/heading.ts +0 -52
  170. package/src/lib/typography/text.ts +0 -51
  171. package/src/lib/uptime-bar/uptime-bar.ts +0 -55
  172. package/src/lib/verification-code-field/verification-code-field.ts +0 -149
  173. package/src/lib/whitepaper-cta/whitepaper-cta.scss +0 -130
  174. package/src/lib/whitepaper-cta/whitepaper-cta.ts +0 -78
  175. package/src/lib/wizard/wizard.ts +0 -80
  176. package/src/public-api.ts +0 -172
  177. package/src/styles/_buttons.scss +0 -386
  178. package/src/styles/_component-primitives.scss +0 -183
  179. package/src/styles/_drakkar-buttons.scss +0 -85
  180. package/src/styles/_fonts.scss +0 -22
  181. package/src/styles/_forms.scss +0 -66
  182. package/src/styles/_input.scss +0 -106
  183. package/src/styles/_layout-enforcement.scss +0 -229
  184. package/src/styles/_layout-rhythm.scss +0 -158
  185. package/src/styles/_legacy-aliases.scss +0 -212
  186. package/src/styles/_series-colors.scss +0 -24
  187. package/src/styles/_static-primitives.scss +0 -857
  188. package/src/styles/_typography.scss +0 -87
  189. package/src/styles/_variables.scss +0 -527
  190. package/src/styles/components/a11y.scss +0 -90
  191. package/src/styles/components/badges.scss +0 -102
  192. package/src/styles/components/extracted-utilities.scss +0 -459
  193. package/src/styles/components/footer.scss +0 -168
  194. package/src/styles/components/icon-heading.scss +0 -47
  195. package/src/styles/components/icon-inline.scss +0 -101
  196. package/src/styles/components/layout.scss +0 -59
  197. package/src/styles/components/utilities.scss +0 -131
  198. package/src/styles/components/viking-inspired.scss +0 -204
  199. package/src/styles/components/whitepaper-cta.scss +0 -130
  200. package/src/styles/components-bundle.scss +0 -9
  201. package/src/styles/components.scss +0 -442
  202. package/src/styles/deml-components.scss +0 -10
  203. package/src/styles/index.scss +0 -8
  204. package/src/styles/layout-shell.scss +0 -111
  205. package/src/styles/page-shell.scss +0 -859
  206. package/src/styles/static-navbar.scss +0 -1250
  207. package/src/styles/surfaces/backend.scss +0 -154
  208. package/src/styles/surfaces/docs-global.scss +0 -73
  209. package/src/styles/surfaces/docs-shell.scss +0 -437
  210. package/src/styles/surfaces/docs-showcase.scss +0 -1153
  211. package/src/styles/surfaces/marketing-cta.scss +0 -62
  212. package/src/styles/surfaces/marketing-docs-bento.scss +0 -67
  213. package/src/styles/surfaces/marketing-global.scss +0 -748
  214. package/src/styles/surfaces/marketing-landing.scss +0 -1526
  215. package/src/styles/surfaces/marketing-publication.scss +0 -535
  216. package/src/styles/surfaces/marketing-theme.scss +0 -14
  217. package/src/styles/surfaces/swagger-ui.scss +0 -1013
  218. package/src/styles/tokens-export.scss +0 -18
  219. package/src/styles/tokens.scss +0 -5
  220. package/src/styles/viking-ui-bundle.scss +0 -23
  221. package/src/styles/viking-ui.scss +0 -272
  222. package/src/tokens/series-presets.ts +0 -15
  223. package/src/tokens/tailwind.preset.js +0 -209
  224. package/src/tokens/viking-tokens.json +0 -318
  225. package/src/viking-ui.spec.ts +0 -416
  226. package/src/web/badge/viking-badge-wc.ts +0 -116
  227. package/src/web/button/viking-button-wc.ts +0 -165
  228. package/src/web/callout/viking-callout-wc.ts +0 -105
  229. package/src/web/card/viking-card-wc.ts +0 -67
  230. package/src/web/core/base.ts +0 -56
  231. package/src/web/core/dom.ts +0 -53
  232. package/src/web/core/icons-inline.ts +0 -44
  233. package/src/web/core/styles.ts +0 -1261
  234. package/src/web/core/types.ts +0 -19
  235. package/src/web/field/viking-field-wc.ts +0 -154
  236. package/src/web/index.ts +0 -73
  237. package/src/web/input/viking-input-wc.ts +0 -211
  238. package/src/web/modal/viking-modal-wc.ts +0 -187
  239. package/src/web/search-palette/viking-search-palette-wc.ts +0 -495
  240. package/src/web/select/viking-select-wc.ts +0 -218
  241. package/src/web/suite-header/viking-suite-header-wc.ts +0 -729
  242. package/src/web/suite-search-palette/viking-suite-search-palette-wc.ts +0 -234
  243. package/src/web/theme-toggle/viking-theme-toggle-wc.ts +0 -139
  244. package/src/web/types.ts +0 -37
  245. package/src/web/web-components.spec.ts +0 -297
  246. package/src/web-components/index.ts +0 -1
package/src/styles/_legacy-aliases.scss DELETED
@@ -1,212 +0,0 @@
1
- // ============================================================================
2
- // Legacy DEML token aliases
3
- // ----------------------------------------------------------------------------
4
- // Maps pre-Viking-UI variable names to canonical --viking-* tokens so parent
5
- // apps, Django templates, and static CSS bundles stay compatible.
6
- // ============================================================================
7
-
8
- :root {
9
- /* Primitive aliases (short names used in older SCSS) */
10
- --charcoal-950: var(--viking-charcoal-950);
11
- --charcoal-900: var(--viking-charcoal-900);
12
- --charcoal-800: var(--viking-charcoal-800);
13
- --charcoal-700: var(--viking-charcoal-700);
14
- --charcoal-600: var(--viking-charcoal-600);
15
- --charcoal-500: var(--viking-charcoal-500);
16
-
17
- --metallic-600: var(--viking-metallic-600);
18
- --metallic-500: var(--viking-metallic-500);
19
- --metallic-400: var(--viking-metallic-400);
20
- --metallic-300: var(--viking-metallic-300);
21
- --metallic-200: var(--viking-metallic-200);
22
- --metallic-100: var(--viking-metallic-100);
23
-
24
- --white: var(--viking-white-pure);
25
- --black: var(--viking-black);
26
-
27
- /* Typography floors */
28
- --base-font-size: var(--viking-font-size-base);
29
- --ui-font-size: var(--viking-font-size-sm);
30
- --header-letter-spacing: var(--viking-letter-spacing-tight);
31
-
32
- /* Spacing — legacy --space-N (4px grid) */
33
- --grid-unit: var(--viking-grid-unit);
34
- --space-0: var(--viking-space-0);
35
- --space-half: var(--viking-space-half);
36
- --space-0-5: var(--viking-space-0-5);
37
- --space-1: var(--viking-space-1);
38
- --space-1-5: var(--viking-space-1-5);
39
- --space-2: var(--viking-space-2);
40
- --space-2-5: var(--viking-space-2-5);
41
- --space-3: var(--viking-space-3);
42
- --space-4: var(--viking-space-4);
43
- --space-5: var(--viking-space-5);
44
- --space-6: var(--viking-space-6);
45
- --space-7: var(--viking-space-7);
46
- --space-8: var(--viking-space-8);
47
- --space-8-5: var(--viking-space-8-5);
48
- --space-9: var(--viking-space-9);
49
- --space-10: var(--viking-space-10);
50
- --space-11: var(--viking-space-11);
51
- --space-12: var(--viking-space-12);
52
- --space-14: var(--viking-space-14);
53
- --space-16: var(--viking-space-16);
54
- --space-20: var(--viking-space-20);
55
- --space-24: var(--viking-space-24);
56
- --grid-gap: var(--viking-space-3);
57
- --card-padding: var(--viking-card-padding);
58
-
59
- /* Layout rhythm aliases */
60
- --page-gutter: var(--viking-page-gutter);
61
- --page-gutter-lg: var(--viking-page-gutter-lg);
62
- --page-stack-gap: var(--viking-page-stack-gap);
63
- --page-section-gap: var(--viking-page-section-gap);
64
- --form-max-width: var(--viking-form-max-width);
65
- --form-narrow-max-width: var(--viking-form-narrow-max-width);
66
- --content-readable-max-width: var(--viking-content-readable-max-width);
67
-
68
- /* Layout */
69
- --container-max-width: var(--viking-container-max-width);
70
- --navbar-height: var(--viking-navbar-height);
71
- --btn-min-width: var(--viking-btn-min-width);
72
-
73
- /* Radii */
74
- --border-radius-xs: var(--viking-radius-xs);
75
- --border-radius-sm: var(--viking-radius-sm);
76
- --border-radius-md: var(--viking-radius);
77
- --border-radius-lg: var(--viking-radius-lg);
78
- --border-radius-xl: var(--viking-radius-xl);
79
- --border-radius-pill: var(--viking-radius-pill);
80
-
81
- /* Motion & elevation */
82
- --transition-smooth: var(--viking-transition);
83
- --shadow-sm: var(--viking-shadow-sm);
84
- --shadow-md: var(--viking-shadow-md);
85
- --shadow-lg: var(--viking-shadow-lg);
86
- --shadow-hover: var(--viking-shadow-hover);
87
-
88
- /* Semantic short names */
89
- --primary-color: var(--viking-electric-500);
90
- --accent-color: var(--viking-crimson-600);
91
-
92
- /* Focus */
93
- --focus-ring-width: var(--viking-ring-width);
94
- --focus-ring-offset: var(--viking-ring-offset);
95
- }
96
-
97
- :root,
98
- html[data-theme='dark'] {
99
- --color-primary: var(--viking-electric-500);
100
- --color-on-primary: var(--viking-white-pure);
101
- --color-primary-container: var(--viking-electric-400);
102
- --color-on-primary-container: var(--viking-charcoal-900);
103
-
104
- --color-surface: var(--viking-charcoal-800);
105
- --color-on-surface: var(--viking-white);
106
- --color-background: var(--viking-charcoal-900);
107
- --color-on-background: var(--viking-white);
108
- --color-surface-variant: var(--viking-charcoal-700);
109
-
110
- --color-success: var(--viking-green-500);
111
- --color-warning: var(--viking-gold-500);
112
- --color-error: var(--viking-crimson-500);
113
- --color-info: var(--viking-blue-500);
114
- --color-gauge-red: var(--color-error);
115
-
116
- --border: var(--viking-border);
117
- --border-layout: var(--viking-border-strong);
118
-
119
- --hover-color: var(--viking-electric-400);
120
- --bg-color: var(--viking-bg);
121
- --text-color: var(--viking-text);
122
- --text-muted: var(--viking-text-muted);
123
- --card-bg: var(--viking-surface);
124
- --navbar-bg: color-mix(in srgb, var(--viking-bg) 96%, transparent);
125
- --link-color: var(--viking-electric-300);
126
- --link-hover-color: var(--viking-electric-400);
127
- --hero-title-color: var(--viking-white);
128
- --primary-text-color: var(--viking-electric-300);
129
-
130
- --button-primary: var(--color-primary);
131
- --button-primary-text: var(--viking-white-pure);
132
- --color-dark-grey-btn-bg: var(--viking-charcoal-700);
133
- --color-dark-grey-btn-text: var(--viking-white);
134
-
135
- --focus-ring-color: var(--viking-electric-400);
136
- }
137
-
138
- html[data-theme='light'] {
139
- --color-primary: var(--viking-electric-600);
140
- --color-on-primary: var(--viking-white-pure);
141
- --color-primary-container: var(--viking-teal-500);
142
- --color-on-primary-container: var(--viking-white-pure);
143
-
144
- --color-surface: var(--viking-white-pure);
145
- --color-on-surface: var(--viking-charcoal-900);
146
- --color-background: var(--viking-white-pure);
147
- --color-on-background: var(--viking-charcoal-900);
148
- --color-surface-variant: var(--viking-surface-alt);
149
-
150
- --color-success: var(--viking-green-500);
151
- --color-warning: var(--viking-gold-500);
152
- --color-error: var(--viking-crimson-700);
153
- --color-info: var(--viking-blue-500);
154
- --color-gauge-red: var(--color-error);
155
-
156
- --border: var(--viking-border);
157
- --border-layout: var(--viking-border-strong);
158
-
159
- --hover-color: var(--viking-electric-500);
160
- --bg-color: var(--viking-bg);
161
- --text-color: var(--viking-text);
162
- --text-muted: var(--viking-text-muted);
163
- --card-bg: var(--viking-surface);
164
- --navbar-bg: color-mix(in srgb, var(--viking-white-pure) 96%, transparent);
165
- --link-color: var(--viking-electric-700);
166
- --link-hover-color: var(--viking-electric-600);
167
- --hero-title-color: var(--viking-charcoal-900);
168
- --primary-text-color: var(--viking-electric-700);
169
-
170
- --button-primary: var(--color-primary);
171
- --button-primary-text: var(--color-on-primary);
172
- --color-dark-grey-btn-bg: var(--viking-charcoal-800);
173
- --color-dark-grey-btn-text: var(--viking-white);
174
-
175
- --focus-ring-color: var(--viking-electric-500);
176
- }
177
-
178
- @media (prefers-color-scheme: light) {
179
- html:not([data-theme='dark']) {
180
- --color-primary: var(--viking-electric-600);
181
- --color-on-primary: var(--viking-white-pure);
182
- --color-primary-container: var(--viking-teal-500);
183
- --color-on-primary-container: var(--viking-white-pure);
184
- --color-surface: var(--viking-white-pure);
185
- --color-on-surface: var(--viking-charcoal-900);
186
- --color-background: var(--viking-white-pure);
187
- --color-on-background: var(--viking-charcoal-900);
188
- --color-surface-variant: var(--viking-surface-alt);
189
- --color-success: var(--viking-green-500);
190
- --color-warning: var(--viking-gold-500);
191
- --color-error: var(--viking-crimson-700);
192
- --color-info: var(--viking-blue-500);
193
- --color-gauge-red: var(--color-error);
194
- --border: var(--viking-border);
195
- --border-layout: var(--viking-border-strong);
196
- --hover-color: var(--viking-electric-500);
197
- --bg-color: var(--viking-bg);
198
- --text-color: var(--viking-text);
199
- --text-muted: var(--viking-text-muted);
200
- --card-bg: var(--viking-surface);
201
- --navbar-bg: color-mix(in srgb, var(--viking-white-pure) 96%, transparent);
202
- --link-color: var(--viking-electric-700);
203
- --link-hover-color: var(--viking-electric-600);
204
- --hero-title-color: var(--viking-charcoal-900);
205
- --primary-text-color: var(--viking-electric-700);
206
- --button-primary: var(--color-primary);
207
- --button-primary-text: var(--color-on-primary);
208
- --color-dark-grey-btn-bg: var(--viking-charcoal-800);
209
- --color-dark-grey-btn-text: var(--viking-white);
210
- --focus-ring-color: var(--viking-electric-500);
211
- }
212
- }
package/src/styles/_series-colors.scss DELETED
@@ -1,24 +0,0 @@
1
- // ============================================================================
2
- // Viking-UI Series Color Tokens
3
- // ----------------------------------------------------------------------------
4
- // Fixed palette for telemetry series, chart lines, and viking-color-picker.
5
- // Values mirror THEME.md §8.4 — do not add off-palette swatches in product UI.
6
- // ============================================================================
7
-
8
- :root {
9
- --viking-series-1: var(--viking-electric-500);
10
- --viking-series-2: var(--viking-crimson-600);
11
- --viking-series-3: var(--viking-green-500);
12
- --viking-series-4: var(--viking-gold-500);
13
- --viking-series-5: var(--viking-crimson-500);
14
- --viking-series-6: var(--viking-blue-500);
15
- --viking-series-7: var(--viking-charcoal-700);
16
- --viking-series-8: var(--viking-metallic-500);
17
-
18
- --viking-series-default: var(--viking-series-1);
19
-
20
- /* Premium palette v3 — electric primary, crimson secondary, semantic + muted slots */
21
- --viking-series-palette: var(--viking-series-1), var(--viking-series-2),
22
- var(--viking-series-3), var(--viking-series-4), var(--viking-series-5),
23
- var(--viking-series-6), var(--viking-series-7), var(--viking-series-8);
24
- }