@fluentui/react-switch 9.0.0-alpha.8 → 9.0.0-alpha.9

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 (22) hide show
  1. package/CHANGELOG.json +72 -1
  2. package/CHANGELOG.md +19 -2
  3. package/dist/react-switch.d.ts +5 -1
  4. package/lib/components/Switch/Switch.types.d.ts +5 -1
  5. package/lib/components/Switch/renderSwitch.js +1 -1
  6. package/lib/components/Switch/renderSwitch.js.map +1 -1
  7. package/lib/components/Switch/useSwitch.js +6 -1
  8. package/lib/components/Switch/useSwitch.js.map +1 -1
  9. package/lib/components/Switch/useSwitchState.js +124 -19
  10. package/lib/components/Switch/useSwitchState.js.map +1 -1
  11. package/lib/components/Switch/useSwitchStyles.js +154 -92
  12. package/lib/components/Switch/useSwitchStyles.js.map +1 -1
  13. package/lib-commonjs/components/Switch/Switch.types.d.ts +5 -1
  14. package/lib-commonjs/components/Switch/renderSwitch.js +1 -1
  15. package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
  16. package/lib-commonjs/components/Switch/useSwitch.js +6 -1
  17. package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
  18. package/lib-commonjs/components/Switch/useSwitchState.js +123 -18
  19. package/lib-commonjs/components/Switch/useSwitchState.js.map +1 -1
  20. package/lib-commonjs/components/Switch/useSwitchStyles.js +154 -92
  21. package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
  22. package/package.json +9 -9
