@fluentui/react-switch 9.0.0-alpha.5 → 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 (64) hide show
  1. package/CHANGELOG.json +227 -1
  2. package/CHANGELOG.md +62 -2
  3. package/dist/react-switch.d.ts +5 -1
  4. package/lib/Switch.js.map +1 -1
  5. package/lib/common/isConformant.js.map +1 -1
  6. package/lib/components/Switch/Switch.js.map +1 -1
  7. package/lib/components/Switch/Switch.types.d.ts +5 -1
  8. package/lib/components/Switch/Switch.types.js.map +1 -1
  9. package/lib/components/Switch/index.js.map +1 -1
  10. package/lib/components/Switch/renderSwitch.js +1 -1
  11. package/lib/components/Switch/renderSwitch.js.map +1 -1
  12. package/lib/components/Switch/useSwitch.js +6 -1
  13. package/lib/components/Switch/useSwitch.js.map +1 -1
  14. package/lib/components/Switch/useSwitchState.js +125 -19
  15. package/lib/components/Switch/useSwitchState.js.map +1 -1
  16. package/lib/components/Switch/useSwitchStyles.js +154 -82
  17. package/lib/components/Switch/useSwitchStyles.js.map +1 -1
  18. package/lib/index.js.map +1 -1
  19. package/lib-commonjs/Switch.js.map +1 -1
  20. package/lib-commonjs/common/isConformant.js.map +1 -1
  21. package/lib-commonjs/components/Switch/Switch.js.map +1 -1
  22. package/lib-commonjs/components/Switch/Switch.types.d.ts +5 -1
  23. package/lib-commonjs/components/Switch/Switch.types.js.map +1 -1
  24. package/lib-commonjs/components/Switch/index.js.map +1 -1
  25. package/lib-commonjs/components/Switch/renderSwitch.js +1 -1
  26. package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
  27. package/lib-commonjs/components/Switch/useSwitch.js +6 -1
  28. package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
  29. package/lib-commonjs/components/Switch/useSwitchState.js +124 -18
  30. package/lib-commonjs/components/Switch/useSwitchState.js.map +1 -1
  31. package/lib-commonjs/components/Switch/useSwitchStyles.js +154 -82
  32. package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
  33. package/lib-commonjs/index.js.map +1 -1
  34. package/package.json +13 -13
  35. package/lib-amd/Switch.d.ts +0 -1
  36. package/lib-amd/Switch.js +0 -6
  37. package/lib-amd/Switch.js.map +0 -1
  38. package/lib-amd/common/isConformant.d.ts +0 -4
  39. package/lib-amd/common/isConformant.js +0 -16
  40. package/lib-amd/common/isConformant.js.map +0 -1
  41. package/lib-amd/components/Switch/Switch.d.ts +0 -6
  42. package/lib-amd/components/Switch/Switch.js +0 -15
  43. package/lib-amd/components/Switch/Switch.js.map +0 -1
  44. package/lib-amd/components/Switch/Switch.types.d.ts +0 -54
  45. package/lib-amd/components/Switch/Switch.types.js +0 -5
  46. package/lib-amd/components/Switch/Switch.types.js.map +0 -1
  47. package/lib-amd/components/Switch/index.d.ts +0 -5
  48. package/lib-amd/components/Switch/index.js +0 -10
  49. package/lib-amd/components/Switch/index.js.map +0 -1
  50. package/lib-amd/components/Switch/renderSwitch.d.ts +0 -5
  51. package/lib-amd/components/Switch/renderSwitch.js +0 -18
  52. package/lib-amd/components/Switch/renderSwitch.js.map +0 -1
  53. package/lib-amd/components/Switch/useSwitch.d.ts +0 -10
  54. package/lib-amd/components/Switch/useSwitch.js +0 -42
  55. package/lib-amd/components/Switch/useSwitch.js.map +0 -1
  56. package/lib-amd/components/Switch/useSwitchState.d.ts +0 -2
  57. package/lib-amd/components/Switch/useSwitchState.js +0 -44
  58. package/lib-amd/components/Switch/useSwitchState.js.map +0 -1
  59. package/lib-amd/components/Switch/useSwitchStyles.d.ts +0 -5
  60. package/lib-amd/components/Switch/useSwitchStyles.js +0 -161
  61. package/lib-amd/components/Switch/useSwitchStyles.js.map +0 -1
  62. package/lib-amd/index.d.ts +0 -2
  63. package/lib-amd/index.js +0 -6
  64. package/lib-amd/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Switch/useSwitchState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,EAA+B,gBAA/B,EAAiD,aAAjD,QAAsE,2BAAtE;AACA,SAAS,SAAT,QAA0B,iCAA1B;AAGA,OAAO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAgE,KAAK,CAA/C,cAAtB;AAAA,MAAA,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAtB;AAAA,MAAwB,OAAO,GAAiC,KAAK,CAAtC,OAA/B;AAAA,MAAiC,EAAA,GAA+B,KAAK,CAApB,QAAjD;AAAA,MAAiC,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAjD;AAAA,MAAmD,QAAQ,GAAK,KAAK,CAAV,QAA3D;AAEA,MAAA,GAAG,GAAK,SAAS,GAAd,GAAH;AACR,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,KAAN,CAAY,GAAb,CAA9B;;AACM,MAAA,EAAA,GAAoC,oBAAoB,CAAC;AAC7D,IAAA,YAAY,EAAE,cAD+C;AAE7D,IAAA,KAAK,EAAE,OAFsD;AAG7D,IAAA,YAAY,EAAE;AAH+C,GAAD,CAAxD;AAAA,MAAC,aAAa,GAAA,EAAA,CAAA,CAAA,CAAd;AAAA,MAAgB,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAhC;;AAMN,MAAM,UAAU,GAAG,KAAK,CAAC,WAAN,CACjB,UAAC,EAAD,EAA0C,aAA1C,EAAgE;AAC9D,IAAA,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAG,EAAH,EAAO;AAAE,MAAA,OAAO,EAAE;AAAX,KAAP,CAAR;AACA,IAAA,gBAAgB,CAAC,aAAD,CAAhB;AACD,GAJgB,EAKjB,CAAC,QAAD,EAAW,gBAAX,CALiB,CAAnB;AAQA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAN,CAAY,QAAjC;AAEA,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAC,EAAD,EAAwC;AAC7E,IAAA,EAAE,CAAC,eAAH;AACA,IAAA,YAAY,KAAA,IAAZ,IAAA,YAAY,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAA,YAAY,CAAG,EAAH,CAAZ;AACA,IAAA,UAAU,CAAC,EAAD,EAAK,EAAE,CAAC,aAAH,CAAiB,OAAtB,CAAV;AACD,GAJqC,CAAtC;AAMA,MAAM,kBAAkB,GAAG;AACzB,IAAA,SAAS,EACP,GAAG,KAAK,KAAR,GACI,aAAa,GACX,kBADW,GAEX,eAHN,GAII,aAAa,GACb,iBADa,GAEb;AARmB,GAA3B,CA3B+C,CAsC/C;;AACA,EAAA,KAAK,CAAC,KAAN,CAAY,QAAZ,GAAuB,aAAvB;AACA,EAAA,KAAK,CAAC,KAAN,CAAY,OAAZ,GAAsB,aAAtB;AACA,EAAA,KAAK,CAAC,KAAN,CAAY,QAAZ,GAAuB,QAAvB;AACA,EAAA,KAAK,CAAC,KAAN,CAAY,GAAZ,GAAkB,QAAlB,CA1C+C,CA4C/C;;AACA,EAAA,KAAK,CAAC,YAAN,CAAmB,KAAnB,GAA2B,kBAA3B;AAEA,SAAO,KAAP;AACD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport type { SwitchState } from './Switch.types';\n\nexport const useSwitchState = (state: SwitchState) => {\n const { defaultChecked = false, checked, disabled = false, onChange } = state;\n\n const { dir } = useFluent();\n const inputRef = useMergedRefs(state.input.ref);\n const [internalValue, setInternalValue] = useControllableState({\n defaultState: defaultChecked,\n state: checked,\n initialState: false,\n });\n\n const setChecked = React.useCallback(\n (ev: React.ChangeEvent<HTMLInputElement>, incomingValue: boolean) => {\n onChange?.(ev, { checked: incomingValue });\n setInternalValue(incomingValue);\n },\n [onChange, setInternalValue],\n );\n\n const userOnChange = state.input.onChange;\n\n const onInputChange = useEventCallback((ev: React.ChangeEvent<HTMLInputElement>) => {\n ev.stopPropagation();\n userOnChange?.(ev);\n setChecked(ev, ev.currentTarget.checked);\n });\n\n const thumbWrapperStyles = {\n transform:\n dir === 'rtl'\n ? internalValue\n ? 'translate(-100%)'\n : 'translate(0%)'\n : internalValue\n ? 'translate(100%)'\n : 'translate(0%)',\n };\n\n // Input Props\n state.input.onChange = onInputChange;\n state.input.checked = internalValue;\n state.input.disabled = disabled;\n state.input.ref = inputRef;\n\n // thumbContainer Props\n state.thumbWrapper.style = thumbWrapperStyles;\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Switch/useSwitchState.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -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,19 +23,29 @@ var useRootStyles = /*#__PURE__*/__styles({
21
23
  "ha4doy": "f1qdqbpl"
22
24
  },
