@zag-js/slider 0.0.0-dev-20220615082220 → 0.0.0-dev-20220615084146

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 (3) hide show
  1. package/dist/index.js +6 -1
  2. package/dist/index.mjs +6 -1
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -702,7 +702,9 @@ function connect(state2, send, normalize = normalizeProp) {
702
702
  rootProps: normalize.element({
703
703
  "data-part": "root",
704
704
  "data-disabled": dataAttr(isDisabled),
705
+ "data-focus": dataAttr(isFocused),
705
706
  "data-orientation": state2.context.orientation,
707
+ "data-invalid": dataAttr(isInvalid),
706
708
  id: dom.getRootId(state2.context),
707
709
  dir: state2.context.dir,
708
710
  style: dom.getRootStyle(state2.context)
@@ -711,6 +713,7 @@ function connect(state2, send, normalize = normalizeProp) {
711
713
  "data-part": "label",
712
714
  "data-disabled": dataAttr(isDisabled),
713
715
  "data-invalid": dataAttr(isInvalid),
716
+ "data-focus": dataAttr(isFocused),
714
717
  id: dom.getLabelId(state2.context),
715
718
  htmlFor: dom.getInputId(state2.context),
716
719
  onClick(event) {
@@ -817,14 +820,15 @@ function connect(state2, send, normalize = normalizeProp) {
817
820
  "data-part": "track",
818
821
  id: dom.getTrackId(state2.context),
819
822
  "data-disabled": dataAttr(isDisabled),
823
+ "data-focus": dataAttr(isFocused),
820
824
  "data-invalid": dataAttr(isInvalid),
821
825
  "data-orientation": state2.context.orientation,
822
- "data-focus": dataAttr(isFocused),
823
826
  style: dom.getTrackStyle()
824
827
  }),
825
828
  rangeProps: normalize.element({
826
829
  "data-part": "range",
827
830
  id: dom.getRangeId(state2.context),
831
+ "data-focus": dataAttr(isFocused),
828
832
  "data-invalid": dataAttr(isInvalid),
829
833
  "data-disabled": dataAttr(isDisabled),
830
834
  "data-orientation": state2.context.orientation,
@@ -863,6 +867,7 @@ function connect(state2, send, normalize = normalizeProp) {
863
867
  const markerState = value > state2.context.value ? "over-value" : value < state2.context.value ? "under-value" : "at-value";
864
868
  return normalize.element({
865
869
  "data-part": "marker",
870
+ role: "presentation",
866
871
  "data-orientation": state2.context.orientation,
867
872
  id: dom.getMarkerId(state2.context, value),
868
873
  "data-value": value,
package/dist/index.mjs CHANGED
@@ -678,7 +678,9 @@ function connect(state2, send, normalize = normalizeProp) {
678
678
  rootProps: normalize.element({
679
679
  "data-part": "root",
680
680
  "data-disabled": dataAttr(isDisabled),
681
+ "data-focus": dataAttr(isFocused),
681
682
  "data-orientation": state2.context.orientation,
683
+ "data-invalid": dataAttr(isInvalid),
682
684
  id: dom.getRootId(state2.context),
683
685
  dir: state2.context.dir,
684
686
  style: dom.getRootStyle(state2.context)
@@ -687,6 +689,7 @@ function connect(state2, send, normalize = normalizeProp) {
687
689
  "data-part": "label",
688
690
  "data-disabled": dataAttr(isDisabled),
689
691
  "data-invalid": dataAttr(isInvalid),
692
+ "data-focus": dataAttr(isFocused),
690
693
  id: dom.getLabelId(state2.context),
691
694
  htmlFor: dom.getInputId(state2.context),
692
695
  onClick(event) {
@@ -793,14 +796,15 @@ function connect(state2, send, normalize = normalizeProp) {
793
796
  "data-part": "track",
794
797
  id: dom.getTrackId(state2.context),
795
798
  "data-disabled": dataAttr(isDisabled),
799
+ "data-focus": dataAttr(isFocused),
796
800
  "data-invalid": dataAttr(isInvalid),
797
801
  "data-orientation": state2.context.orientation,
798
- "data-focus": dataAttr(isFocused),
799
802
  style: dom.getTrackStyle()
800
803
  }),
801
804
  rangeProps: normalize.element({
802
805
  "data-part": "range",
803
806
  id: dom.getRangeId(state2.context),
807
+ "data-focus": dataAttr(isFocused),
804
808
  "data-invalid": dataAttr(isInvalid),
805
809
  "data-disabled": dataAttr(isDisabled),
806
810
  "data-orientation": state2.context.orientation,
@@ -839,6 +843,7 @@ function connect(state2, send, normalize = normalizeProp) {
839
843
  const markerState = value > state2.context.value ? "over-value" : value < state2.context.value ? "under-value" : "at-value";
840
844
  return normalize.element({
841
845
  "data-part": "marker",
846
+ role: "presentation",
842
847
  "data-orientation": state2.context.orientation,
843
848
  id: dom.getMarkerId(state2.context, value),
844
849
  "data-value": value,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/slider",
3
- "version": "0.0.0-dev-20220615082220",
3
+ "version": "0.0.0-dev-20220615084146",
4
4
  "description": "Core logic for the slider widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@zag-js/core": "0.1.6",
33
- "@zag-js/dom-utils": "0.0.0-dev-20220615082220",
33
+ "@zag-js/dom-utils": "0.0.0-dev-20220615084146",
34
34
  "@zag-js/number-utils": "0.1.2",
35
35
  "@zag-js/rect-utils": "0.1.2",
36
36
  "@zag-js/types": "0.1.2",