@dumiflex/wp-kit 0.3.0 → 0.5.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 (130) hide show
  1. package/CHANGELOG.md +92 -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 +146 -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 +293 -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 +127 -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 +176 -173
  44. package/src/ListFilter.vue +85 -85
  45. package/src/ListRow.vue +204 -204
  46. package/src/LoadingMark.vue +217 -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 +98 -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/highlight.ts +199 -0
  101. package/src/hsv.ts +100 -100
  102. package/src/icon-catalog.ts +52 -52
  103. package/src/image-zoom.ts +93 -93
  104. package/src/kind-colour.ts +28 -0
  105. package/src/loading-mark-motion.ts +249 -0
  106. package/src/logo-paths.ts +21 -21
  107. package/src/matrix-axis.ts +91 -91
  108. package/src/pagination.ts +27 -27
  109. package/src/platform-keys.ts +29 -29
  110. package/src/rich-tokenize.ts +357 -357
  111. package/src/select-types.ts +32 -32
  112. package/src/slider-math.ts +45 -45
  113. package/src/sortable.ts +22 -22
  114. package/src/theme/fonts/OFL-Fraunces.txt +93 -93
  115. package/src/theme/fonts/OFL-JetBrainsMono.txt +93 -93
  116. package/src/theme/fonts/OFL-Manrope.txt +93 -93
  117. package/src/theme/looks.css +428 -428
  118. package/src/theme/palettes.css +254 -254
  119. package/src/theme/tokens.css +2896 -2894
  120. package/src/tokens.ts +56 -56
  121. package/src/tooltip.css +43 -43
  122. package/src/tooltip.ts +146 -146
  123. package/src/useDialogFocus.ts +73 -73
  124. package/src/useGrowableField.ts +357 -357
  125. package/src/useModalKeyShield.ts +116 -116
  126. package/src/useToast.ts +48 -48
  127. package/src/wp-logo.svg +14 -14
  128. package/src/ChipToggle.vue +0 -92
  129. package/src/KindChip.vue +0 -53
  130. package/src/RatingBadge.vue +0 -42
