@zeyos/zx 3.0.0 → 4.1.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 (106) hide show
  1. package/CHANGELOG.md +95 -0
  2. package/DESIGN-SYSTEM.md +87 -71
  3. package/README.md +16 -37
  4. package/dist/types/components/app-icon/app-icon.d.ts +88 -0
  5. package/dist/types/components/app-sidebar/app-sidebar.d.ts +106 -32
  6. package/dist/types/components/card/card.d.ts +128 -0
  7. package/dist/types/components/chart/chart.d.ts +1 -0
  8. package/dist/types/components/filter/filter-model.d.ts +87 -0
  9. package/dist/types/components/filter/filter.d.ts +331 -0
  10. package/dist/types/components/launcher/launcher.d.ts +65 -6
  11. package/dist/types/components/select/select.d.ts +97 -4
  12. package/dist/types/components/table/table.d.ts +107 -3
  13. package/dist/types/components/tag-picker/tag-picker.d.ts +16 -0
  14. package/dist/types/core/dom.d.ts +9 -1
  15. package/dist/types/core/util.d.ts +9 -0
  16. package/dist/types/index.d.ts +6 -2
  17. package/dist/types/{components/app-rail → internal}/app-rail.d.ts +34 -19
  18. package/dist/types/zeyos/icons.d.ts +24 -2
  19. package/dist/types/zeyos/index.d.ts +3 -2
  20. package/dist/types/zeyos/launcher.d.ts +147 -0
  21. package/dist/types/zeyos/select.d.ts +41 -0
  22. package/dist/zx-zeyos.esm.js +2018 -113
  23. package/dist/zx-zeyos.esm.min.js +1 -1
  24. package/dist/zx.css +815 -16
  25. package/dist/zx.esm.js +2661 -338
  26. package/dist/zx.esm.min.js +3 -3
  27. package/dist/zx.global.js +2661 -338
  28. package/dist/zx.global.min.js +3 -3
  29. package/dist/zx.min.css +1 -1
  30. package/docs/api.json +602 -110
  31. package/docs/llms.md +181 -123
  32. package/docs/llms.txt +24 -21
  33. package/package.json +8 -17
  34. package/src/components/app-icon/app-icon.css +105 -0
  35. package/src/components/app-icon/app-icon.js +134 -0
  36. package/src/components/app-sidebar/app-sidebar.css +12 -0
  37. package/src/components/app-sidebar/app-sidebar.js +310 -110
  38. package/src/components/card/card.css +149 -0
  39. package/src/components/card/card.js +285 -0
  40. package/src/components/chart/chart.js +8 -3
  41. package/src/components/filter/filter-model.js +226 -0
  42. package/src/components/filter/filter.css +147 -0
  43. package/src/components/filter/filter.js +554 -0
  44. package/src/components/grid/grid.css +1 -1
  45. package/src/components/grid/grid.js +14 -4
  46. package/src/components/launcher/launcher.css +113 -3
  47. package/src/components/launcher/launcher.js +234 -26
  48. package/src/components/message/message.css +36 -3
  49. package/src/components/select/field-adapter.js +9 -4
  50. package/src/components/select/select.css +161 -10
  51. package/src/components/select/select.js +361 -48
  52. package/src/components/table/table.css +85 -0
  53. package/src/components/table/table.js +426 -31
  54. package/src/components/tag-picker/tag-picker.css +19 -0
  55. package/src/components/tag-picker/tag-picker.js +42 -5
  56. package/src/core/dom.js +21 -1
  57. package/src/core/util.js +20 -0
  58. package/src/index.js +9 -2
  59. package/src/{components/app-rail → internal}/app-rail.js +80 -30
  60. package/src/zeyos/icons.js +38 -20
  61. package/src/zeyos/index.js +8 -2
  62. package/src/zeyos/launcher.js +338 -0
  63. package/src/zeyos/modules.js +1 -0
  64. package/src/zeyos/select.js +116 -1
  65. package/styles/tokens/global.css +1 -1
  66. package/styles/tokens/modules.css +1 -0
  67. package/styles/tokens/semantic.css +9 -0
  68. package/styles/tokens/themes.css +2 -2
  69. package/styles/zx.css +3 -0
  70. package/MIGRATION.md +0 -749
  71. package/dist/types/compat/base.d.ts +0 -156
  72. package/dist/types/compat/globals.d.ts +0 -20
  73. package/dist/types/compat/index.d.ts +0 -128
  74. package/dist/types/compat/map/basic.d.ts +0 -175
  75. package/dist/types/compat/map/data.d.ts +0 -103
  76. package/dist/types/compat/map/date-time.d.ts +0 -80
  77. package/dist/types/compat/map/factory.d.ts +0 -9
  78. package/dist/types/compat/map/form.d.ts +0 -98
  79. package/dist/types/compat/map/helpers.d.ts +0 -12
  80. package/dist/types/compat/map/http.d.ts +0 -36
  81. package/dist/types/compat/map/layout.d.ts +0 -106
  82. package/dist/types/compat/map/options.d.ts +0 -80
  83. package/dist/types/compat/map/select.d.ts +0 -95
  84. package/dist/types/compat/map/stubs.d.ts +0 -32
  85. package/dist/types/compat/map/utilities.d.ts +0 -37
  86. package/dist/types/compat-entry.d.ts +0 -5
  87. package/dist/zx-compat.esm.js +0 -17848
  88. package/dist/zx-compat.esm.min.js +0 -1
  89. package/dist/zx-compat.global.js +0 -29008
  90. package/dist/zx-compat.global.min.js +0 -3
  91. package/src/compat/base.js +0 -291
  92. package/src/compat/globals.js +0 -167
  93. package/src/compat/index.js +0 -84
  94. package/src/compat/map/basic.js +0 -464
  95. package/src/compat/map/data.js +0 -254
  96. package/src/compat/map/date-time.js +0 -177
  97. package/src/compat/map/factory.js +0 -45
  98. package/src/compat/map/form.js +0 -330
  99. package/src/compat/map/helpers.js +0 -46
  100. package/src/compat/map/http.js +0 -117
  101. package/src/compat/map/layout.js +0 -256
  102. package/src/compat/map/options.js +0 -267
  103. package/src/compat/map/select.js +0 -198
  104. package/src/compat/map/stubs.js +0 -26
  105. package/src/compat/map/utilities.js +0 -113
  106. package/src/compat-entry.js +0 -11
