@dumiflex/wp-kit 0.3.0 → 0.4.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 (128) hide show
  1. package/CHANGELOG.md +77 -51
  2. package/LICENSE +674 -674
  3. package/README.md +73 -76
  4. package/package.json +78 -77
  5. package/src/Avatar.vue +83 -83
  6. package/src/Badge.vue +97 -97
  7. package/src/Banner.vue +118 -118
  8. package/src/BookmarkButton.vue +27 -27
  9. package/src/BundleMeta.vue +51 -51
  10. package/src/Button.vue +103 -103
  11. package/src/Card.vue +68 -68
  12. package/src/Checkbox.vue +109 -107
  13. package/src/Chip.vue +163 -97
  14. package/src/ChoiceCards.vue +133 -133
  15. package/src/CloseButton.vue +69 -69
  16. package/src/CodeBlock.vue +119 -119
  17. package/src/ColorField.vue +188 -206
  18. package/src/ColorPicker.vue +201 -201
  19. package/src/Combobox.vue +331 -334
  20. package/src/ConfirmDialog.vue +165 -163
  21. package/src/ConfirmModal.vue +147 -147
  22. package/src/ConstraintMatrixPreview.vue +708 -708
  23. package/src/ContextMenu.vue +386 -379
  24. package/src/CopyButton.vue +156 -156
  25. package/src/DataTable.vue +292 -292
  26. package/src/DatePicker.vue +234 -234
  27. package/src/DescriptionList.vue +73 -73
  28. package/src/DiffView.vue +68 -68
  29. package/src/Disclosure.vue +166 -166
  30. package/src/DragHandle.vue +49 -49
  31. package/src/Drawer.vue +131 -131
  32. package/src/DropZone.vue +196 -196
  33. package/src/DropdownMenu.vue +72 -72
  34. package/src/EmptyState.vue +111 -111
  35. package/src/Field.vue +28 -28
  36. package/src/HsvPicker.vue +208 -208
  37. package/src/Icon.vue +39 -39
  38. package/src/IconPicker.vue +209 -209
  39. package/src/ImageGrid.vue +125 -125
  40. package/src/InlineEdit.vue +183 -183
  41. package/src/Input.vue +99 -99
  42. package/src/Kbd.vue +56 -56
  43. package/src/Lightbox.vue +173 -173
  44. package/src/ListFilter.vue +85 -85
  45. package/src/ListRow.vue +204 -204
  46. package/src/LoadingMark.vue +175 -161
  47. package/src/Logo.vue +60 -60
  48. package/src/Modal.vue +78 -76
  49. package/src/ModalShell.vue +109 -107
  50. package/src/Pagination.vue +106 -106
  51. package/src/Popover.vue +180 -171
  52. package/src/PostCard.vue +210 -211
  53. package/src/ProgressBar.vue +90 -90
  54. package/src/RadioGroup.vue +177 -177
  55. package/src/RangeSlider.vue +183 -183
  56. package/src/RelativeDate.vue +35 -35
  57. package/src/ResizeHandle.vue +143 -143
  58. package/src/SearchInput.vue +192 -199
  59. package/src/Select.vue +644 -641
  60. package/src/Separator.vue +54 -54
  61. package/src/Skeleton.vue +82 -82
  62. package/src/Slider.vue +198 -198
  63. package/src/SortableList.vue +260 -260
  64. package/src/SplitPane.vue +68 -68
  65. package/src/StarButton.vue +40 -40
  66. package/src/Stepper.vue +141 -141
  67. package/src/SupportLinks.vue +93 -93
  68. package/src/TagInput.vue +297 -300
  69. package/src/Textarea.vue +57 -57
  70. package/src/Timeline.vue +92 -92
  71. package/src/ToastCard.vue +119 -119
  72. package/src/ToastHost.vue +40 -40
  73. package/src/Toggle.vue +36 -36
  74. package/src/TokenizedValue.vue +310 -310
  75. package/src/Toolbar.vue +110 -110
  76. package/src/VirtualList.vue +87 -87
  77. package/src/VisuallyHidden.vue +29 -29
  78. package/src/WpButton.vue +75 -75
  79. package/src/WpCheck.vue +104 -102
  80. package/src/WpIconButton.vue +107 -107
  81. package/src/WpImageZoom.vue +544 -544
  82. package/src/WpNumber.vue +178 -183
  83. package/src/WpSegmented.vue +175 -175
  84. package/src/WpSelect.vue +93 -89
  85. package/src/WpSwitch.vue +163 -163
  86. package/src/WpTabs.vue +188 -188
  87. package/src/_modal-motion.css +33 -33
  88. package/src/_skeleton.css +50 -50
  89. package/src/axis-color.ts +42 -42
  90. package/src/button.css +169 -169
  91. package/src/calendar.ts +59 -59
  92. package/src/clipboard.ts +50 -50
  93. package/src/colour-presets.ts +12 -12
  94. package/src/diff.ts +51 -51
  95. package/src/drop-zone.ts +41 -41
  96. package/src/field.css +50 -0
  97. package/src/flip.ts +237 -237
  98. package/src/floating-layer.ts +48 -0
  99. package/src/floating.ts +99 -99
  100. package/src/hsv.ts +100 -100
  101. package/src/icon-catalog.ts +52 -52
  102. package/src/image-zoom.ts +93 -93
  103. package/src/kind-colour.ts +28 -0
  104. package/src/logo-paths.ts +21 -21
  105. package/src/matrix-axis.ts +91 -91
  106. package/src/pagination.ts +27 -27
  107. package/src/platform-keys.ts +29 -29
  108. package/src/rich-tokenize.ts +357 -357
  109. package/src/select-types.ts +32 -32
  110. package/src/slider-math.ts +45 -45
  111. package/src/sortable.ts +22 -22
  112. package/src/theme/fonts/OFL-Fraunces.txt +93 -93
  113. package/src/theme/fonts/OFL-JetBrainsMono.txt +93 -93
  114. package/src/theme/fonts/OFL-Manrope.txt +93 -93
  115. package/src/theme/looks.css +428 -428
  116. package/src/theme/palettes.css +254 -254
  117. package/src/theme/tokens.css +2896 -2894
  118. package/src/tokens.ts +56 -56
  119. package/src/tooltip.css +43 -43
  120. package/src/tooltip.ts +146 -146
  121. package/src/useDialogFocus.ts +73 -73
  122. package/src/useGrowableField.ts +357 -357
  123. package/src/useModalKeyShield.ts +116 -116
  124. package/src/useToast.ts +48 -48
  125. package/src/wp-logo.svg +14 -14
  126. package/src/ChipToggle.vue +0 -92
  127. package/src/KindChip.vue +0 -53
  128. package/src/RatingBadge.vue +0 -42
