@webority/theme 0.38.0 → 0.40.0

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 (35) hide show
  1. package/README.md +20 -0
  2. package/dist/purge-safelist.json +8 -0
  3. package/dist/webority-brand-signal.css +1 -1
  4. package/dist/webority-theme.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_brand-signal.scss +3 -1
  7. package/scss/_components.scss +7 -7
  8. package/scss/_marketing.scss +1 -1
  9. package/scss/_tokens.scss +10 -3
  10. package/scss/_variables.scss +94 -7
  11. package/scss/_wui-aliases.scss +9 -0
  12. package/scss/wui/_avatar-picker.scss +1 -1
  13. package/scss/wui/_calendar.scss +4 -4
  14. package/scss/wui/_chart-card.scss +2 -2
  15. package/scss/wui/_choice.scss +21 -21
  16. package/scss/wui/_command-palette.scss +3 -3
  17. package/scss/wui/_consent-banner.scss +1 -1
  18. package/scss/wui/_controls.scss +12 -12
  19. package/scss/wui/_data.scss +9 -9
  20. package/scss/wui/_disclosure.scss +3 -3
  21. package/scss/wui/_display.scss +14 -14
  22. package/scss/wui/_dock.scss +1 -1
  23. package/scss/wui/_file-viewer.scss +1 -1
  24. package/scss/wui/_flow.scss +37 -37
  25. package/scss/wui/_media.scss +8 -8
  26. package/scss/wui/_navigation.scss +5 -5
  27. package/scss/wui/_overlays.scss +2 -2
  28. package/scss/wui/_shell-parts.scss +3 -3
  29. package/scss/wui/_shell.scss +5 -5
  30. package/scss/wui/_sortable.scss +1 -1
  31. package/scss/wui/_tone-pill.scss +1 -1
  32. package/scss/wui/_tree.scss +1 -1
  33. package/scss/wui/_typography.scss +3 -3
  34. package/scss/wui/_utilities.scss +6 -6
  35. package/scss/wui/_workspace.scss +6 -6
package/scss/wui/_tree.scss CHANGED
@@ -39,7 +39,7 @@ wui-tree {
39
39
  }
40
40
  .wui-tree-row.wui-tree-row-selected {
41
41
  background: var(--color-primary-soft);
42
- color: var(--color-primary);
42
+ color: var(--color-primary-ink);
43
43
  }