package/CHANGELOG.md CHANGED
@@ -1,51 +1,92 @@
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.5.0](https://github.com/DumiFlex/wp-kit/compare/v0.4.0...v0.5.0) (2026-11-02)
4
+
5
+
6
+ ### Features
7
+
8
+ * **site:** add an Animations section with speed and pause controls ([#46](https://github.com/DumiFlex/wp-kit/issues/46)) ([c1043ec](https://github.com/DumiFlex/wp-kit/commit/c1043ecd3562fba74c29e4033e9e9c3fd0f058fa))
9
+ * Skeleton chip shape and square row icons; DataTable loads with Skeleton ([#47](https://github.com/DumiFlex/wp-kit/issues/47)) ([b38ec64](https://github.com/DumiFlex/wp-kit/commit/b38ec64a182e25073b59b6c22ef1a7e0246fee52))
10
+ * syntax colours in CodeBlock ([#44](https://github.com/DumiFlex/wp-kit/issues/44)) ([758fecc](https://github.com/DumiFlex/wp-kit/commit/758fecc8f86264290916b6c1b15a0233939ce790))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * a tile still loading can't open an empty Lightbox ([#45](https://github.com/DumiFlex/wp-kit/issues/45)) ([7063e64](https://github.com/DumiFlex/wp-kit/commit/7063e64a89ed8ce006602dd84804af7ff5f216c2))
16
+ * draw LoadingMark's motion on a canvas so it glides in Firefox ([#48](https://github.com/DumiFlex/wp-kit/issues/48)) ([85fc9a0](https://github.com/DumiFlex/wp-kit/commit/85fc9a027214ced5de582bc44d5e50472ee7560b))
17
+
18
+ ## [0.4.0](https://github.com/DumiFlex/wp-kit/compare/v0.3.0...v0.4.0) (2026-11-02)
19
+
20
+
21
+ ### ⚠ BREAKING CHANGES
22
+
23
+ * ChipToggle.vue is gone. <ChipToggle :pressed="x" …> is <Chip :pressed="x" size="sm" …> (size="md" for ChipToggle's md).
24
+ * 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.
25
+
26
+ ### Features
27
+
28
+ * add the --wp-brand-discord token ([#33](https://github.com/DumiFlex/wp-kit/issues/33)) ([c045b1e](https://github.com/DumiFlex/wp-kit/commit/c045b1e3124c45742837ea6b64c294bfd9a6e4e3))
29
+ * 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))
30
+
31
+
32
+ ### Bug Fixes
33
+
34
+ * **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))
35
+ * 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))
36
+
37
+
38
+ ### Refactoring
39
+
40
+ * drop KindChip and RatingBadge, use Chip ([#35](https://github.com/DumiFlex/wp-kit/issues/35)) ([b31b440](https://github.com/DumiFlex/wp-kit/commit/b31b440758e2b6ab4a956014827635e8a61cdbf0))
41
+ * fold ChipToggle into Chip ([#38](https://github.com/DumiFlex/wp-kit/issues/38)) ([b440a05](https://github.com/DumiFlex/wp-kit/commit/b440a05b2521a87af80d6f2ddea85f9bbe30732d))
42
+ * one field box for every field ([#39](https://github.com/DumiFlex/wp-kit/issues/39)) ([709be6f](https://github.com/DumiFlex/wp-kit/commit/709be6f8708481d015b5703e288fbfd974c99b0f))
43
+
44
+ ## [0.3.0](https://github.com/DumiFlex/wp-kit/compare/v0.2.1...v0.3.0) (2026-11-02)
45
+
46
+
47
+ ### Features
48
+
49
+ * 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))
50
+
51
+ ## [0.2.1](https://github.com/DumiFlex/wp-kit/compare/v0.2.0...v0.2.1) (2026-11-02)
52
+
53
+
54
+ ### Bug Fixes
55
+
56
+ * 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))
57
+ * **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))
58
+
59
+ ## [0.2.0](https://github.com/DumiFlex/wp-kit/compare/v0.1.0...v0.2.0) (2026-11-02)
60
+
61
+
62
+ ### Features
63
+
64
+ * 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))
65
+ * add ChipToggle ([#13](https://github.com/DumiFlex/wp-kit/issues/13)) ([ec80d22](https://github.com/DumiFlex/wp-kit/commit/ec80d22a2dc1db8c0596fe0cf96a8b50390e2a3b))
66
+ * add ListRow and a flush Disclosure ([#14](https://github.com/DumiFlex/wp-kit/issues/14)) ([ffcd818](https://github.com/DumiFlex/wp-kit/commit/ffcd818bc1e2c752d6f46a42c6c21dc7fdee9f55))
67
+ * add the community post pieces ([#10](https://github.com/DumiFlex/wp-kit/issues/10)) ([f2c5d11](https://github.com/DumiFlex/wp-kit/commit/f2c5d11e904b13cc2c8cb8890217c8111867f1b4))
68
+ * 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))
69
+ * 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))
70
+ * 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))
71
+
72
+
73
+ ### Bug Fixes
74
+
75
+ * let the page space PostCards ([#12](https://github.com/DumiFlex/wp-kit/issues/12)) ([7f6682c](https://github.com/DumiFlex/wp-kit/commit/7f6682c10e887ad213f7670769714d7a383a1d54))
76
+ * 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))
77
+
78
+ ## 0.1.0 (2026-10-29)
79
+
80
+
81
+ ### Features
82
+
83
+ * add SupportLinks and accept PrimeIcons 8 ([#4](https://github.com/DumiFlex/wp-kit/issues/4)) ([10f4048](https://github.com/DumiFlex/wp-kit/commit/10f4048a14d19d2eb11242d0ca9bb186dd8ba4aa))
84
+ * 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))
85
+ * add the shared component kit ([#1](https://github.com/DumiFlex/wp-kit/issues/1)) ([67ad60d](https://github.com/DumiFlex/wp-kit/commit/67ad60dd8857eeec49f4ff09f149bbab4cc21e22))
86
+ * add the showcase site ([#3](https://github.com/DumiFlex/wp-kit/issues/3)) ([04adde4](https://github.com/DumiFlex/wp-kit/commit/04adde40cfe6ee48810e2b1f03382415899876e2))
87
+ * 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))
88
+
89
+
90
+ ### Bug Fixes
91
+
92
+ * type-check under exactOptionalPropertyTypes ([#5](https://github.com/DumiFlex/wp-kit/issues/5)) ([e43fd47](https://github.com/DumiFlex/wp-kit/commit/e43fd477a2080991298bfa2d6f568ed70c319bf6))