@kubex/zinc 1.1.101 → 1.1.103

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 (82) hide show
  1. package/dist/custom-elements.json +261 -82
  2. package/dist/vscode.html-custom-data.json +13 -13
  3. package/dist/web-types.json +25 -25
  4. package/dist/zn.d.ts +128 -6
  5. package/dist/zn.min.css +1 -1
  6. package/dist/zn.min.js +469 -393
  7. package/docs/pages/components/remarkd-editor.md +59 -0
  8. package/package.json +1 -1
  9. package/scss/_root.scss +121 -8
  10. package/scss/shared/_base.scss +10 -4
  11. package/scss/shared/_button-mixin.scss +29 -0
  12. package/scss/shared/_button.scss +3 -33
  13. package/scss/themes/_aura.scss +87 -8
  14. package/scss/themes/_dark.scss +14 -2
  15. package/scss/themes/_light.scss +4 -3
  16. package/scss/themes/_modes.scss +32 -0
  17. package/src/components/animated-button/animated-button.component.ts +2 -1
  18. package/src/components/animated-button/animated-button.scss +1 -1
  19. package/src/components/bulk-actions/bulk-actions.component.ts +2 -1
  20. package/src/components/bulk-actions/bulk-actions.scss +0 -1
  21. package/src/components/button/button.component.ts +6 -1
  22. package/src/components/button/button.scss +1 -1
  23. package/src/components/chart/chart.component.ts +4 -0
  24. package/src/components/checkbox/checkbox.component.ts +3 -1
  25. package/src/components/checkbox/checkbox.scss +0 -2
  26. package/src/components/checkbox-group/checkbox-group.component.ts +2 -1
  27. package/src/components/checkbox-group/checkbox-group.scss +0 -1
  28. package/src/components/data-table/data-table.component.ts +3 -1
  29. package/src/components/data-table/data-table.scss +0 -1
  30. package/src/components/datepicker/datepicker.component.ts +2 -1
  31. package/src/components/datepicker/datepicker.scss +0 -1
  32. package/src/components/editor/modules/toolbar/toolbar.component.ts +3 -1
  33. package/src/components/editor/modules/toolbar/toolbar.scss +0 -1
  34. package/src/components/file/file.component.ts +2 -1
  35. package/src/components/file/file.scss +0 -1
  36. package/src/components/form-group/form-group.component.ts +2 -1
  37. package/src/components/form-group/form-group.scss +0 -1
  38. package/src/components/icon-picker/icon-picker.component.ts +8 -3
  39. package/src/components/icon-picker/icon-picker.scss +0 -1
  40. package/src/components/inline-edit/inline-edit.component.ts +2 -1
  41. package/src/components/inline-edit/inline-edit.scss +0 -1
  42. package/src/components/input/input.component.ts +2 -1
  43. package/src/components/input/input.scss +0 -1
  44. package/src/components/input-group/input-group.component.ts +2 -1
  45. package/src/components/input-group/input-group.scss +0 -1
  46. package/src/components/menu/menu.component.ts +4 -1
  47. package/src/components/menu/menu.scss +9 -1
  48. package/src/components/page/page.scss +19 -5
  49. package/src/components/priority-list/priority-list.component.ts +2 -1
  50. package/src/components/priority-list/priority-list.scss +0 -1
  51. package/src/components/query-builder/query-builder.component.ts +2 -1
  52. package/src/components/query-builder/query-builder.scss +0 -1
  53. package/src/components/radio/radio.component.ts +3 -1
  54. package/src/components/radio/radio.scss +0 -2
  55. package/src/components/radio-group/radio-group.component.ts +2 -1
  56. package/src/components/radio-group/radio-group.scss +0 -1
  57. package/src/components/rating/rating.component.ts +2 -1
  58. package/src/components/rating/rating.scss +0 -1
  59. package/src/components/remarkd-editor/actions.ts +155 -0
  60. package/src/components/remarkd-editor/feature-keys.ts +17 -0
  61. package/src/components/remarkd-editor/remarkd-editor.component.ts +509 -49
  62. package/src/components/remarkd-editor/remarkd-editor.scss +68 -1
  63. package/src/components/remarkd-editor/remarkd-editor.test.ts +677 -9
  64. package/src/components/schedule-builder/schedule-builder.component.ts +2 -1
  65. package/src/components/schedule-builder/schedule-builder.scss +0 -1
  66. package/src/components/select/select.component.ts +2 -1
  67. package/src/components/select/select.scss +0 -1
  68. package/src/components/slash-menu/slash-menu.scss +2 -0
  69. package/src/components/tabs/tabs.component.ts +3 -1
  70. package/src/components/tabs/tabs.scss +0 -1
  71. package/src/components/textarea/textarea.component.ts +2 -1
  72. package/src/components/textarea/textarea.scss +0 -1
  73. package/src/components/tile/tile.component.ts +33 -20
  74. package/src/components/tile/tile.scss +2 -0
  75. package/src/components/tile/tile.test.ts +64 -3
  76. package/src/components/toggle/toggle.component.ts +2 -1
  77. package/src/components/toggle/toggle.scss +0 -1
  78. package/src/components/translations/translations.component.ts +2 -1
  79. package/src/components/translations/translations.scss +0 -1
  80. package/src/internal/theme.ts +37 -12
  81. package/src/internal/toolbar-overflow.ts +100 -0
  82. package/src/internal/zinc-element.ts +7 -5
