@rcarls/rc-range-slider 0.0.0-next-20260921045401

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 ADDED
@@ -0,0 +1,82 @@
1
+ # @rcarls/rc-range-slider
2
+
3
+ ## 0.0.0-next-20260921045401
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [50d5610]
8
+ - Updated dependencies [4341311]
9
+ - @rcarls/rc-common@0.0.0-next-20260921045401
10
+
11
+ ## 0.6.0
12
+
13
+ ### Patch Changes
14
+
15
+ - 57370e4: Align component metadata, aggregate framework typings, development-time native-child
16
+ validation, controlled menu state, package declarations, and public documentation before the
17
+ next release.
18
+ - Updated dependencies [6683eb9]
19
+ - Updated dependencies [ee7ba6c]
20
+ - Updated dependencies [30eb232]
21
+ - @rcarls/rc-common@0.6.0
22
+
23
+ ## 0.5.0
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies [4ae2ef0]
28
+ - Updated dependencies [689340c]
29
+ - @rcarls/rc-common@0.5.0
30
+
31
+ ## 0.4.2
32
+
33
+ ### Patch Changes
34
+
35
+ - @rcarls/rc-common@0.4.2
36
+
37
+ ## 0.4.1
38
+
39
+ ### Patch Changes
40
+
41
+ - @rcarls/rc-common@0.4.1
42
+
43
+ ## 0.4.0
44
+
45
+ ### Patch Changes
46
+
47
+ - fdcf5b1: Document all `rc-range-slider` attributes and the `--rc-range-slider-vertical-size`,
48
+ `--rc-range-slider-track-size`, and accent-derived range/hover/active/focus CSS
49
+ custom properties in the generated API reference.
50
+ - Updated dependencies [e57277f]
51
+ - Updated dependencies [ccca8e2]
52
+ - Updated dependencies [037b1b3]
53
+ - @rcarls/rc-common@0.4.0
54
+
55
+ ## 0.3.2
56
+
57
+ ### Patch Changes
58
+
59
+ - Updated dependencies [88b4086]
60
+ - @rcarls/rc-common@0.3.2
61
+
62
+ ## 0.3.1
63
+
64
+ ### Patch Changes
65
+
66
+ - @rcarls/rc-common@0.3.1
67
+
68
+ ## 0.3.0
69
+
70
+ ### Changed
71
+
72
+ - Update package metadata, README intro, and docs links.
73
+
74
+ ### Dependencies
75
+
76
+ - Sync internal dependencies to 0.3.0.
77
+
78
+ ## 0.2.0
79
+
80
+ ### Patch Changes
81
+
82
+ - @rcarls/rc-common@0.2.0
package/README.md ADDED
@@ -0,0 +1,50 @@
1
+ # @rcarls/rc-range-slider
2
+
3
+ Two-thumb range slider backed by native range inputs for min/max values, following the [WAI-ARIA Multi-Thumb Slider pattern](https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/).
4
+
5
+ Docs: [https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider](https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider).
6
+
7
+ `rc-range-slider` progressively enhances two direct child
8
+ `<input type="range">` elements. Before upgrade, those inputs are the usable
9
+ no-JavaScript fallback. After upgrade, the inputs remain in light DOM as hidden
10
+ form reflectors while custom shadow-DOM thumbs provide the APG slider
11
+ interaction surface.
12
+
13
+ ```html
14
+ <rc-range-slider aria-label="Price range">
15
+ <input type="range" name="price-min" min="0" max="100" value="20" aria-label="Minimum" />
16
+ <input type="range" name="price-max" min="0" max="100" value="80" aria-label="Maximum" />
17
+ </rc-range-slider>
18
+ ```
19
+
20
+ The custom thumbs expose `role="slider"`, stable tab order, dynamic
21
+ `aria-valuemin` / `aria-valuemax` bounds, keyboard support, and optional
22
+ `aria-valuetext` through `low-value-text` and `high-value-text`. The hidden
23
+ native inputs keep their `name`, current `value`, and disabled state so normal
24
+ form submission keeps working.
25
+
26
+ ## Styling Hooks
27
+
28
+ The component exposes `root`, `group`, `track`, `range`, `thumb`, `low-thumb`,
29
+ `high-thumb`, `value-display`, `low-value-display`, and `high-value-display`
30
+ CSS parts.
31
+
32
+ The selected range, thumb border, focus ring, hover, and active states use
33
+ `--rc-range-slider-accent`, which defaults to `var(--rc-accent, Highlight)`.
34
+ Set `--rc-accent` at the app or theme boundary to share one accent color across
35
+ components; without that token, the slider falls back to the system
36
+ `Highlight` color.
37
+
38
+ Consumers can decorate the track with a real named slot:
39
+
40
+ ```html
41
+ <rc-range-slider aria-label="Price range">
42
+ <span slot="track-background" class="threshold-bands"></span>
43
+ <input type="range" name="price-min" min="0" max="100" value="20" aria-label="Minimum" />
44
+ <input type="range" name="price-max" min="0" max="100" value="80" aria-label="Maximum" />
45
+ </rc-range-slider>
46
+ ```
47
+
48
+ Visual thumb styling belongs to CSS parts, not native input pseudo-elements,
49
+ because the upgraded interaction surface is custom shadow DOM. The fallback
50
+ inputs remain ordinary native range controls before the component upgrades.