package/lib/components/Switch/useSwitchStyles.js CHANGED
@@ -12,6 +12,8 @@ var useRootStyles = /*#__PURE__*/__styles({
12
12
  "B64q66w": "frxo1y7",
13
13
  "yvbau0": "fe5s2ct",
14
14
  "k3w5al": "f1n6k660",
15
+ "mt6sm6": "f17m95gg",
16
+ "Bjtifd4": "fp7zjh8",
15
17
  "qhf8xq": "f10pi13n",
16
18
  "a9b677": "fnceurk",
17
19
  "Bqenvij": "f15da5dy",
@@ -21,21 +23,29 @@ var useRootStyles = /*#__PURE__*/__styles({
21
23
  "ha4doy": "f1qdqbpl"
22
24
  },
23
25
  "unchecked": {
24
- "Bqjqakx": "f1d44w5f",
25
- "Bd0vrip": "f1j7dw8k",
26
- "y7yju5": ["f1r94r6s", "f1fmnyxd"],
27
- "B07fonl": "fyho6do",
28
- "lc79a6": ["f1fmnyxd", "f1r94r6s"]
26
+ "Blms9gb": "f13xkumm",
27
+ "B786czj": "fwu2nam",
28
+ "Bjuc0nl": ["f17rbxkr", "f129xn0s"],
29
+ "B5yqodl": "f1rpi3fs",
30
+ "kjlpdb": ["f129xn0s", "f17rbxkr"]
29
31
  },
30
32
  "checked": {
31
- "ot2k7a": "fbufzf2",
32
- "Bhph27x": "fvfzge"
33
+ "B4o7b9o": "f1acbuqn",
34
+ "puz9ln": "f6w8g9v"
35
+ },
36
+ "enabled": {
37
+ "H36rlo": "felqjlh",
38
+ "Bceei9c": "f1k6fduh"
39
+ },
40
+ "disabled": {
41
+ "Bceei9c": "fdrzuqr",
42
+ "Bkecrkj": "f1aehjj5"
33
43
  },
34
44
  "focusIndicator": {}
35
45
  }, {
36
- "d": [".frxo1y7{--switch-width:40px;}", ".fe5s2ct{--switch-height:20px;}", ".f1n6k660{--switch-thumb-size:14px;}", ".f10pi13n{position:relative;}", ".fnceurk{width:var(--switch-width);}", ".f15da5dy{height:var(--switch-height);}", ".f14t3ns0{display:inline-block;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1sdsnyy{touch-action:none;}", ".f1qdqbpl{vertical-align:bottom;}"],
37
- "h": [".f1d44w5f:hover .ms-Switch-thumb{background:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f1j7dw8k:hover .ms-Switch-track{border-top-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f1r94r6s:hover .ms-Switch-track{border-right-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f1fmnyxd:hover .ms-Switch-track{border-left-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".fyho6do:hover .ms-Switch-track{border-bottom-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".fbufzf2:hover .ms-Switch-track{background:var(--alias-color-neutral-brandBackgroundHover);}"],
38
- "a": [".fvfzge:active .ms-Switch-track{background:var(--alias-color-neutral-brandBackgroundPressed);}"]
46
+ "d": [".frxo1y7{--switch-width:40px;}", ".fe5s2ct{--switch-height:20px;}", ".f1n6k660{--switch-thumb-size:14px;}", ".f17m95gg{--switch-checked-opacity:0;}", ".fp7zjh8{--switch-unchecked-opacity:0;}", ".f10pi13n{position:relative;}", ".fnceurk{width:var(--switch-width);}", ".f15da5dy{height:var(--switch-height);}", ".f14t3ns0{display:inline-block;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1sdsnyy{touch-action:none;}", ".f1qdqbpl{vertical-align:bottom;}", ".felqjlh{-webkit-tap-highlight-color:rgba(0,0,0,0);}", ".f1k6fduh{cursor:pointer;}", ".fdrzuqr{cursor:not-allowed;}", ".f1aehjj5{pointer-events:none;}"],
47
+ "h": [".f13xkumm:hover .ms-Switch-thumb:before{background:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".fwu2nam:hover .ms-Switch-track:before{border-top-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f17rbxkr:hover .ms-Switch-track:before{border-right-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f129xn0s:hover .ms-Switch-track:before{border-left-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f1rpi3fs:hover .ms-Switch-track:before{border-bottom-color:var(--alias-color-neutral-neutralStrokeAccessibleHover);}", ".f1acbuqn:hover .ms-Switch-track:after{background:var(--alias-color-neutral-brandBackgroundHover);}"],
48
+ "a": [".f6w8g9v:active .ms-Switch-track:after{background:var(--alias-color-neutral-brandBackgroundPressed);}"]
39
49
  });
40
50
  /**
41
51
  * Styles for the track slot
@@ -47,64 +57,81 @@ var useTrackStyles = /*#__PURE__*/__styles({
47
57
  "qhf8xq": "f1euv43f",
48
58
  "a9b677": "fly5x3f",
49
59
  "Bqenvij": "f1l02sjl",
50
- "B7ck84d": "f1ewtqcl",
51
- "Dimara": "f8ff6pf",
52
- "Bi2q7bf": "f1tuovvr",
53
- "Bkecrkj": "f1aehjj5"
60
+ "Bi2q7bf": "f11zxivh",
61
+ "lpbzjs": "f1sdsnyy",
62
+ "Bkecrkj": "f1aehjj5",
63
+ "xx9plb": "fxf9f1y",
64
+ "Bf8kmfk": "frdto5n",
65
+ "Byque4d": ["f8g0ba1", "ff0gctb"],
66
+ "Bj2wrql": "f3zr33r",
67
+ "qd6xl9": ["ff0gctb", "f8g0ba1"],
68
+ "Bmqnesq": "f170vdtw",
69
+ "zf3lio": "f1jua1m0",
70
+ "rurcny": "f99sooz",
71
+ "ngabwx": "f1uhpfti",
72
+ "Hdbjpj": "f11ef69",
73
+ "u6d25": "f1yuyem3",
74
+ "jc51t6": ["f1bp8q63", "f1oarbwq"],
75
+ "Bj55yzk": "f13gddrr",
76
+ "cnmfks": ["f1oarbwq", "f1bp8q63"],
77
+ "oqd9ik": "ffdc0f3",
78
+ "c4kunb": "fsn1tsw",
79
+ "Bs6t6z0": "f77y9vx",
80
+ "Bmyypfa": "frd86tk"
54
81
  },
55
82
  "unchecked": {
56
- "B4j52fo": "f5ogflp",
57
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
58
- "Bn0qgzm": "f1f09k3d",
59
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
60
- "icvyot": "fzkkow9",
61
- "vrafjx": ["fcdblym", "fjik90z"],
62
- "oivjwe": "fg706s2",
63
- "wvpqe5": ["fjik90z", "fcdblym"],
64
- "g2u3we": "f1q58nl0",
65
- "h3c5rm": ["f1gj82os", "f97e4i"],
66
- "B9xav0g": "f117jeii",
67
- "zhjwy3": ["f97e4i", "f1gj82os"],
68
- "ayd6f0": "f1k2sg7s"
83
+ "dj0dih": "f199l62q",
84
+ "D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
85
+ "k1i1uq": "fyqop9u",
86
+ "Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
87
+ "Bdixowu": "f1bwkb58",
88
+ "cqycoz": ["fiio4mc", "fc8z0qo"],
89
+ "Epwjcz": "f1m5ya7j",
90
+ "Bwdktmn": ["fc8z0qo", "fiio4mc"],
91
+ "ijj6k": "f1s3joxy",
92
+ "I89eb": ["fgn1s1x", "f1cqaeal"],
93
+ "Bp1vogq": "fif5v4",
94
+ "Bohd3ja": ["f1cqaeal", "fgn1s1x"],
95
+ "B4zgs9e": "f1ntlsrl"
69
96
  },
70
97
  "checked": {
71
- "ayd6f0": "f1fw6kzu",
72
- "icvyot": "f1ern45e",
73
- "vrafjx": ["f1n71otn", "f1deefiw"],
74
- "oivjwe": "f1h8hb77",
75
- "wvpqe5": ["f1deefiw", "f1n71otn"]
98
+ "Bpudnjh": "fwk6225",
99
+ "rskduk": "f1so6udy",
100
+ "Dctjco": ["f1faxgr0", "f1wf3et7"],
101
+ "J4s2b0": "f124kgxn",
102
+ "svcy3r": ["f1wf3et7", "f1faxgr0"]
76
103
  },
77
104
  "disabledUnchecked": {
78
- "B4j52fo": "f5ogflp",
79
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
80
- "Bn0qgzm": "f1f09k3d",
81
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
82
- "icvyot": "fzkkow9",
83
- "vrafjx": ["fcdblym", "fjik90z"],
84
- "oivjwe": "fg706s2",
85
- "wvpqe5": ["fjik90z", "fcdblym"],
86
- "g2u3we": "fh008h3",
87
- "h3c5rm": ["fgf1gi4", "ffgazsd"],
88
- "B9xav0g": "f1nmao14",
89
- "zhjwy3": ["ffgazsd", "fgf1gi4"]
105
+ "dj0dih": "f199l62q",
106
+ "D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
107
+ "k1i1uq": "fyqop9u",
108
+ "Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
109
+ "Bdixowu": "f1bwkb58",
110
+ "cqycoz": ["fiio4mc", "fc8z0qo"],
111
+ "Epwjcz": "f1m5ya7j",
112
+ "Bwdktmn": ["fc8z0qo", "fiio4mc"],
113
+ "ijj6k": "fwzgm7o",
114
+ "I89eb": ["f1wj2zji", "f1fjbcyr"],
115
+ "Bp1vogq": "fh9rufd",
116
+ "Bohd3ja": ["f1fjbcyr", "f1wj2zji"]
90
117
  },
91
118
  "disabledChecked": {
92
- "B4j52fo": "f5ogflp",
93
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
94
- "Bn0qgzm": "f1f09k3d",
95
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
96
- "icvyot": "fzkkow9",
97
- "vrafjx": ["fcdblym", "fjik90z"],
98
- "oivjwe": "fg706s2",
99
- "wvpqe5": ["fjik90z", "fcdblym"],
100
- "g2u3we": "fijmamb",
101
- "h3c5rm": ["f13mpk6g", "f1sy8snd"],
102
- "B9xav0g": "f1l53k52",
103
- "zhjwy3": ["f1sy8snd", "f13mpk6g"],
104
- "ayd6f0": "f7vsd9j"
119
+ "Bouo9z4": "f1l5cenb",
120
+ "Bjz4wo8": ["f1jvubu3", "f1q1uvzd"],
121
+ "B3zxwmv": "f2fxry3",
122
+ "exdlgl": ["f1q1uvzd", "f1jvubu3"],
123
+ "rskduk": "f1iq3fds",
124
+ "Dctjco": ["f1r2jemi", "f11olovk"],
125
+ "J4s2b0": "fd0py6g",
126
+ "svcy3r": ["f11olovk", "f1r2jemi"],
127
+ "F7kzw7": "f1bxjk4x",
128
+ "B13j16c": ["f1tfyipa", "f1o4gw0f"],
129
+ "Bk8j60v": "f3ye3z3",
130
+ "Bpbi4o9": ["f1o4gw0f", "f1tfyipa"],
131
+ "Bpudnjh": "fvbc920"
105
132
  }
106
133
  }, {
107
- "d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1ewtqcl{box-sizing:border-box;}", ".f8ff6pf{border-radius:999px;}", ".f1tuovvr{-webkit-transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1),borderColor .1s cubic-bezier(0.33, 0.0, 0.67, 1);transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1),borderColor .1s cubic-bezier(0.33, 0.0, 0.67, 1);}", ".f1aehjj5{pointer-events:none;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1q58nl0{border-top-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f1gj82os{border-right-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f97e4i{border-left-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f117jeii{border-bottom-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f1k2sg7s{background:none;}", ".f1fw6kzu{background:var(--alias-color-neutral-brandBackground);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".fh008h3{border-top-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".fgf1gi4{border-right-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".ffgazsd{border-left-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".f1nmao14{border-bottom-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".fijmamb{border-top-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f13mpk6g{border-right-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1sy8snd{border-left-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1l53k52{border-bottom-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f7vsd9j{background:var(--alias-color-neutral-neutralBackgroundDisabled);}"]
134
+ "d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f11zxivh{-webkit-transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1);transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1);}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}", ".fxf9f1y:before{position:absolute;}", ".frdto5n:before{top:0px;}", ".f8g0ba1:before{left:0px;}", ".ff0gctb:before{right:0px;}", ".f3zr33r:before{bottom:0px;}", ".f170vdtw:before{box-sizing:border-box;}", ".f1jua1m0:before{border-radius:999px;}", ".f99sooz:before{content:'';}", ".f1uhpfti:before{opacity:var(--switch-unchecked-opacity);}", ".f11ef69:after{position:absolute;}", ".f1yuyem3:after{top:0px;}", ".f1bp8q63:after{left:0px;}", ".f1oarbwq:after{right:0px;}", ".f13gddrr:after{bottom:0px;}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsn1tsw:after{border-radius:999px;}", ".f77y9vx:after{content:'';}", ".frd86tk:after{opacity:var(--switch-checked-opacity);}", ".f199l62q:before{border-top-width:1px;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f1s3joxy:before{border-top-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".fgn1s1x:before{border-right-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f1cqaeal:before{border-left-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".fif5v4:before{border-bottom-color:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f1ntlsrl:before{background:none;}", ".fwk6225:after{background:var(--alias-color-neutral-brandBackground);}", ".f1so6udy:after{border-top-style:none;}", ".f1faxgr0:after{border-right-style:none;}", ".f1wf3et7:after{border-left-style:none;}", ".f124kgxn:after{border-bottom-style:none;}", ".fwzgm7o:before{border-top-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".f1wj2zji:before{border-right-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".f1fjbcyr:before{border-left-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".fh9rufd:before{border-bottom-color:var(--alias-color-neutral-neutralStrokeDisabled);}", ".f1l5cenb:after{border-top-width:1px;}", ".f1jvubu3:after{border-right-width:1px;}", ".f1q1uvzd:after{border-left-width:1px;}", ".f2fxry3:after{border-bottom-width:1px;}", ".f1iq3fds:after{border-top-style:solid;}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".fd0py6g:after{border-bottom-style:solid;}", ".f1bxjk4x:after{border-top-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1tfyipa:after{border-right-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1o4gw0f:after{border-left-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f3ye3z3:after{border-bottom-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".fvbc920:after{background:var(--alias-color-neutral-neutralBackgroundDisabled);}"]
108
135
  });
109
136
  /**
110
137
  * Styles for the thumb wrapper slot
@@ -118,11 +145,11 @@ var useThumbWrapperStyles = /*#__PURE__*/__styles({
118
145
  "B5kzvoi": "f1yab3r1",
119
146
  "oyh7mz": ["fhpx7ww", "f1kctpth"],
120
147
  "j35jbq": ["f1kctpth", "fhpx7ww"],
121
- "Bi2q7bf": "f1xvpgc6",
148
+ "lpbzjs": "f1sdsnyy",
122
149
  "Bkecrkj": "f1aehjj5"
123
150
  }
124
151
  }, {
125
- "d": [".f1euv43f{position:absolute;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fhpx7ww{left:calc(var(--switch-thumb-size) * .7);}", ".f1kctpth{right:calc(var(--switch-thumb-size) * .7);}", ".f1xvpgc6{-webkit-transition:-webkit-transform .1s cubic-bezier(0.33, 0.0, 0.67, 1),background .1s cubic-bezier(0.33, 0.0, 0.67, 1);transition:transform .1s cubic-bezier(0.33, 0.0, 0.67, 1),background .1s cubic-bezier(0.33, 0.0, 0.67, 1);}", ".f1aehjj5{pointer-events:none;}"]
152
+ "d": [".f1euv43f{position:absolute;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fhpx7ww{left:calc(var(--switch-thumb-size) * .7);}", ".f1kctpth{right:calc(var(--switch-thumb-size) * .7);}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}"]
126
153
  });
127
154
  /**
128
155
  * Styles for the thumb slot
@@ -138,34 +165,66 @@ var useThumbStyles = /*#__PURE__*/__styles({
138
165
  "Dimara": "f1ytn4vn",
139
166
  "Bhzewxz": "f1i1t8d1",
140
167
  "Bz10aip": ["foouk8k", "fd9rb4b"],
141
- "Bkecrkj": "f1aehjj5"
168
+ "Bi2q7bf": "f11zxivh",
169
+ "lpbzjs": "f1sdsnyy",
170
+ "Bkecrkj": "f1aehjj5",
171
+ "xx9plb": "fxf9f1y",
172
+ "Bf8kmfk": "frdto5n",
173
+ "Byque4d": ["f8g0ba1", "ff0gctb"],
174
+ "Bj2wrql": "f3zr33r",
175
+ "qd6xl9": ["ff0gctb", "f8g0ba1"],
176
+ "zf3lio": "f1phukz5",
177
+ "rurcny": "f99sooz",
178
+ "ngabwx": "f1uhpfti",
179
+ "Hdbjpj": "f11ef69",
180
+ "u6d25": "f1yuyem3",
181
+ "jc51t6": ["f1bp8q63", "f1oarbwq"],
182
+ "Bj55yzk": "f13gddrr",
183
+ "cnmfks": ["f1oarbwq", "f1bp8q63"],
184
+ "c4kunb": "f102xz9n",
185
+ "Bs6t6z0": "f77y9vx",
186
+ "Bmyypfa": "frd86tk"
142
187
  },
143
188
  "unchecked": {
144
- "ayd6f0": "fchusbt"
189
+ "B4zgs9e": "f173fzsw"
145
190
  },
146
191
  "checked": {
147
- "ayd6f0": "fhupcpt"
192
+ "Bpudnjh": "f164vokc"
148
193
  },
149
194
  "disabledUnchecked": {
150
- "B4j52fo": "f5ogflp",
151
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
152
- "Bn0qgzm": "f1f09k3d",
153
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
154
- "icvyot": "fzkkow9",
155
- "vrafjx": ["fcdblym", "fjik90z"],
156
- "oivjwe": "fg706s2",
157
- "wvpqe5": ["fjik90z", "fcdblym"],
158
- "g2u3we": "fjap463",
159
- "h3c5rm": ["fto8b0z", "f14er8zu"],
160
- "B9xav0g": "f1u5oejo",
161
- "zhjwy3": ["f14er8zu", "fto8b0z"],
162
- "ayd6f0": "f1tv6yd0"
195
+ "dj0dih": "f199l62q",
196
+ "D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
197
+ "k1i1uq": "fyqop9u",
198
+ "Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
199
+ "Bdixowu": "f1bwkb58",
200
+ "cqycoz": ["fiio4mc", "fc8z0qo"],
201
+ "Epwjcz": "f1m5ya7j",
202
+ "Bwdktmn": ["fc8z0qo", "fiio4mc"],
203
+ "ijj6k": "f1s422py",
204
+ "I89eb": ["f6ncxbo", "ffq2plh"],
205
+ "Bp1vogq": "f1sud9ms",
206
+ "Bohd3ja": ["ffq2plh", "f6ncxbo"],
207
+ "B4zgs9e": "f1c59f8a"
163
208
  },
164
209
  "disabledChecked": {
165
- "ayd6f0": "f1dd8iac"
210
+ "Bpudnjh": "f1kocpyj"
166
211
  }
167
212
  }, {
168
- "d": [".f1euv43f{position:absolute;}", ".fcjrtee{width:var(--switch-thumb-size);}", ".fili5n9{height:var(--switch-thumb-size);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".f1i1t8d1{top:50%;}", ".foouk8k{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}", ".fd9rb4b{-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);}", ".f1aehjj5{pointer-events:none;}", ".fchusbt{background:var(--alias-color-neutral-neutralStrokeAccessible);}", ".fhupcpt{background:var(--alias-color-neutral-neutralForegroundOnBrand);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fjap463{border-top-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".fto8b0z{border-right-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f14er8zu{border-left-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1u5oejo{border-bottom-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1tv6yd0{background:var(--alias-color-neutral-neutralBackground1);}", ".f1dd8iac{background:var(--alias-color-neutral-neutralForegroundDisabled);}"]
213
+ "d": [".f1euv43f{position:absolute;}", ".fcjrtee{width:var(--switch-thumb-size);}", ".fili5n9{height:var(--switch-thumb-size);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".f1i1t8d1{top:50%;}", ".foouk8k{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}", ".fd9rb4b{-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);}", ".f11zxivh{-webkit-transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1);transition:background .1s cubic-bezier(0.33, 0.0, 0.67, 1);}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}", ".fxf9f1y:before{position:absolute;}", ".frdto5n:before{top:0px;}", ".f8g0ba1:before{left:0px;}", ".ff0gctb:before{right:0px;}", ".f3zr33r:before{bottom:0px;}", ".f1phukz5:before{border-radius:var(--global-borderRadius-circular);}", ".f99sooz:before{content:'';}", ".f1uhpfti:before{opacity:var(--switch-unchecked-opacity);}", ".f11ef69:after{position:absolute;}", ".f1yuyem3:after{top:0px;}", ".f1bp8q63:after{left:0px;}", ".f1oarbwq:after{right:0px;}", ".f13gddrr:after{bottom:0px;}", ".f102xz9n:after{border-radius:var(--global-borderRadius-circular);}", ".f77y9vx:after{content:'';}", ".frd86tk:after{opacity:var(--switch-checked-opacity);}", ".f173fzsw:before{background:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f164vokc:after{background:var(--alias-color-neutral-neutralForegroundOnBrand);}", ".f199l62q:before{border-top-width:1px;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f1s422py:before{border-top-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f6ncxbo:before{border-right-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".ffq2plh:before{border-left-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1sud9ms:before{border-bottom-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1c59f8a:before{background:var(--alias-color-neutral-neutralBackground1);}", ".f1kocpyj:after{background:var(--alias-color-neutral-neutralForegroundDisabled);}"]
214
+ });
215
+ /**
216
+ * Styles for the activeRail slot
217
+ */
218
+
219
+
220
+ var useActiveRailStyles = /*#__PURE__*/__styles({
221
+ "activeRail": {
222
+ "qhf8xq": "f1euv43f",
223
+ "oyh7mz": ["fhpx7ww", "f1kctpth"],
224
+ "j35jbq": ["f1kctpth", "fhpx7ww"]
225
+ }
226
+ }, {
227
+ "d": [".f1euv43f{position:absolute;}", ".fhpx7ww{left:calc(var(--switch-thumb-size) * .7);}", ".f1kctpth{right:calc(var(--switch-thumb-size) * .7);}"]
169
228
  });
170
229
  /**
171
230
  * Styles for the hidden input slot
@@ -175,21 +234,22 @@ var useThumbStyles = /*#__PURE__*/__styles({
175
234
  var useInputStyle = /*#__PURE__*/__styles({
176
235
  "input": {
177
236
  "abs64n": "fk73vx1",
178
- "a9b677": "fly5x3f",
179
- "Bqenvij": "f1l02sjl",
237
+ "qhf8xq": "f1euv43f",
238
+ "z8tnut": "f1g0x7ka",
239
+ "z189sj": ["fhxju0i", "f1cnd47f"],
240
+ "Byoj8tv": "f1qch9an",
241
+ "uwmqm3": ["f1cnd47f", "fhxju0i"],
180
242
  "B6of3ja": "f1hu3pq6",
181
243
  "t21cq0": ["f11qmguv", "f1tyq0we"],
182
244
  "jrapky": "f19f4twv",
183
- "Frg6f3": ["f1tyq0we", "f11qmguv"]
184
- },
185
- "enabled": {
186
- "Bceei9c": "f1k6fduh"
187
- },
188
- "disabled": {
189
- "Bceei9c": "fdrzuqr"
245
+ "Frg6f3": ["f1tyq0we", "f11qmguv"],
246
+ "a9b677": "fly5x3f",
247
+ "Bqenvij": "f1l02sjl",
248
+ "lpbzjs": "f1sdsnyy",
249
+ "Bkecrkj": "f1aehjj5"
190
250
  }
191
251
  }, {
192
- "d": [".fk73vx1{opacity:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1k6fduh{cursor:pointer;}", ".fdrzuqr{cursor:not-allowed;}"]
252
+ "d": [".fk73vx1{opacity:0;}", ".f1euv43f{position:absolute;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}"]
193
253
  });
194
254
  /**
195
255
  * Apply styling to the Switch slots based on the state
@@ -204,12 +264,14 @@ export var useSwitchStyles = function (state) {
204
264
  var trackStyles = useTrackStyles();
205
265
  var thumbWrapperStyles = useThumbWrapperStyles();
206
266
  var thumbStyles = useThumbStyles();
267
+ var activeRailStyles = useActiveRailStyles();
207
268
  var inputStyles = useInputStyle();
208
- state.root.className = mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && (checked ? rootStyles.checked : rootStyles.unchecked), state.root.className);
209
- state.track.className = mergeClasses(trackClassName, trackStyles.track, !disabled && (checked ? trackStyles.checked : trackStyles.unchecked), disabled && (checked ? trackStyles.disabledChecked : trackStyles.disabledUnchecked), state.track.className);
269
+ state.root.className = mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && rootStyles.checked, !disabled && rootStyles.unchecked, disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
270
+ state.track.className = mergeClasses(trackClassName, trackStyles.track, !disabled && trackStyles.checked, !disabled && trackStyles.unchecked, disabled && trackStyles.disabledChecked, disabled && trackStyles.disabledUnchecked, state.track.className);
210
271
  state.thumbWrapper.className = mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
211
- state.thumb.className = mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && (checked ? thumbStyles.checked : thumbStyles.unchecked), disabled && (checked ? thumbStyles.disabledChecked : thumbStyles.disabledUnchecked), state.thumb.className);
212
- state.input.className = mergeClasses(inputStyles.input, disabled ? inputStyles.disabled : inputStyles.enabled, state.input.className);
272
+ state.thumb.className = mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && thumbStyles.checked, !disabled && thumbStyles.unchecked, disabled && thumbStyles.disabledChecked, disabled && thumbStyles.disabledUnchecked, state.thumb.className);
273
+ state.activeRail.className = mergeClasses(activeRailStyles.activeRail, state.activeRail.className);
274
+ state.input.className = mergeClasses(inputStyles.input, state.input.className);
213
275
  return state;
214
276
  };
215
277
  //# sourceMappingURL=useSwitchStyles.js.map
package/lib/components/Switch/useSwitchStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
package/lib-commonjs/components/Switch/Switch.types.d.ts CHANGED
@@ -21,6 +21,10 @@ export declare type SwitchSlots = {
21
21
  * The hidden input that handles the Switch's internal functionality.
22
22
  */
23
23
  input: IntrinsicShorthandProps<'input'>;
24
+ /**
25
+ * The area in which the Switch's rail allows for the thumb to be dragged.
26
+ */
27
+ activeRail: IntrinsicShorthandProps<'div'>;
24
28
  };
25
29
  export interface SwitchCommons {
26
30
  /**
@@ -44,7 +48,7 @@ export interface SwitchCommons {
44
48
  /**
45
49
  * Callback to be called when the `checked` value changes.
46
50
  */
47
- onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: {
51
+ onChange?: (ev: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data: {
48
52
  checked: boolean;
49
53
  }) => void;
50
54
  }
package/lib-commonjs/components/Switch/renderSwitch.js CHANGED
@@ -22,7 +22,7 @@ var renderSwitch = function (state) {
22
22
  slots = _a.slots,
23
23
  slotProps = _a.slotProps;
24
24
 
25
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.track, tslib_1.__assign({}, slotProps.track)), React.createElement(slots.thumbWrapper, tslib_1.__assign({}, slotProps.thumbWrapper), React.createElement(slots.thumb, tslib_1.__assign({}, slotProps.thumb))), React.createElement(slots.input, tslib_1.__assign({}, slotProps.input)));
25
+ return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.track, tslib_1.__assign({}, slotProps.track)), React.createElement(slots.thumbWrapper, tslib_1.__assign({}, slotProps.thumbWrapper), React.createElement(slots.thumb, tslib_1.__assign({}, slotProps.thumb))), React.createElement(slots.input, tslib_1.__assign({}, slotProps.input)), React.createElement(slots.activeRail, tslib_1.__assign({}, slotProps.activeRail)));
26
26
  };
27
27
 
28
28
  exports.renderSwitch = renderSwitch;
package/lib-commonjs/components/Switch/renderSwitch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,EAA6B,WAAA,CAAA,oBAA7B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,YAAf,CAAnB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,CAFF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CALF,CADF;AASD,CAZM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,EAA6B,WAAA,CAAA,oBAA7B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,YAAf,CAAnB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,CAFF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CALF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}
package/lib-commonjs/components/Switch/useSwitch.js CHANGED
@@ -15,7 +15,7 @@ var useSwitchState_1 = /*#__PURE__*/require("./useSwitchState");
15
15
  */
16
16
 
17
17
 
18
- exports.switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'input'];
18
+ exports.switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
19
19
  /**
20
20
  * Given user props, returns state and render function for a Switch.
21
21
  */
@@ -24,6 +24,7 @@ var useSwitch = function (props, ref) {
24
24
  var track = props.track,
25
25
  thumbWrapper = props.thumbWrapper,
26
26
  thumb = props.thumb,
27
+ activeRail = props.activeRail,
27
28
  input = props.input,
28
29
  defaultChecked = props.defaultChecked,
29
30
  checked = props.checked,
@@ -44,6 +45,7 @@ var useSwitch = function (props, ref) {
44
45
  track: 'div',
45
46
  thumbWrapper: 'div',
46
47
  thumb: 'div',
48
+ activeRail: 'div',
47
49
  input: 'input'
48
50
  },
49
51
  track: react_utilities_1.resolveShorthand(track, {
@@ -55,6 +57,9 @@ var useSwitch = function (props, ref) {
55
57
  thumb: react_utilities_1.resolveShorthand(thumb, {
56
58
  required: true
57
59
  }),
60
+ activeRail: react_utilities_1.resolveShorthand(activeRail, {
61
+ required: true
62
+ }),
58
63
  input: react_utilities_1.resolveShorthand(input, {
59
64
  required: true,
60
65
  defaultProps: {
package/lib-commonjs/components/Switch/useSwitch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,oBAAA,GAA8C,CAAC,MAAD,EAAS,OAAT,EAAkB,cAAlB,EAAkC,OAAlC,EAA2C,OAA3C,CAA9C;AAEb;;AAEG;;AACI,IAAM,SAAS,GAAG,UAAC,KAAD,EAAqB,GAArB,EAAgD;AAC/D,MAAA,KAAK,GAA8E,KAAK,CAAnF,KAAL;AAAA,MAAO,YAAY,GAAgE,KAAK,CAArE,YAAnB;AAAA,MAAqB,KAAK,GAAyD,KAAK,CAA9D,KAA1B;AAAA,MAA4B,KAAK,GAAkD,KAAK,CAAvD,KAAjC;AAAA,MAAmC,cAAc,GAAkC,KAAK,CAAvC,cAAjD;AAAA,MAAmD,OAAO,GAAyB,KAAK,CAA9B,OAA1D;AAAA,MAA4D,QAAQ,GAAe,KAAK,CAApB,QAApE;AAAA,MAAsE,QAAQ,GAAK,KAAK,CAAV,QAA9E;AACR,MAAM,KAAK,GAAgB;AACzB,IAAA,cAAc,EAAA,cADW;AAEzB,IAAA,OAAO,EAAA,OAFkB;AAGzB,IAAA,QAAQ,EAAA,QAHiB;AAIzB,IAAA,QAAQ,EAAA,QAJiB;AAKzB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,MAAtB,EAA4B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAChC,MAAA,GAAG,EAAA;AAD6B,KAAA,EAE7B,KAF6B,CAAA,EAExB;AACR,MAAA,EAAE,EAAE,iBAAA,CAAA,KAAA,CAAM,SAAN,EAAiB,KAAK,CAAC,EAAvB;AADI,KAFwB,CAA5B,CALmB;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,KAAK,EAAE;AALG,KAVa;AAiBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CAjBkB;AAkBzB,IAAA,YAAY,EAAE,iBAAA,CAAA,gBAAA,CAAiB,YAAjB,EAA+B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA/B,CAlBW;AAmBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CAnBkB;AAoBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAxB;AApBkB,GAA3B;AA4BA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,KAAP;AACD,CAjCM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,oBAAA,GAA8C,CACzD,MADyD,EAEzD,OAFyD,EAGzD,cAHyD,EAIzD,OAJyD,EAKzD,YALyD,EAMzD,OANyD,CAA9C;AASb;;AAEG;;AACI,IAAM,SAAS,GAAG,UAAC,KAAD,EAAqB,GAArB,EAAgD;AAC/D,MAAA,KAAK,GAA0F,KAAK,CAA/F,KAAL;AAAA,MAAO,YAAY,GAA4E,KAAK,CAAjF,YAAnB;AAAA,MAAqB,KAAK,GAAqE,KAAK,CAA1E,KAA1B;AAAA,MAA4B,UAAU,GAAyD,KAAK,CAA9D,UAAtC;AAAA,MAAwC,KAAK,GAAkD,KAAK,CAAvD,KAA7C;AAAA,MAA+C,cAAc,GAAkC,KAAK,CAAvC,cAA7D;AAAA,MAA+D,OAAO,GAAyB,KAAK,CAA9B,OAAtE;AAAA,MAAwE,QAAQ,GAAe,KAAK,CAApB,QAAhF;AAAA,MAAkF,QAAQ,GAAK,KAAK,CAAV,QAA1F;AACR,MAAM,KAAK,GAAgB;AACzB,IAAA,cAAc,EAAA,cADW;AAEzB,IAAA,OAAO,EAAA,OAFkB;AAGzB,IAAA,QAAQ,EAAA,QAHiB;AAIzB,IAAA,QAAQ,EAAA,QAJiB;AAKzB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,MAAtB,EAA4B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAChC,MAAA,GAAG,EAAA;AAD6B,KAAA,EAE7B,KAF6B,CAAA,EAExB;AACR,MAAA,EAAE,EAAE,iBAAA,CAAA,KAAA,CAAM,SAAN,EAAiB,KAAK,CAAC,EAAvB;AADI,KAFwB,CAA5B,CALmB;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CAlBkB;AAmBzB,IAAA,YAAY,EAAE,iBAAA,CAAA,gBAAA,CAAiB,YAAjB,EAA+B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA/B,CAnBW;AAoBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CApBkB;AAqBzB,IAAA,UAAU,EAAE,iBAAA,CAAA,gBAAA,CAAiB,UAAjB,EAA6B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA7B,CArBa;AAsBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAxB;AAtBkB,GAA3B;AA8BA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,KAAP;AACD,CAnCM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","sourceRoot":""}