package/CHANGELOG.md CHANGED
@@ -1,51 +1,77 @@
1
- # Changelog
2
-
3
- ## [0.3.0](https://github.com/DumiFlex/wp-kit/compare/v0.2.1...v0.3.0) (2026-11-02)
4
-
5
-
6
- ### Features
7
-
8
- * publish the kit to npm as @dumiflex/wp-kit ([#25](https://github.com/DumiFlex/wp-kit/issues/25)) ([2ee813c](https://github.com/DumiFlex/wp-kit/commit/2ee813c622ed0c2a66063bf451ad2c2773a126ca))
9
-
10
- ## [0.2.1](https://github.com/DumiFlex/wp-kit/compare/v0.2.0...v0.2.1) (2026-11-02)
11
-
12
-
13
- ### Bug Fixes
14
-
15
- * pass the extension's lint in the new pieces' tests and ContextMenu ([#22](https://github.com/DumiFlex/wp-kit/issues/22)) ([5da1520](https://github.com/DumiFlex/wp-kit/commit/5da15209ab77db4e70975a7cd380ba4359ac9aeb))
16
- * **site:** let the page scroll and give it room ([#23](https://github.com/DumiFlex/wp-kit/issues/23)) ([66e9313](https://github.com/DumiFlex/wp-kit/commit/66e9313849658015cf347922e136c89758e0908e))
17
-
18
- ## [0.2.0](https://github.com/DumiFlex/wp-kit/compare/v0.1.0...v0.2.0) (2026-11-02)
19
-
20
-
21
- ### Features
22
-
23
- * a pressable Chip (as=button or a link) ([#16](https://github.com/DumiFlex/wp-kit/issues/16)) ([736d17f](https://github.com/DumiFlex/wp-kit/commit/736d17f3337663b0cf6a3fc34ad6e714b6ba59cc))
24
- * add ChipToggle ([#13](https://github.com/DumiFlex/wp-kit/issues/13)) ([ec80d22](https://github.com/DumiFlex/wp-kit/commit/ec80d22a2dc1db8c0596fe0cf96a8b50390e2a3b))
25
- * add ListRow and a flush Disclosure ([#14](https://github.com/DumiFlex/wp-kit/issues/14)) ([ffcd818](https://github.com/DumiFlex/wp-kit/commit/ffcd818bc1e2c752d6f46a42c6c21dc7fdee9f55))
26
- * add the community post pieces ([#10](https://github.com/DumiFlex/wp-kit/issues/10)) ([f2c5d11](https://github.com/DumiFlex/wp-kit/commit/f2c5d11e904b13cc2c8cb8890217c8111867f1b4))
27
- * checkable menu items and a swatch RadioGroup ([#18](https://github.com/DumiFlex/wp-kit/issues/18)) ([fb12882](https://github.com/DumiFlex/wp-kit/commit/fb128824d68cf5be306665b8bdaa701505d40296))
28
- * ConfirmModal gates, and a community brand for Logo and LoadingMark ([#15](https://github.com/DumiFlex/wp-kit/issues/15)) ([a543bb4](https://github.com/DumiFlex/wp-kit/commit/a543bb48167ecd698a22e71457900911c3064a54))
29
- * on-accent / on-media / scrim tokens, shared colour presets, a ModalShell label and DragHandle ([#17](https://github.com/DumiFlex/wp-kit/issues/17)) ([a726c69](https://github.com/DumiFlex/wp-kit/commit/a726c69135c08f5f3c65dd2b17286553d2131585))
30
-
31
-
32
- ### Bug Fixes
33
-
34
- * let the page space PostCards ([#12](https://github.com/DumiFlex/wp-kit/issues/12)) ([7f6682c](https://github.com/DumiFlex/wp-kit/commit/7f6682c10e887ad213f7670769714d7a383a1d54))
35
- * PostCard as a button, and in every look ([#11](https://github.com/DumiFlex/wp-kit/issues/11)) ([a830c1d](https://github.com/DumiFlex/wp-kit/commit/a830c1da4916a807b1939cb658d0404d562813a5))
36
-
37
- ## 0.1.0 (2026-10-29)
38
-
39
-
40
- ### Features
41
-
42
- * add SupportLinks and accept PrimeIcons 8 ([#4](https://github.com/DumiFlex/wp-kit/issues/4)) ([10f4048](https://github.com/DumiFlex/wp-kit/commit/10f4048a14d19d2eb11242d0ca9bb186dd8ba4aa))
43
- * add the Community palette (rust accent, warm cream light) ([#6](https://github.com/DumiFlex/wp-kit/issues/6)) ([fea4956](https://github.com/DumiFlex/wp-kit/commit/fea4956b181ddd5a4a7d2da146ff50b49d8ea627))
44
- * add the shared component kit ([#1](https://github.com/DumiFlex/wp-kit/issues/1)) ([67ad60d](https://github.com/DumiFlex/wp-kit/commit/67ad60dd8857eeec49f4ff09f149bbab4cc21e22))
45
- * add the showcase site ([#3](https://github.com/DumiFlex/wp-kit/issues/3)) ([04adde4](https://github.com/DumiFlex/wp-kit/commit/04adde40cfe6ee48810e2b1f03382415899876e2))
46
- * add the theme and the manager controls ([#2](https://github.com/DumiFlex/wp-kit/issues/2)) ([f3841a3](https://github.com/DumiFlex/wp-kit/commit/f3841a344deba5f9576dc7e72d3d48294d2e3b1f))
47
-
48
-
49
- ### Bug Fixes
50
-
51
- * type-check under exactOptionalPropertyTypes ([#5](https://github.com/DumiFlex/wp-kit/issues/5)) ([e43fd47](https://github.com/DumiFlex/wp-kit/commit/e43fd477a2080991298bfa2d6f568ed70c319bf6))
1
+ # Changelog
2
+
3
+ ## [0.4.0](https://github.com/DumiFlex/wp-kit/compare/v0.3.0...v0.4.0) (2026-11-02)
4
+
5
+
6
+ ### ⚠ BREAKING CHANGES
7
+
8
+ * ChipToggle.vue is gone. <ChipToggle :pressed="x" …> is <Chip :pressed="x" size="sm" …> (size="md" for ChipToggle's md).
9
+ * KindChip.vue and RatingBadge.vue are gone. Use <Chip :color="kindColour(itemType(kind, subtype))">, <Chip tone="danger">NSFW</Chip> and <Chip tone="warn" icon="star-fill">Featured</Chip>; KindChipSubtype is ModuleSubtype.
10
+
11
+ ### Features
12
+
13
+ * add the --wp-brand-discord token ([#33](https://github.com/DumiFlex/wp-kit/issues/33)) ([c045b1e](https://github.com/DumiFlex/wp-kit/commit/c045b1e3124c45742837ea6b64c294bfd9a6e4e3))
14
+ * lists and popovers opened from a Popover count as inside it ([#34](https://github.com/DumiFlex/wp-kit/issues/34)) ([b16f407](https://github.com/DumiFlex/wp-kit/commit/b16f407ca44929d46567914f042ea0544f4b6269))
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **loading-mark:** keep the mark sharp and still as it starts to move ([#36](https://github.com/DumiFlex/wp-kit/issues/36)) ([2823c9c](https://github.com/DumiFlex/wp-kit/commit/2823c9c9110606d6422918abec00d09dbbc74bcd))
20
+ * show the focus ring on nine pieces ([#37](https://github.com/DumiFlex/wp-kit/issues/37)) ([6908b6d](https://github.com/DumiFlex/wp-kit/commit/6908b6d39d40044b3dd0f836a53c6c05eb4585e2))
21
+
22
+
23
+ ### Refactoring
24
+
25
+ * drop KindChip and RatingBadge, use Chip ([#35](https://github.com/DumiFlex/wp-kit/issues/35)) ([b31b440](https://github.com/DumiFlex/wp-kit/commit/b31b440758e2b6ab4a956014827635e8a61cdbf0))
26
+ * fold ChipToggle into Chip ([#38](https://github.com/DumiFlex/wp-kit/issues/38)) ([b440a05](https://github.com/DumiFlex/wp-kit/commit/b440a05b2521a87af80d6f2ddea85f9bbe30732d))
27
+ * one field box for every field ([#39](https://github.com/DumiFlex/wp-kit/issues/39)) ([709be6f](https://github.com/DumiFlex/wp-kit/commit/709be6f8708481d015b5703e288fbfd974c99b0f))
28
+
29
+ ## [0.3.0](https://github.com/DumiFlex/wp-kit/compare/v0.2.1...v0.3.0) (2026-11-02)
30
+
31
+
32
+ ### Features
33
+
34
+ * publish the kit to npm as @dumiflex/wp-kit ([#25](https://github.com/DumiFlex/wp-kit/issues/25)) ([2ee813c](https://github.com/DumiFlex/wp-kit/commit/2ee813c622ed0c2a66063bf451ad2c2773a126ca))
35
+
36
+ ## [0.2.1](https://github.com/DumiFlex/wp-kit/compare/v0.2.0...v0.2.1) (2026-11-02)
37
+
38
+
39
+ ### Bug Fixes
40
+
41
+ * pass the extension's lint in the new pieces' tests and ContextMenu ([#22](https://github.com/DumiFlex/wp-kit/issues/22)) ([5da1520](https://github.com/DumiFlex/wp-kit/commit/5da15209ab77db4e70975a7cd380ba4359ac9aeb))
42
+ * **site:** let the page scroll and give it room ([#23](https://github.com/DumiFlex/wp-kit/issues/23)) ([66e9313](https://github.com/DumiFlex/wp-kit/commit/66e9313849658015cf347922e136c89758e0908e))
43
+
44
+ ## [0.2.0](https://github.com/DumiFlex/wp-kit/compare/v0.1.0...v0.2.0) (2026-11-02)
45
+
46
+
47
+ ### Features
48
+
49
+ * a pressable Chip (as=button or a link) ([#16](https://github.com/DumiFlex/wp-kit/issues/16)) ([736d17f](https://github.com/DumiFlex/wp-kit/commit/736d17f3337663b0cf6a3fc34ad6e714b6ba59cc))
50
+ * add ChipToggle ([#13](https://github.com/DumiFlex/wp-kit/issues/13)) ([ec80d22](https://github.com/DumiFlex/wp-kit/commit/ec80d22a2dc1db8c0596fe0cf96a8b50390e2a3b))
51
+ * add ListRow and a flush Disclosure ([#14](https://github.com/DumiFlex/wp-kit/issues/14)) ([ffcd818](https://github.com/DumiFlex/wp-kit/commit/ffcd818bc1e2c752d6f46a42c6c21dc7fdee9f55))
52
+ * add the community post pieces ([#10](https://github.com/DumiFlex/wp-kit/issues/10)) ([f2c5d11](https://github.com/DumiFlex/wp-kit/commit/f2c5d11e904b13cc2c8cb8890217c8111867f1b4))
53
+ * checkable menu items and a swatch RadioGroup ([#18](https://github.com/DumiFlex/wp-kit/issues/18)) ([fb12882](https://github.com/DumiFlex/wp-kit/commit/fb128824d68cf5be306665b8bdaa701505d40296))
54
+ * ConfirmModal gates, and a community brand for Logo and LoadingMark ([#15](https://github.com/DumiFlex/wp-kit/issues/15)) ([a543bb4](https://github.com/DumiFlex/wp-kit/commit/a543bb48167ecd698a22e71457900911c3064a54))
55
+ * on-accent / on-media / scrim tokens, shared colour presets, a ModalShell label and DragHandle ([#17](https://github.com/DumiFlex/wp-kit/issues/17)) ([a726c69](https://github.com/DumiFlex/wp-kit/commit/a726c69135c08f5f3c65dd2b17286553d2131585))
56
+
57
+
58
+ ### Bug Fixes
59
+
60
+ * let the page space PostCards ([#12](https://github.com/DumiFlex/wp-kit/issues/12)) ([7f6682c](https://github.com/DumiFlex/wp-kit/commit/7f6682c10e887ad213f7670769714d7a383a1d54))
61
+ * PostCard as a button, and in every look ([#11](https://github.com/DumiFlex/wp-kit/issues/11)) ([a830c1d](https://github.com/DumiFlex/wp-kit/commit/a830c1da4916a807b1939cb658d0404d562813a5))
62
+
63
+ ## 0.1.0 (2026-10-29)
64
+
65
+
66
+ ### Features
67
+
68
+ * add SupportLinks and accept PrimeIcons 8 ([#4](https://github.com/DumiFlex/wp-kit/issues/4)) ([10f4048](https://github.com/DumiFlex/wp-kit/commit/10f4048a14d19d2eb11242d0ca9bb186dd8ba4aa))
69
+ * add the Community palette (rust accent, warm cream light) ([#6](https://github.com/DumiFlex/wp-kit/issues/6)) ([fea4956](https://github.com/DumiFlex/wp-kit/commit/fea4956b181ddd5a4a7d2da146ff50b49d8ea627))
70
+ * add the shared component kit ([#1](https://github.com/DumiFlex/wp-kit/issues/1)) ([67ad60d](https://github.com/DumiFlex/wp-kit/commit/67ad60dd8857eeec49f4ff09f149bbab4cc21e22))
71
+ * add the showcase site ([#3](https://github.com/DumiFlex/wp-kit/issues/3)) ([04adde4](https://github.com/DumiFlex/wp-kit/commit/04adde40cfe6ee48810e2b1f03382415899876e2))
72
+ * add the theme and the manager controls ([#2](https://github.com/DumiFlex/wp-kit/issues/2)) ([f3841a3](https://github.com/DumiFlex/wp-kit/commit/f3841a344deba5f9576dc7e72d3d48294d2e3b1f))
73
+
74
+
75
+ ### Bug Fixes
76
+
77
+ * type-check under exactOptionalPropertyTypes ([#5](https://github.com/DumiFlex/wp-kit/issues/5)) ([e43fd47](https://github.com/DumiFlex/wp-kit/commit/e43fd477a2080991298bfa2d6f568ed70c319bf6))