package/src/components/remarkd-editor/remarkd-editor.scss CHANGED
@@ -23,11 +23,35 @@
23
23
  display: flex;
24
24
  flex: none;
25
25
  gap: 2px;
26
- flex-wrap: wrap;
26
+ // Collapsing overflow into the "more" menu replaces wrapping — see ToolbarOverflowController.
27
+ flex-wrap: nowrap;
27
28
  padding: var(--zn-spacing-x-small);
28
29
  border-bottom: 1px solid rgb(var(--zn-border-color));
29
30
  }
30
31
 
32
+ .toolbar__group {
33
+ display: flex;
34
+ flex-shrink: 0;
35
+ gap: 2px;
36
+ align-items: center;
37
+ }
38
+
39
+ .toolbar__group + .toolbar__group::before {
40
+ content: '';
41
+ align-self: stretch;
42
+ margin-inline: 4px;
43
+ border-left: 1px solid rgb(var(--zn-border-color));
44
+ }
45
+
46
+ // The constraint has to land on zn-menu's own scroll container (--zn-menu-max-height),
47
+ // not the host: the host has room to spare (nothing to chain a wheel-over-an-item to), so
48
+ // putting the cap on the host left the inner list unscrollable except at its edge. The
49
+ // popup auto-sizes to the space it actually has (--auto-size-available-height); 60dvh is
50
+ // only the fallback for when that variable isn't published.
51
+ .remarkd-editor__toolbar-more zn-menu {
52
+ --zn-menu-max-height: var(--auto-size-available-height, 60dvh);
53
+ }
54
+
31
55
  .remarkd-editor__body {
32
56
  padding: var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-large) 52px;
33
57
  min-height: 10rem;
@@ -265,6 +289,49 @@
265
289
  font-size: var(--zn-font-size-small);
266
290
  }
267
291
 
292
+ .remarkd-editor__conditional {
293
+ border-left: 3px solid rgba(var(--zn-primary), 0.5);
294
+ padding-left: var(--zn-spacing-small);
295
+ }
296
+
297
+ .remarkd-editor__conditional-label {
298
+ display: inline-flex;
299
+ align-items: center;
300
+ gap: 4px;
301
+ margin-bottom: var(--zn-spacing-x-small);
302
+ color: rgb(var(--zn-primary));
303
+ font-size: 0.75rem;
304
+ text-transform: uppercase;
305
+ letter-spacing: 0.04em;
306
+ }
307
+
308
+ .remarkd-editor__meta {
309
+ display: flex;
310
+ flex-wrap: wrap;
311
+ gap: var(--zn-spacing-x-small);
312
+ }
313
+
314
+ .remarkd-editor__variable {
315
+ display: inline-flex;
316
+ align-items: center;
317
+ gap: var(--zn-spacing-x-small);
318
+ padding: 2px var(--zn-spacing-x-small);
319
+ border: 1px dashed rgb(var(--zn-border-color));
320
+ border-radius: var(--zn-border-radius);
321
+ font-size: 0.875rem;
322
+ }
323
+
324
+ .remarkd-editor__variable-name { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
325
+ .remarkd-editor__variable-state { color: rgb(var(--zn-text-body)); font-style: italic; }
326
+
327
+ .remarkd-editor__var {
328
+ padding: 0 2px;
329
+ border-radius: 3px;
330
+ background: rgba(var(--zn-primary), 0.12);
331
+ color: rgb(var(--zn-primary));
332
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
333
+ }
334
+
268
335
  .remarkd-editor__include-picker {
269
336
  display: flex;
270
337
  flex-direction: column;