23
25
  "unchecked": {
24
- "Bqjqakx": "f148up0o",
25
- "Bd0vrip": "f14l99w1",
26
- "y7yju5": ["f2y0hoj", "fzjocz2"],
27
- "B07fonl": "f1gy852",
28
- "lc79a6": ["fzjocz2", "f2y0hoj"]
26
+ "Blms9gb": "f13xkumm",
27
+ "B786czj": "fwu2nam",
28
+ "Bjuc0nl": ["f17rbxkr", "f129xn0s"],
29
+ "B5yqodl": "f1rpi3fs",
30
+ "kjlpdb": ["f129xn0s", "f17rbxkr"]
29
31
  },
30
32
  "checked": {
31
- "ot2k7a": "f1g6vpn9"
33
+ "B4o7b9o": "f1acbuqn",
34
+ "puz9ln": "f6w8g9v"
35
+ },
36
+ "enabled": {
37
+ "H36rlo": "felqjlh",
38
+ "Bceei9c": "f1k6fduh"
39
+ },
40
+ "disabled": {
41
+ "Bceei9c": "fdrzuqr",
42
+ "Bkecrkj": "f1aehjj5"
32
43
  },
33
44
  "focusIndicator": {}
34
45
  }, {
35
- "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;}"],
36
- "h": [".f148up0o:hover .ms-Switch-thumb{background:var(--alias-color-neutral-neutralForeground3Hover);}", ".f14l99w1:hover .ms-Switch-track{border-top-color:var(--alias-color-neutral-neutralForeground3Hover);}", ".f2y0hoj:hover .ms-Switch-track{border-right-color:var(--alias-color-neutral-neutralForeground3Hover);}", ".fzjocz2:hover .ms-Switch-track{border-left-color:var(--alias-color-neutral-neutralForeground3Hover);}", ".f1gy852:hover .ms-Switch-track{border-bottom-color:var(--alias-color-neutral-neutralForeground3Hover);}", ".f1g6vpn9:hover .ms-Switch-track{background:var(--global-palette-brand-shade30);}"]
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);}"]
37
49
  });
