@vanelsas/baredom 1.1.0 → 1.3.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 (77) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +8 -6
  3. package/dist/base.js +364 -353
  4. package/dist/x-alert.js +18 -18
  5. package/dist/x-avatar-group.js +11 -11
  6. package/dist/x-avatar.js +15 -15
  7. package/dist/x-badge.js +11 -11
  8. package/dist/x-bento-grid.js +6 -0
  9. package/dist/x-bento-item.js +5 -0
  10. package/dist/x-breadcrumbs.js +14 -14
  11. package/dist/x-button.js +16 -16
  12. package/dist/x-cancel-dialogue.js +17 -17
  13. package/dist/x-card.js +7 -7
  14. package/dist/x-chart.js +48 -48
  15. package/dist/x-checkbox.js +11 -11
  16. package/dist/x-chip.js +8 -8
  17. package/dist/x-collapse.js +12 -12
  18. package/dist/x-command-palette.js +31 -31
  19. package/dist/x-container.js +6 -6
  20. package/dist/x-context-menu.js +18 -18
  21. package/dist/x-copy.js +23 -23
  22. package/dist/x-currency-field.js +22 -22
  23. package/dist/x-date-picker.js +40 -40
  24. package/dist/x-divider.js +12 -12
  25. package/dist/x-drawer.js +12 -12
  26. package/dist/x-dropdown.js +9 -9
  27. package/dist/x-fieldset.js +6 -6
  28. package/dist/x-file-download.js +7 -7
  29. package/dist/x-form-field.js +15 -15
  30. package/dist/x-form.js +9 -9
  31. package/dist/x-gaussian-blur.js +19 -32
  32. package/dist/x-grid.js +6 -7
  33. package/dist/x-kinetic-typography.js +61 -61
  34. package/dist/x-menu-item.js +10 -10
  35. package/dist/x-menu.js +10 -10
  36. package/dist/x-metaball-cursor.js +28 -0
  37. package/dist/x-modal.js +13 -13
  38. package/dist/x-navbar.js +13 -13
  39. package/dist/x-neural-glow.js +35 -0
  40. package/dist/x-notification-center.js +10 -10
  41. package/dist/x-organic-divider.js +16 -16
  42. package/dist/x-organic-progress.js +40 -0
  43. package/dist/x-organic-shape.js +14 -14
  44. package/dist/x-pagination.js +16 -16
  45. package/dist/x-popover.js +15 -15
  46. package/dist/x-progress-circle.js +8 -8
  47. package/dist/x-progress.js +8 -8
  48. package/dist/x-radio.js +11 -11
  49. package/dist/x-ripple-effect.js +12 -12
  50. package/dist/x-scroll-parallax.js +17 -17
  51. package/dist/x-scroll-stack.js +20 -0
  52. package/dist/x-scroll-story.js +35 -35
  53. package/dist/x-scroll-timeline.js +47 -47
  54. package/dist/x-scroll.js +39 -39
  55. package/dist/x-search-field.js +14 -14
  56. package/dist/x-select.js +9 -9
  57. package/dist/x-sidebar.js +16 -16
  58. package/dist/x-skeleton.js +5 -5
  59. package/dist/x-slider.js +16 -16
  60. package/dist/x-spacer.js +5 -5
  61. package/dist/x-spinner.js +5 -5
  62. package/dist/x-splash.js +15 -0
  63. package/dist/x-stat.js +11 -11
  64. package/dist/x-stepper.js +16 -16
  65. package/dist/x-switch.js +10 -10
  66. package/dist/x-tab.js +7 -7
  67. package/dist/x-table-cell.js +20 -21
  68. package/dist/x-table-row.js +10 -10
  69. package/dist/x-table.js +14 -14
  70. package/dist/x-tabs.js +11 -11
  71. package/dist/x-text-area.js +17 -17
  72. package/dist/x-timeline-item.js +23 -23
  73. package/dist/x-timeline.js +9 -9
  74. package/dist/x-toast.js +23 -23
  75. package/dist/x-toaster.js +8 -8
  76. package/dist/x-typography.js +8 -8
  77. package/package.json +30 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  All notable changes to BareDome will be documented in this file.
4
4
 
5
+ ## [1.3.0] - 2026-04-07
6
+
7
+ ### Added
8
+
9
+ Six new components:
10
+
11
+ - **Effects** — x-splash, x-metaball-cursor, x-neural-glow, x-organic-progress
12
+ - **Layout** — x-bento-grid, x-bento-item
13
+
14
+ ### Changed
15
+
16
+ - **x-neural-glow** — automatic light/dark background adaptation via shader luminance detection
17
+
18
+ ## [1.2.0] - 2026-04-05
19
+
20
+ ### Added
21
+
22
+ - **Scroll** — x-scroll-stack (card-stack with scroll-driven align support)
23
+ - **Documentation** — JavaScript Developer Guide (`docs/javascript-guide.md`) for npm/ESM setup, event handling, theming, and framework integration
24
+
25
+ ### Changed
26
+
27
+ - Cleaned up x-button.md for JavaScript developer readability
28
+ - Added JavaScript guide link to README Installation section
29
+
5
30
  ## [1.1.0] - 2026-04-05
