@vanelsas/baredom 1.2.0 → 1.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 (83) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/README.md +7 -5
  3. package/dist/base.js +397 -362
  4. package/dist/x-alert.js +19 -19
  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 +19 -19
  21. package/dist/x-copy.js +23 -23
  22. package/dist/x-currency-field.js +22 -22
  23. package/dist/x-date-picker.js +41 -41
  24. package/dist/x-divider.js +13 -13
  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 +10 -10
  31. package/dist/x-gaussian-blur.js +19 -32
  32. package/dist/x-grid.js +6 -7
  33. package/dist/x-kinetic-font.js +29 -0
  34. package/dist/x-kinetic-typography.js +39 -61
  35. package/dist/x-liquid-dock.js +40 -0
  36. package/dist/x-liquid-fill.js +45 -0
  37. package/dist/x-liquid-glass.js +48 -0
  38. package/dist/x-menu-item.js +10 -10
  39. package/dist/x-menu.js +11 -11
  40. package/dist/x-metaball-cursor.js +29 -0
  41. package/dist/x-modal.js +13 -13
  42. package/dist/x-morph-stack.js +41 -0
  43. package/dist/x-navbar.js +13 -13
  44. package/dist/x-neural-glow.js +35 -0
  45. package/dist/x-notification-center.js +9 -10
  46. package/dist/x-organic-divider.js +19 -19
  47. package/dist/x-organic-progress.js +40 -0
  48. package/dist/x-organic-shape.js +14 -14
  49. package/dist/x-pagination.js +16 -16
  50. package/dist/x-popover.js +15 -15
  51. package/dist/x-progress-circle.js +9 -9
  52. package/dist/x-progress.js +10 -10
  53. package/dist/x-radio.js +11 -11
  54. package/dist/x-ripple-effect.js +12 -13
  55. package/dist/x-scroll-parallax.js +19 -19
  56. package/dist/x-scroll-stack.js +18 -18
  57. package/dist/x-scroll-story.js +36 -36
  58. package/dist/x-scroll-timeline.js +50 -50
  59. package/dist/x-scroll.js +41 -41
  60. package/dist/x-search-field.js +14 -14
  61. package/dist/x-select.js +9 -9
  62. package/dist/x-sidebar.js +16 -16
  63. package/dist/x-skeleton.js +6 -6
  64. package/dist/x-slider.js +16 -16
  65. package/dist/x-soft-body.js +22 -0
  66. package/dist/x-spacer.js +5 -5
  67. package/dist/x-spinner.js +5 -5
  68. package/dist/x-splash.js +15 -0
  69. package/dist/x-stat.js +11 -11
  70. package/dist/x-stepper.js +16 -16
  71. package/dist/x-switch.js +10 -10
  72. package/dist/x-tab.js +7 -7
  73. package/dist/x-table-cell.js +22 -23
  74. package/dist/x-table-row.js +10 -10
  75. package/dist/x-table.js +16 -16
  76. package/dist/x-tabs.js +11 -11
  77. package/dist/x-text-area.js +18 -18
  78. package/dist/x-timeline-item.js +24 -24
  79. package/dist/x-timeline.js +9 -9
  80. package/dist/x-toast.js +24 -24
  81. package/dist/x-toaster.js +8 -8
  82. package/dist/x-typography.js +8 -8
  83. package/package.json +50 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,35 @@
2
2
 
3
3
  All notable changes to BareDome will be documented in this file.
4
4
 
5
+ ## [1.4.0] - 2026-04-09
6
+
7
+ ### Added
8
+
9
+ Six new components:
10
+
11
+ - **Effects** — x-liquid-glass, x-soft-body, x-liquid-dock, x-liquid-fill
12
+ - **Typography** — x-kinetic-font
13
+ - **Layout** — x-morph-stack (with variant presets and multi-element goo merge demo)
14
+
15
+ ### Changed
16
+
17
+ - Demo index: style family filtering
18
+ - Demo index components sorted alphabetically
19
+ - README updates
20
+
21
+ ## [1.3.0] - 2026-04-07
22
+
23
+ ### Added
24
+
25
+ Six new components:
26
+
27
+ - **Effects** — x-splash, x-metaball-cursor, x-neural-glow, x-organic-progress
28
+ - **Layout** — x-bento-grid, x-bento-item
29
+
30
+ ### Changed
31
+
32
+ - **x-neural-glow** — automatic light/dark background adaptation via shader luminance detection
33
+
5
34
  ## [1.2.0] - 2026-04-05
6
35
 
7
36
  ### Added
package/README.md CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  ## What is BareDOM?
13
13
 
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.
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-morph-stack, x-liquid-fill, x-liquid-glass, x=soft-body, x-ripple-effect, x-scroll-parallax, x-scroll-story, x-scroll-timeline, x-kinetic-font, 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
 
@@ -35,6 +35,8 @@ Like most Clojure/ClojureScript developers starting out with UIs, I went through
35
35
 
36
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
+ I first built the usual suspects for web components, a basis to create a UI. I then thought about trying something more exciting, with animations, shapes, colours, and a whole range of web components that deal with morphing, kinetics and organic styles were born. I hope it brings you joy when using them in your web application!
39
+
38
40
  # Why web components?
39
41
 
40
42
  **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.
@@ -64,13 +66,13 @@ BareDOM can be consumed three ways: as a **ClojureScript source dependency** (Cl
64
66
  Add BareDOM to your `deps.edn`:
65
67
 
66
68
  ```clojure
67
- {:deps {com.github.avanelsas/baredom {:mvn/version "1.2.0"}}}
69
+ {:deps {com.github.avanelsas/baredom {:mvn/version "1.4.0"}}}
68
70
  ```
69
71
 
70
72
  Or in your `shadow-cljs.edn` dependencies:
71
73
 
72
74
  ```clojure
73
- :dependencies [[com.github.avanelsas/baredom "1.2.0"]]
75
+ :dependencies [[com.github.avanelsas/baredom "1.4.0"]]
74
76
  ```
75
77
 
76
78
  Then require component namespaces directly and call their `init!` function once at startup:
@@ -127,7 +129,7 @@ Add the npm package to your `package.json`:
127
129
  ```json
128
130
  {
129
131
  "dependencies": {
130
- "@vanelsas/baredom": "^1.2.0"
132
+ "@vanelsas/baredom": "^1.4.0"
131
133
  }
132
134
  }
133
135
  ```