@vanelsas/baredom 1.1.0 → 1.2.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 (71) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +7 -5
  3. package/dist/base.js +347 -347
  4. package/dist/x-alert.js +15 -15
  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-breadcrumbs.js +12 -12
  9. package/dist/x-button.js +15 -15
  10. package/dist/x-cancel-dialogue.js +13 -13
  11. package/dist/x-card.js +7 -7
  12. package/dist/x-chart.js +47 -47
  13. package/dist/x-checkbox.js +8 -8
  14. package/dist/x-chip.js +6 -6
  15. package/dist/x-collapse.js +10 -10
  16. package/dist/x-command-palette.js +23 -23
  17. package/dist/x-container.js +6 -6
  18. package/dist/x-context-menu.js +19 -19
  19. package/dist/x-copy.js +22 -22
  20. package/dist/x-currency-field.js +22 -22
  21. package/dist/x-date-picker.js +37 -37
  22. package/dist/x-divider.js +12 -12
  23. package/dist/x-drawer.js +11 -11
  24. package/dist/x-dropdown.js +5 -5
  25. package/dist/x-fieldset.js +6 -6
  26. package/dist/x-file-download.js +4 -4
  27. package/dist/x-form-field.js +15 -15
  28. package/dist/x-form.js +10 -10
  29. package/dist/x-gaussian-blur.js +32 -32
  30. package/dist/x-grid.js +7 -7
  31. package/dist/x-kinetic-typography.js +61 -61
  32. package/dist/x-menu-item.js +10 -10
  33. package/dist/x-menu.js +10 -10
  34. package/dist/x-modal.js +12 -12
  35. package/dist/x-navbar.js +13 -13
  36. package/dist/x-notification-center.js +9 -9
  37. package/dist/x-organic-divider.js +17 -17
  38. package/dist/x-organic-shape.js +14 -14
  39. package/dist/x-pagination.js +16 -16
  40. package/dist/x-popover.js +6 -6
  41. package/dist/x-progress-circle.js +9 -9
  42. package/dist/x-progress.js +10 -10
  43. package/dist/x-radio.js +11 -11
  44. package/dist/x-ripple-effect.js +12 -12
  45. package/dist/x-scroll-parallax.js +19 -19
  46. package/dist/x-scroll-stack.js +20 -0
  47. package/dist/x-scroll-story.js +35 -35
  48. package/dist/x-scroll-timeline.js +42 -42
  49. package/dist/x-scroll.js +40 -40
  50. package/dist/x-search-field.js +7 -7
  51. package/dist/x-select.js +9 -9
  52. package/dist/x-sidebar.js +16 -16
  53. package/dist/x-skeleton.js +5 -5
  54. package/dist/x-slider.js +16 -16
  55. package/dist/x-spacer.js +5 -5
  56. package/dist/x-spinner.js +5 -5
  57. package/dist/x-stat.js +11 -11
  58. package/dist/x-stepper.js +16 -16
  59. package/dist/x-switch.js +10 -10
  60. package/dist/x-tab.js +5 -5
  61. package/dist/x-table-cell.js +23 -23
  62. package/dist/x-table-row.js +8 -8
  63. package/dist/x-table.js +15 -15
  64. package/dist/x-tabs.js +11 -11
  65. package/dist/x-text-area.js +17 -17
  66. package/dist/x-timeline-item.js +23 -23
  67. package/dist/x-timeline.js +9 -9
  68. package/dist/x-toast.js +19 -19
  69. package/dist/x-toaster.js +8 -8
  70. package/dist/x-typography.js +10 -10
  71. package/package.json +6 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  All notable changes to BareDome will be documented in this file.
4
4
 
5
+ ## [1.2.0] - 2026-04-05
6
+
7
+ ### Added
8
+
9
+ - **Scroll** — x-scroll-stack (card-stack with scroll-driven align support)
10
+ - **Documentation** — JavaScript Developer Guide (`docs/javascript-guide.md`) for npm/ESM setup, event handling, theming, and framework integration
11
+
12
+ ### Changed
13
+
14
+ - Cleaned up x-button.md for JavaScript developer readability
15
+ - Added JavaScript guide link to README Installation section
16
+
5
17
  ## [1.1.0] - 2026-04-05
6
18
 
7
19
  ### 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 60 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
 
@@ -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
  ```