6
31
 
7
32
  ### Added
package/README.md CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  ## What is BareDOM?
13
13
 
14
- BareDOM is a library of 54 UI components built entirely on web standards — Custom Elements v1, Shadow DOM, and ES modules. There is no framework runtime, no virtual DOM, and no JavaScript framework peer dependency. Every component is a native HTML element that you register once and use anywhere.
14
+ BareDOM is a library of more than 70 UI components built entirely on web standards — Custom Elements v1, Shadow DOM, and ES modules. There is no framework runtime, no virtual DOM, and no JavaScript framework peer dependency. Every component is a native HTML element that you register once and use anywhere.
15
15
 
16
16
  The core rendering model is deliberately simple:
17
17
 
@@ -25,7 +25,7 @@ BareDOM is authored in ClojureScript and compiled to optimised, minified ES modu
25
25
 
26
26
  BareDOM has been created using Claude Code. The CLAUDE.md file is added to the repository for your convenience.
27
27
 
28
- All web components—including new, modern, and exciting ones such as x-ripple-effect, x-scroll-parallax, x-scroll-story, x-scroll-timeline, x-kinetic-typography, x-organic-shape, and x-gaussian-blur—can be seen [here](https://avanelsas.github.io/baredom/)
28
+ All web components—including new, modern, and exciting ones such as x-ripple-effect, x-scroll-parallax, x-scroll-story, x-scroll-timeline, x-kinetic-typography, x-organic-shape, x-gaussian-blur, x-neural-glow, x-metaball-cursor, and x-organic-progress—can be seen [here](https://avanelsas.github.io/baredom/)
29
29
 
30
30
  ---
31
31
 
@@ -33,7 +33,7 @@ All web components—including new, modern, and exciting ones such as x-ripple-e
33
33
 
34
34
  Like most Clojure/ClojureScript developers starting out with UIs, I went through the common phases of using Reagent and Re-frame—which are great utilities in their own right. However, as my UIs became larger and more complex, bundle sizes increased, and I found myself spending too much time rebuilding generic, reusable components from scratch.
35
35
 
36
- I started looking for a different approach and discovered Web Components. I built a few, but didn't have the spare time to develop a comprehensive set that could be used in any project. Then AI arrived. While experimenting with Claude Code, I realised that 1 + 1 = 3. That is how Baredom, my first open-source project, was born.
36
+ I started looking for a different approach and discovered Web Components. I built a few, but didn't have the spare time to develop a comprehensive set that could be used in any project. Then AI arrived. While experimenting with Claude Code, I realised that 1 + 1 could be 3. That is how BareDOM, my first open-source project, was born.
37
37
 
38
38
  # Why web components?
39
39
 
@@ -55,6 +55,8 @@ I started looking for a different approach and discovered Web Components. I buil
55
55
 
56
56
  ## Installation
57
57
 
58
+ > **Using JavaScript?** See the [JavaScript Developer Guide](./docs/javascript-guide.md) for npm/ESM setup, event handling, theming, and framework integration examples (React, Vue, Svelte).
59
+
58
60
  BareDOM can be consumed three ways: as a **ClojureScript source dependency** (Clojars), as **standalone ES module files** (no build tool required), or as an **npm package**.
59
61
 
60
62
  ### Option A — ClojureScript via Clojars
@@ -62,13 +64,13 @@ BareDOM can be consumed three ways: as a **ClojureScript source dependency** (Cl
62
64
  Add BareDOM to your `deps.edn`:
63
65
 
64
66
  ```clojure
65
- {:deps {com.github.avanelsas/baredom {:mvn/version "1.1.0"}}}
67
+ {:deps {com.github.avanelsas/baredom {:mvn/version "1.2.0"}}}
66
68
  ```
67
69
 
68
70
  Or in your `shadow-cljs.edn` dependencies:
69
71
 
70
72
  ```clojure
71
- :dependencies [[com.github.avanelsas/baredom "1.1.0"]]
73
+ :dependencies [[com.github.avanelsas/baredom "1.2.0"]]
72
74
  ```
73
75
 
74
76
  Then require component namespaces directly and call their `init!` function once at startup:
@@ -125,7 +127,7 @@ Add the npm package to your `package.json`:
125
127
  ```json
126
128
  {
127
129
  "dependencies": {
128
- "@vanelsas/baredom": "^1.1.0"
130
+ "@vanelsas/baredom": "^1.2.0"
129
131
  }
130
132
  }
131
133
  ```