38
50
  /**
39
51
  * Styles for the track slot
@@ -45,56 +57,81 @@ var useTrackStyles = /*#__PURE__*/__styles({
45
57
  "qhf8xq": "f1euv43f",
46
58
  "a9b677": "fly5x3f",
47
59
  "Bqenvij": "f1l02sjl",
48
- "B7ck84d": "f1ewtqcl",
49
- "Dimara": "f8ff6pf",
50
- "Bi2q7bf": "fikkv2d",
51
- "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"
52
81
  },
53
82
  "unchecked": {
54
- "B4j52fo": "f5ogflp",
55
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
56
- "Bn0qgzm": "f1f09k3d",
57
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
58
- "icvyot": "fzkkow9",
59
- "vrafjx": ["fcdblym", "fjik90z"],
60
- "oivjwe": "fg706s2",
61
- "wvpqe5": ["fjik90z", "fcdblym"],
62
- "g2u3we": "f1q58nl0",
63
- "h3c5rm": ["f1gj82os", "f97e4i"],
64
- "B9xav0g": "f117jeii",
65
- "zhjwy3": ["f97e4i", "f1gj82os"],
66
- "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"
67
96
  },
68
97
  "checked": {
69
- "ayd6f0": "fvn0cqr",
70
- "icvyot": "f1ern45e",
71
- "vrafjx": ["f1n71otn", "f1deefiw"],
72
- "oivjwe": "f1h8hb77",
73
- "wvpqe5": ["f1deefiw", "f1n71otn"]
98
+ "Bpudnjh": "fwk6225",
99
+ "rskduk": "f1so6udy",
100
+ "Dctjco": ["f1faxgr0", "f1wf3et7"],
101
+ "J4s2b0": "f124kgxn",
102
+ "svcy3r": ["f1wf3et7", "f1faxgr0"]
74
103
  },
75
104
  "disabledUnchecked": {
76
- "B4j52fo": "f5ogflp",
77
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
78
- "Bn0qgzm": "f1f09k3d",
79
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
80
- "icvyot": "fzkkow9",
81
- "vrafjx": ["fcdblym", "fjik90z"],
82
- "oivjwe": "fg706s2",
83
- "wvpqe5": ["fjik90z", "fcdblym"],
84
- "g2u3we": "fh008h3",
85
- "h3c5rm": ["fgf1gi4", "ffgazsd"],
86
- "B9xav0g": "f1nmao14",
87
- "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"]
88
117
  },
