@vanelsas/baredom 1.0.0 → 1.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 (70) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +11 -3
  3. package/dist/base.js +368 -349
  4. package/dist/x-alert.js +18 -18
  5. package/dist/x-avatar-group.js +11 -11
  6. package/dist/x-avatar.js +16 -17
  7. package/dist/x-badge.js +11 -11
  8. package/dist/x-breadcrumbs.js +14 -14
  9. package/dist/x-button.js +16 -16
  10. package/dist/x-cancel-dialogue.js +17 -17
  11. package/dist/x-card.js +7 -7
  12. package/dist/x-chart.js +47 -47
  13. package/dist/x-checkbox.js +11 -11
  14. package/dist/x-chip.js +8 -8
  15. package/dist/x-collapse.js +11 -11
  16. package/dist/x-command-palette.js +31 -31
  17. package/dist/x-container.js +6 -6
  18. package/dist/x-context-menu.js +19 -20
  19. package/dist/x-copy.js +23 -23
  20. package/dist/x-currency-field.js +23 -23
  21. package/dist/x-date-picker.js +39 -39
  22. package/dist/x-divider.js +12 -12
  23. package/dist/x-drawer.js +12 -12
  24. package/dist/x-dropdown.js +10 -10
  25. package/dist/x-fieldset.js +6 -6
  26. package/dist/x-file-download.js +7 -7
  27. package/dist/x-form-field.js +17 -17
  28. package/dist/x-form.js +9 -9
  29. package/dist/x-gaussian-blur.js +33 -0
  30. package/dist/x-grid.js +7 -7
  31. package/dist/x-kinetic-typography.js +62 -0
  32. package/dist/x-menu-item.js +10 -10
  33. package/dist/x-menu.js +10 -10
  34. package/dist/x-modal.js +13 -13
  35. package/dist/x-navbar.js +13 -13
  36. package/dist/x-notification-center.js +10 -10
  37. package/dist/x-organic-divider.js +20 -0
  38. package/dist/x-organic-shape.js +15 -0
  39. package/dist/x-pagination.js +16 -16
  40. package/dist/x-popover.js +15 -15
  41. package/dist/x-progress-circle.js +10 -10
  42. package/dist/x-progress.js +11 -11
  43. package/dist/x-radio.js +11 -11
  44. package/dist/x-ripple-effect.js +14 -0
  45. package/dist/x-scroll-parallax.js +20 -0
  46. package/dist/x-scroll-story.js +38 -0
  47. package/dist/x-scroll-timeline.js +51 -0
  48. package/dist/x-scroll.js +43 -0
  49. package/dist/x-search-field.js +14 -14
  50. package/dist/x-select.js +9 -9
  51. package/dist/x-sidebar.js +16 -16
  52. package/dist/x-skeleton.js +6 -7
  53. package/dist/x-slider.js +16 -16
  54. package/dist/x-spacer.js +5 -5
  55. package/dist/x-spinner.js +5 -5
  56. package/dist/x-stat.js +11 -11
  57. package/dist/x-stepper.js +16 -16
  58. package/dist/x-switch.js +10 -10
  59. package/dist/x-tab.js +7 -7
  60. package/dist/x-table-cell.js +21 -21
  61. package/dist/x-table-row.js +10 -10
  62. package/dist/x-table.js +14 -14
  63. package/dist/x-tabs.js +11 -12
  64. package/dist/x-text-area.js +19 -19
  65. package/dist/x-timeline-item.js +23 -23
  66. package/dist/x-timeline.js +9 -9
  67. package/dist/x-toast.js +23 -23
  68. package/dist/x-toaster.js +8 -8
  69. package/dist/x-typography.js +11 -0
  70. package/package.json +43 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  All notable changes to BareDome will be documented in this file.
4
4
 
5
+ ## [1.1.0] - 2026-04-05
6
+
7
+ ### Added
8
+
9
+ Nine new components:
10
+
11
+ - **Effects** — x-ripple-effect, x-gaussian-blur
12
+ - **Scroll** — x-scroll-parallax, x-scroll-timeline, x-scroll-story
13
+ - **Typography** — x-typography, x-kinetic-typography
14
+ - **Decorative** — x-organic-divider, x-organic-shape
15
+
5
16
  ## [1.0.0] - 2026-04-04
6
17
 
7
18
  Stable release — promoted from 1.0.0-rc.4 with no code changes.
package/README.md CHANGED
@@ -25,10 +25,18 @@ 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/)
29
+
28
30
  ---
29
31
 
30
32
  ## Why BareDOM?
31
33
 
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
+
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.
37
+
38
+ # Why web components?
39
+
32
40
  **Works in any stack.** Because components are native HTML elements, they work wherever HTML works — vanilla JavaScript, React, Vue, Svelte, Angular, server-rendered HTML, or a static page. No adapter layer, no wrapper library.
33
41
 
34
42
  **No framework lock-in.** Your components are not tied to the framework you are building with today. Migrate your app, keep your components.
@@ -54,13 +62,13 @@ BareDOM can be consumed three ways: as a **ClojureScript source dependency** (Cl
54
62
  Add BareDOM to your `deps.edn`:
55
63
 
56
64
  ```clojure
57
- {:deps {com.github.avanelsas/baredom {:mvn/version "1.0.0-rc.4"}}}
65
+ {:deps {com.github.avanelsas/baredom {:mvn/version "1.1.0"}}}
58
66
  ```
59
67
 
60
68
  Or in your `shadow-cljs.edn` dependencies:
61
69
 
62
70
  ```clojure
63
- :dependencies [[com.github.avanelsas/baredom "1.0.0-rc.4"]]
71
+ :dependencies [[com.github.avanelsas/baredom "1.1.0"]]
64
72
  ```
65
73
 
66
74
  Then require component namespaces directly and call their `init!` function once at startup:
@@ -117,7 +125,7 @@ Add the npm package to your `package.json`:
117
125
  ```json
118
126
  {
119
127
  "dependencies": {
120
- "@vanelsas/baredom": "^1.0.0-rc.4"
128
+ "@vanelsas/baredom": "^1.1.0"
121
129
  }
122
130
  }
123
131
  ```