@vanelsas/baredom 1.3.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.
- package/CHANGELOG.md +16 -0
- package/README.md +6 -4
- package/dist/base.js +397 -373
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +41 -41
- package/dist/x-divider.js +13 -13
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +29 -0
- package/dist/x-kinetic-typography.js +39 -61
- package/dist/x-liquid-dock.js +40 -0
- package/dist/x-liquid-fill.js +45 -0
- package/dist/x-liquid-glass.js +48 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +28 -27
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +41 -0
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +34 -34
- package/dist/x-notification-center.js +9 -10
- package/dist/x-organic-divider.js +19 -19
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +10 -10
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -13
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +50 -50
- package/dist/x-scroll.js +41 -41
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +6 -6
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +22 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +22 -22
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +16 -16
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +10 -10
- package/package.json +25 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,22 @@
|
|
|
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
|
+
|
|
5
21
|
## [1.3.0] - 2026-04-07
|
|
6
22
|
|
|
7
23
|
### Added
|
package/README.md
CHANGED
|
@@ -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
|
|
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.
|
|
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.
|
|
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.
|
|
132
|
+
"@vanelsas/baredom": "^1.4.0"
|
|
131
133
|
}
|
|
132
134
|
}
|
|
133
135
|
```
|