89
118
  "disabledChecked": {
90
- "ayd6f0": "f7vsd9j",
91
- "icvyot": "f1ern45e",
92
- "vrafjx": ["f1n71otn", "f1deefiw"],
93
- "oivjwe": "f1h8hb77",
94
- "wvpqe5": ["f1deefiw", "f1n71otn"]
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"
95
132
  }
96
133
  }, {
97
- "d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1ewtqcl{box-sizing:border-box;}", ".f8ff6pf{border-radius:999px;}", ".fikkv2d{-webkit-transition:background .2s cubic-bezier(0.33, 0.0, 0.67, 1),borderColor .2s cubic-bezier(0.33, 0.0, 0.67, 1);transition:background .2s cubic-bezier(0.33, 0.0, 0.67, 1),borderColor .2s 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;}", ".fvn0cqr{background:var(--global-palette-brand-primary);}", ".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);}", ".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);}"]
98
135
  });
99
136
  /**
100
137
  * Styles for the thumb wrapper slot
@@ -108,11 +145,11 @@ var useThumbWrapperStyles = /*#__PURE__*/__styles({
108
145
  "B5kzvoi": "f1yab3r1",
109
146
  "oyh7mz": ["fhpx7ww", "f1kctpth"],
110
147
  "j35jbq": ["f1kctpth", "fhpx7ww"],
111
- "Bi2q7bf": "fahep49",
148
+ "lpbzjs": "f1sdsnyy",
112
149
  "Bkecrkj": "f1aehjj5"
113
150
  }
114
151
  }, {
115
- "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);}", ".fahep49{-webkit-transition:-webkit-transform .2s cubic-bezier(0.33, 0.0, 0.67, 1),background .2s cubic-bezier(0.33, 0.0, 0.67, 1);transition:transform .2s cubic-bezier(0.33, 0.0, 0.67, 1),background .2s 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;}"]
116
153
  });
117
154
  /**
118
155
  * Styles for the thumb slot
@@ -128,34 +165,66 @@ var useThumbStyles = /*#__PURE__*/__styles({
128
165
  "Dimara": "f1ytn4vn",
129
166
  "Bhzewxz": "f1i1t8d1",
130
167
  "Bz10aip": ["foouk8k", "fd9rb4b"],
131
- "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"
132
187
  },
133
188
  "unchecked": {
134
- "ayd6f0": "fchusbt"
189
+ "B4zgs9e": "f173fzsw"
135
190
  },
136
191
  "checked": {
137
- "ayd6f0": "f73ao72"
192
+ "Bpudnjh": "f164vokc"
138
193
  },
139
194
  "disabledUnchecked": {
140
- "B4j52fo": "f5ogflp",
141
- "Bekrc4i": ["f1hqa2wf", "finvdd3"],
142
- "Bn0qgzm": "f1f09k3d",
143
- "ibv6hh": ["finvdd3", "f1hqa2wf"],
144
- "icvyot": "fzkkow9",
145
- "vrafjx": ["fcdblym", "fjik90z"],
146
- "oivjwe": "fg706s2",
147
- "wvpqe5": ["fjik90z", "fcdblym"],
148
- "g2u3we": "fjap463",
149
- "h3c5rm": ["fto8b0z", "f14er8zu"],
150
- "B9xav0g": "f1u5oejo",
151
- "zhjwy3": ["f14er8zu", "fto8b0z"],
152
- "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"
153
208
  },
154
209
  "disabledChecked": {
155
- "ayd6f0": "f1dd8iac"
210
+ "Bpudnjh": "f1kocpyj"
156
211
  }
157
212
  }, {
158
- "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);}", ".f73ao72{background:white;}", ".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);}"]
159
228
  });
