@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.
- package/CHANGELOG.md +25 -0
- package/README.md +8 -6
- package/dist/base.js +364 -353
- package/dist/x-alert.js +18 -18
- 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 +6 -0
- package/dist/x-bento-item.js +5 -0
- 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 +48 -48
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +12 -12
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +12 -12
- 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 +9 -9
- package/dist/x-gaussian-blur.js +19 -32
- package/dist/x-grid.js +6 -7
- package/dist/x-kinetic-typography.js +61 -61
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +28 -0
- package/dist/x-modal.js +13 -13
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +35 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +16 -16
- package/dist/x-organic-progress.js +40 -0
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +8 -8
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -12
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +20 -0
- package/dist/x-scroll-story.js +35 -35
- package/dist/x-scroll-timeline.js +47 -47
- package/dist/x-scroll.js +39 -39
- 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 +5 -5
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +15 -0
- 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 +20 -21
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +14 -14
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-timeline-item.js +23 -23
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +23 -23
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +8 -8
- 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
|
|
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-
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
130
|
+
"@vanelsas/baredom": "^1.2.0"
|
|
129
131
|
}
|
|
130
132
|
}
|
|
131
133
|
```
|