package/src/components/table/table.css CHANGED
@@ -2,6 +2,87 @@
2
2
  min-inline-size: 0;
3
3
  }
4
4
 
5
+ .zx-table__column-controls {
6
+ position: relative;
7
+ inline-size: max-content;
8
+ margin: 0 0 var(--zx-space-2) auto;
9
+ }
10
+
11
+ .zx-table__reorder-status {
12
+ position: absolute;
13
+ inline-size: 1px;
14
+ block-size: 1px;
15
+ overflow: hidden;
16
+ clip-path: inset(50%);
17
+ }
18
+
19
+ .zx-table__column-controls > summary {
20
+ display: inline-flex;
21
+ align-items: center;
22
+ gap: var(--zx-space-2);
23
+ list-style: none;
24
+ cursor: pointer;
25
+ }
26
+
27
+ .zx-table__column-controls > summary::-webkit-details-marker { display: none; }
28
+
29
+ .zx-table__column-list {
30
+ position: absolute;
31
+ z-index: 4;
32
+ inset-block-start: calc(100% + var(--zx-space-1));
33
+ inset-inline-end: 0;
34
+ display: grid;
35
+ min-inline-size: 190px;
36
+ border: 1px solid var(--zx-color-border-strong);
37
+ border-radius: var(--zx-radius-md);
38
+ background: var(--zx-color-bg-raised);
39
+ box-shadow: var(--zx-overlay-shadow);
40
+ padding: var(--zx-space-2);
41
+ }
42
+
43
+ .zx-table__column-option {
44
+ display: flex;
45
+ align-items: center;
46
+ gap: var(--zx-space-2);
47
+ min-block-size: var(--zx-control-height);
48
+ border-radius: var(--zx-radius-sm);
49
+ padding-inline: var(--zx-space-2);
50
+ }
51
+
52
+ .zx-table__column-option:hover { background: var(--zx-color-bg-hover); }
53
+
54
+ .zx-table__reorder-column,
55
+ .zx-table__reorder-header,
56
+ .zx-table__reorder-cell {
57
+ inline-size: var(--zx-control-height);
58
+ text-align: center;
59
+ }
60
+
61
+ .zx-table__row-handle {
62
+ display: inline-grid;
63
+ place-items: center;
64
+ inline-size: 26px;
65
+ block-size: 26px;
66
+ min-block-size: 0;
67
+ border: 0;
68
+ border-radius: var(--zx-radius-sm);
69
+ background: transparent;
70
+ padding: 0;
71
+ color: var(--zx-color-text-muted);
72
+ cursor: grab;
73
+ }
74
+
75
+ .zx-table__row-handle:hover,
76
+ .zx-table__row-handle[aria-pressed="true"] {
77
+ background: var(--zx-color-bg-hover);
78
+ color: var(--zx-color-text);
79
+ }
80
+
81
+ .zx-table__row-handle:active { cursor: grabbing; }
82
+ .zx-table__body tr[data-dragging] { opacity: .55; }
83
+ .zx-table__body tr[data-drop="before"] { box-shadow: inset 0 2px 0 var(--zx-color-accent); }
84
+ .zx-table__body tr[data-drop="after"] { box-shadow: inset 0 -2px 0 var(--zx-color-accent); }
85
+
5
86
  .zx-table__scroll {
6
87
  position: relative;
7
88
  max-inline-size: 100%;
@@ -379,6 +460,10 @@
379
460
  justify-content: flex-start;
380
461
  }
381
462
 
463
+ .zx-table[data-stacked] .zx-table__reorder-cell {
464
+ justify-content: flex-start;
465
+ }
466
+
382
467
 
383
468
  .zx-table[data-stacked] .zx-table__empty-row {
384
469
  display: block;