160
229
  /**
161
230
  * Styles for the hidden input slot
@@ -165,21 +234,22 @@ var useThumbStyles = /*#__PURE__*/__styles({
165
234
  var useInputStyle = /*#__PURE__*/__styles({
166
235
  "input": {
167
236
  "abs64n": "fk73vx1",
168
- "a9b677": "fly5x3f",
169
- "Bqenvij": "f1l02sjl",
237
+ "qhf8xq": "f1euv43f",
238
+ "z8tnut": "f1g0x7ka",
239
+ "z189sj": ["fhxju0i", "f1cnd47f"],
240
+ "Byoj8tv": "f1qch9an",
241
+ "uwmqm3": ["f1cnd47f", "fhxju0i"],
170
242
  "B6of3ja": "f1hu3pq6",
171
243
  "t21cq0": ["f11qmguv", "f1tyq0we"],
172
244
  "jrapky": "f19f4twv",
173
- "Frg6f3": ["f1tyq0we", "f11qmguv"]
174
- },
175
- "enabled": {
176
- "Bceei9c": "f1k6fduh"
177
- },
178
- "disabled": {
179
- "Bceei9c": "fdrzuqr"
245
+ "Frg6f3": ["f1tyq0we", "f11qmguv"],
246
+ "a9b677": "fly5x3f",
247
+ "Bqenvij": "f1l02sjl",
248
+ "lpbzjs": "f1sdsnyy",
249
+ "Bkecrkj": "f1aehjj5"
180
250
  }
181
251
  }, {
182
- "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;}"]
183
253
  });
184
254
  /**
185
255
  * Apply styling to the Switch slots based on the state
@@ -194,12 +264,14 @@ export var useSwitchStyles = function (state) {
194
264
  var trackStyles = useTrackStyles();
195
265
  var thumbWrapperStyles = useThumbWrapperStyles();
196
266
  var thumbStyles = useThumbStyles();
267
+ var activeRailStyles = useActiveRailStyles();
197
268
  var inputStyles = useInputStyle();
198
- state.root.className = mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && (checked ? rootStyles.checked : rootStyles.unchecked), state.root.className);
199
- 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);
200
271
  state.thumbWrapper.className = mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
201
- state.thumb.className = mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && (checked ? thumbStyles.checked : thumbStyles.unchecked), disabled && (checked ? thumbStyles.disabledChecked : thumbStyles.disabledUnchecked), state.thumb.className);
202
- 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);
203
275
  return state;
204
276
  };
205
277
  //# sourceMappingURL=useSwitchStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport { createFocusIndicatorStyleRule } from '@fluentui/react-tabster';\nimport type { SwitchState } from './Switch.types';\n\nconst rootClassName = 'ms-Switch-root';\nconst trackClassName = 'ms-Switch-track';\nconst thumbClassName = 'ms-Switch-thumb';\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n root: theme => ({\n '--switch-width': '40px',\n '--switch-height': '20px',\n '--switch-thumb-size': '14px',\n\n position: 'relative',\n width: 'var(--switch-width)',\n height: 'var(--switch-height)',\n display: 'inline-block',\n userSelect: 'none',\n touchAction: 'none',\n verticalAlign: 'bottom',\n }),\n\n unchecked: theme => ({\n ':hover .ms-Switch-thumb': {\n background: theme.alias.color.neutral.neutralForeground3Hover,\n },\n\n ':hover .ms-Switch-track': {\n borderColor: theme.alias.color.neutral.neutralForeground3Hover,\n },\n }),\n\n checked: theme => ({\n ':hover .ms-Switch-track': {\n // TODO: theme.alias.color.neutral.brandBackgroundInteractive\n background: theme.global.palette.brand.shade30,\n },\n }),\n\n focusIndicator: createFocusIndicatorStyleRule(\n theme => ({\n ':after': {\n content: \"''\",\n position: 'absolute',\n top: '-8px',\n right: '-8px',\n bottom: '-8px',\n left: '-8px',\n boxSizing: 'border-box',\n border: `1px solid ${theme.alias.color.neutral.neutralForeground1}`,\n borderRadius: theme.global.borderRadius.medium,\n },\n }),\n { selector: 'focus-within' },\n ),\n});\n\n/**\n * Styles for the track slot\n */\nconst useTrackStyles = makeStyles({\n track: theme => ({\n position: 'absolute',\n width: '100%',\n height: '100%',\n boxSizing: 'border-box',\n borderRadius: '999px',\n transition: 'background .2s cubic-bezier(0.33, 0.0, 0.67, 1), borderColor .2s cubic-bezier(0.33, 0.0, 0.67, 1)',\n pointerEvents: 'none',\n }),\n\n unchecked: theme => ({\n border: `1px solid ${theme.alias.color.neutral.neutralStrokeAccessible}`,\n background: 'none',\n }),\n\n checked: theme => ({\n // TODO: background: theme.alias.color.neutral.brandBackgroundInteractive,\n background: theme.global.palette.brand.primary,\n border: 'none',\n }),\n\n disabledUnchecked: theme => ({\n border: `1px solid ${theme.alias.color.neutral.neutralStrokeDisabled}`,\n }),\n\n disabledChecked: theme => ({\n background: theme.alias.color.neutral.neutralBackgroundDisabled,\n border: 'none',\n }),\n});\n\n/**\n * Styles for the thumb wrapper slot\n */\nconst useThumbWrapperStyles = makeStyles({\n thumbWrapper: theme => ({\n position: 'absolute',\n top: '0',\n bottom: '0',\n left: 'calc(var(--switch-thumb-size) * .7)',\n right: 'calc(var(--switch-thumb-size) * .7)',\n transition: 'transform .2s cubic-bezier(0.33, 0.0, 0.67, 1), background .2s cubic-bezier(0.33, 0.0, 0.67, 1)',\n pointerEvents: 'none',\n }),\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n thumb: theme => ({\n position: 'absolute',\n width: 'var(--switch-thumb-size)',\n height: 'var(--switch-thumb-size)',\n boxSizing: 'border-box',\n borderRadius: theme.global.borderRadius.circular,\n top: '50%',\n transform: 'translate(-50%, -50%)',\n pointerEvents: 'none',\n }),\n\n unchecked: theme => ({\n background: theme.alias.color.neutral.neutralStrokeAccessible,\n }),\n\n checked: theme => ({\n // Neutral foreground accessible\n background: 'white',\n }),\n\n disabledUnchecked: theme => ({\n border: `1px solid ${theme.alias.color.neutral.neutralForegroundDisabled}`,\n background: theme.alias.color.neutral.neutralBackground1,\n }),\n\n disabledChecked: theme => ({\n background: theme.alias.color.neutral.neutralForegroundDisabled,\n }),\n});\n\n/**\n * Styles for the hidden input slot\n */\nconst useInputStyle = makeStyles({\n input: {\n opacity: 0,\n width: '100%',\n height: '100%',\n margin: 0,\n },\n\n enabled: {\n cursor: 'pointer',\n },\n\n disabled: {\n cursor: 'not-allowed',\n },\n});\n\n/**\n * Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles = (state: SwitchState): SwitchState => {\n const { checked, disabled } = state.input;\n\n const rootStyles = useRootStyles();\n const trackStyles = useTrackStyles();\n const thumbWrapperStyles = useThumbWrapperStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyle();\n\n state.root.className = mergeClasses(\n rootClassName + (checked ? ' checked' : ''),\n rootStyles.root,\n rootStyles.focusIndicator,\n !disabled && (checked ? rootStyles.checked : rootStyles.unchecked),\n state.root.className,\n );\n\n state.track.className = mergeClasses(\n trackClassName,\n trackStyles.track,\n !disabled && (checked ? trackStyles.checked : trackStyles.unchecked),\n disabled && (checked ? trackStyles.disabledChecked : trackStyles.disabledUnchecked),\n state.track.className,\n );\n\n state.thumbWrapper.className = mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);\n\n state.thumb.className = mergeClasses(\n thumbClassName,\n thumbStyles.thumb,\n !disabled && (checked ? thumbStyles.checked : thumbStyles.unchecked),\n disabled && (checked ? thumbStyles.disabledChecked : thumbStyles.disabledUnchecked),\n state.thumb.className,\n );\n\n state.input.className = mergeClasses(\n inputStyles.input,\n disabled ? inputStyles.disabled : inputStyles.enabled,\n state.input.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AACA,SAAS,6BAAT,QAA8C,yBAA9C;AAGA,IAAM,aAAa,GAAG,gBAAtB;AACA,IAAM,cAAc,GAAG,iBAAvB;AACA,IAAM,cAAc,GAAG,iBAAvB;AAEA;;AAEG;;AACH,IAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;AAyEA;;AAEG;;;AACH,IAAM,cAAc,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAvB;AA8DA;;AAEG;;;AACH,IAAM,qBAAqB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA9B;AAYA;;AAEG;;;AACH,IAAM,cAAc,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAvB;AA8DA;;AAEG;;;AACH,IAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;AAQA;;AAEG;;;AACH,IAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;AAaA;;AAEG;;;AACH,OAAO,IAAM,eAAe,GAAG,UAAC,KAAD,EAAmB;AAC1C,MAAA,EAAA,GAAwB,KAAK,CAAC,KAA9B;AAAA,MAAE,OAAO,GAAA,EAAA,CAAA,OAAT;AAAA,MAAW,QAAQ,GAAA,EAAA,CAAA,QAAnB;AAEN,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,WAAW,GAAG,cAAc,EAAlC;AACA,MAAM,kBAAkB,GAAG,qBAAqB,EAAhD;AACA,MAAM,WAAW,GAAG,cAAc,EAAlC;AACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,MAAM,WAAW,GAAG,aAAa,EAAjC;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,aAAa,IAAI,OAAO,GAAG,UAAH,GAAgB,EAA3B,CADoB,EAEjC,UAAU,CAAC,IAFsB,EAGjC,UAAU,CAAC,cAHsB,EAIjC,CAAC,QAAD,IAAa,UAAU,CAAC,OAJS,EAKjC,CAAC,QAAD,IAAa,UAAU,CAAC,SALS,EAMjC,QAAQ,GAAG,UAAU,CAAC,QAAd,GAAyB,UAAU,CAAC,OANX,EAOjC,KAAK,CAAC,IAAN,CAAW,SAPsB,CAAnC;AAUA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAClC,cADkC,EAElC,WAAW,CAAC,KAFsB,EAGlC,CAAC,QAAD,IAAa,WAAW,CAAC,OAHS,EAIlC,CAAC,QAAD,IAAa,WAAW,CAAC,SAJS,EAKlC,QAAQ,IAAI,WAAW,CAAC,eALU,EAMlC,QAAQ,IAAI,WAAW,CAAC,iBANU,EAOlC,KAAK,CAAC,KAAN,CAAY,SAPsB,CAApC;AAUA,EAAA,KAAK,CAAC,YAAN,CAAmB,SAAnB,GAA+B,YAAY,CAAC,kBAAkB,CAAC,YAApB,EAAkC,KAAK,CAAC,YAAN,CAAmB,SAArD,CAA3C;AAEA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAClC,cADkC,EAElC,WAAW,CAAC,KAFsB,EAGlC,CAAC,QAAD,IAAa,WAAW,CAAC,OAHS,EAIlC,CAAC,QAAD,IAAa,WAAW,CAAC,SAJS,EAKlC,QAAQ,IAAI,WAAW,CAAC,eALU,EAMlC,QAAQ,IAAI,WAAW,CAAC,iBANU,EAOlC,KAAK,CAAC,KAAN,CAAY,SAPsB,CAApC;AAUA,EAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,YAAY,CAAC,gBAAgB,CAAC,UAAlB,EAA8B,KAAK,CAAC,UAAN,CAAiB,SAA/C,CAAzC;AAEA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,WAAW,CAAC,KAAb,EAAoB,KAAK,CAAC,KAAN,CAAY,SAAhC,CAApC;AAEA,SAAO,KAAP;AACD,CA/CM","sourceRoot":""}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC","sourcesContent":["export {};\nexport * from './Switch';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["Switch.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Switch/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/Switch.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,eAAe,EAAE;AAJ0C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n skipAsPropTests: true,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,eAAe,EAAE;AAJ0C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAAS,KAAK,CAAC,UAAN,CAA8C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC7E,MAAM,KAAK,GAAG,WAAA,CAAA,SAAA,CAAU,KAAV,EAAiB,GAAjB,CAAd;AAEA,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,cAAA,CAAA,YAAA,CAAa,KAAb,CAAP;AACD,CANqB,CAAT;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourcesContent":["import * as React from 'react';\nimport { useSwitch } from './useSwitch';\nimport { renderSwitch } from './renderSwitch';\nimport { useSwitchStyles } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\n\n/**\n * The Switch control enables users to trigger an option on or off through pressing on the component.\n */\nexport const Switch = React.forwardRef<HTMLDivElement, SwitchProps>((props, ref) => {\n const state = useSwitch(props, ref);\n\n useSwitchStyles(state);\n\n return renderSwitch(state);\n});\n\nSwitch.displayName = 'Switch';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAAS,KAAK,CAAC,UAAN,CAA8C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC7E,MAAM,KAAK,GAAG,WAAA,CAAA,SAAA,CAAU,KAAV,EAAiB,GAAjB,CAAd;AAEA,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,cAAA,CAAA,YAAA,CAAa,KAAb,CAAP;AACD,CANqB,CAAT;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourceRoot":""}
@@ -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
  }
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Switch/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Switch';\nexport * from './Switch.types';\nexport * from './renderSwitch';\nexport * from './useSwitch';\nexport * from './useSwitchStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -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;
@@ -1 +1 @@
1
- {"version":3,"sources":["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","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { switchShorthandProps } from './useSwitch';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/**\n * Render the final JSX of Switch\n */\nexport const renderSwitch = (state: SwitchState) => {\n const { slots, slotProps } = getSlots<SwitchSlots>(state, switchShorthandProps);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.track {...slotProps.track} />\n <slots.thumbWrapper {...slotProps.thumbWrapper}>\n <slots.thumb {...slotProps.thumb} />\n </slots.thumbWrapper>\n <slots.input {...slotProps.input} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
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":""}
@@ -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: {
@@ -1 +1 @@
1
- {"version":3,"sources":["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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useSwitchState } from './useSwitchState';\nimport type { SwitchProps, SwitchSlots, SwitchState } from './Switch.types';\n\n/**\n * Array of all shorthand properties listed in SwitchSlots\n */\nexport const switchShorthandProps: (keyof SwitchSlots)[] = ['root', 'track', 'thumbWrapper', 'thumb', 'input'];\n\n/**\n * Given user props, returns state and render function for a Switch.\n */\nexport const useSwitch = (props: SwitchProps, ref: React.Ref<HTMLElement>): SwitchState => {\n const { track, thumbWrapper, thumb, input, defaultChecked, checked, disabled, onChange } = props;\n const state: SwitchState = {\n defaultChecked,\n checked,\n disabled,\n onChange,\n root: getNativeElementProps('span', {\n ref,\n ...props,\n id: useId('switch-', props.id),\n }),\n components: {\n root: 'div',\n track: 'div',\n thumbWrapper: 'div',\n thumb: 'div',\n input: 'input',\n },\n track: resolveShorthand(track, { required: true }),\n thumbWrapper: resolveShorthand(thumbWrapper, { required: true }),\n thumb: resolveShorthand(thumb, { required: true }),\n input: resolveShorthand(input, {\n required: true,\n defaultProps: {\n type: 'checkbox',\n },\n }),\n };\n\n useSwitchState(state);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
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":""}