44
44
  .wui-tree-item[aria-disabled="true"] > .wui-tree-row {
45
45
  color: var(--color-text-subtle);
package/scss/wui/_typography.scss CHANGED
@@ -129,7 +129,7 @@
129
129
 
130
130
  /* Tones — tinted surface + on-tint text; icon/remove inherit the tone colour. */
131
131
  .chip.primary {
132
- @include wui-tone-pill-colors(primary, var(--color-primary));
132
+ @include wui-tone-pill-colors(primary, var(--color-primary-ink));
133
133
  }
134
134
  .chip.success {
135
135
  @include wui-tone-pill-colors(success);
@@ -346,7 +346,7 @@ wui-multiselect[collapse-chips] .ms-chips {
346
346
  flex-shrink: 0;
347
347
  background: var(--color-primary-soft);
348
348
  border-color: transparent;
349
- color: var(--color-primary);
349
+ color: var(--color-primary-ink);
350
350
  font-weight: 600;
351
351
  }
352
352
  .search-select-multi .search-select-caret,
@@ -359,7 +359,7 @@ wui-multiselect[collapse-chips] .ms-chips {
359
359
  justify-content: center;
360
360
  width: 16px;
361
361
  flex: none;
362
- color: var(--color-primary);
362
+ color: var(--color-primary-ink);
363
363
  opacity: 0;
364
364
  }
365
365
  .search-select-option[aria-selected='true'] .ms-check {
package/scss/wui/_utilities.scss CHANGED
@@ -84,10 +84,10 @@
84
84
  transition: color 0.15s;
85
85
  }
86
86
  .infotip-btn:hover {
87
- color: var(--color-primary);
87
+ color: var(--color-primary-ink);
88
88
  }
89
89
  .infotip-btn:focus-visible {
90
- color: var(--color-primary);
90
+ color: var(--color-primary-ink);
91
91
  outline: 2px solid var(--color-primary);
92
92
  outline-offset: 2px;
93
93
  }
@@ -192,7 +192,7 @@
192
192
  border-radius: var(--radius);
193
193
  corner-shape: squircle;
194
194
  background: var(--color-primary-soft);
195
- color: var(--color-primary);
195
+ color: var(--color-primary-ink);
196
196
  }
197
197
  .page-header.tone-success .page-header-icon {
198
198
  background: var(--color-success-soft);
@@ -219,7 +219,7 @@
219
219
  font-weight: 700;
220
220
  letter-spacing: 0.06em;
221
221
  text-transform: uppercase;
222
- color: var(--color-primary);
222
+ color: var(--color-primary-ink);
223
223
  margin-bottom: 3px;
224
224
  }
225
225
  .page-header.tone-success .page-eyebrow {
@@ -392,7 +392,7 @@
392
392
  }
393
393
  .topbar-icon-btn:hover {
394
394
  background: var(--color-primary-soft);
395
- color: var(--color-primary);
395
+ color: var(--color-primary-ink);
396
396
  }
397
397
  .topbar-icon-btn.has-badge::after {
398
398
  content: "";
@@ -1066,5 +1066,5 @@
1066
1066
  cursor: help;
1067
1067
  }
1068
1068
  .tip-icon:hover {
1069
- color: var(--color-primary);
1069
+ color: var(--color-primary-ink);
1070
1070
  }
package/scss/wui/_workspace.scss CHANGED
@@ -85,7 +85,7 @@
85
85
  border-radius: 50%;
86
86
  background: var(--color-surface);
87
87
  border: 1px solid var(--color-border-light);
88
- color: var(--color-primary);
88
+ color: var(--color-primary-ink);
89
89
  font-size: 11px;
90
90
  font-weight: 700;
91
91
  letter-spacing: 0.02em;
@@ -228,7 +228,7 @@
228
228
  .workspace-switcher .workspace-switcher-option.is-active,
229
229
  .workspace-switcher .workspace-switcher-option.is-active:hover {
230
230
  background: var(--color-primary-soft);
231
- color: var(--color-primary);
231
+ color: var(--color-primary-ink);
232
232
  }
233
233
  .workspace-switcher-option-name {
234
234
  flex: 1 1 auto;
@@ -261,7 +261,7 @@
261
261
  position: relative;
262
262
  justify-content: center;
263
263
  margin-top: 10px;
264
- color: var(--color-primary);
264
+ color: var(--color-primary-ink);
265
265
  font-weight: 600;
266
266
  }
267
267
  // Dashed divider above the create row — the list and the "Add …" action read as two zones,
@@ -284,7 +284,7 @@
284
284
  padding: 6px;
285
285
  border-radius: 50%;
286
286
  background: var(--color-primary-soft);
287
- color: var(--color-primary);
287
+ color: var(--color-primary-ink);
288
288
  }
289
289
 
290
290
  // ── Footer ──
@@ -306,7 +306,7 @@
306
306
  border-radius: var(--radius-lg);
307
307
  corner-shape: squircle;
308
308
  background: transparent;
309
- color: var(--color-primary);
309
+ color: var(--color-primary-ink);
310
310
  font-size: 13px;
311
311
  font-weight: 600;
312
312
  text-align: left;
@@ -315,7 +315,7 @@
315
315
  }
316
316
  .workspace-switcher .workspace-switcher-footer-action:hover {
317
317
  background: var(--color-primary-soft);
318
- color: var(--color-primary);
318
+ color: var(--color-primary-ink);
319
319
  }
320
320
 
321
321
  // ── Menu size tiers ── the panel scales with the trigger's `size`. Placed AFTER the base Menu