@fluentui/react-switch 9.0.0-alpha.8 → 9.0.0-nightly.25435def33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +648 -1
- package/CHANGELOG.md +180 -2
- package/dist/react-switch.d.ts +7 -2
- package/lib/components/Switch/Switch.d.ts +2 -2
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Switch/Switch.types.d.ts +5 -1
- package/lib/components/Switch/renderSwitch.js +1 -1
- package/lib/components/Switch/renderSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitch.js +6 -1
- package/lib/components/Switch/useSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitchState.js +124 -19
- package/lib/components/Switch/useSwitchState.js.map +1 -1
- package/lib/components/Switch/useSwitchStyles.js +186 -95
- package/lib/components/Switch/useSwitchStyles.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.d.ts +2 -2
- package/lib-commonjs/components/Switch/Switch.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.types.d.ts +5 -1
- package/lib-commonjs/components/Switch/renderSwitch.js +1 -1
- package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitch.js +6 -1
- package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchState.js +123 -18
- package/lib-commonjs/components/Switch/useSwitchState.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.js +185 -94
- package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
- package/package.json +12 -12
@@ -9,7 +9,16 @@ var React = /*#__PURE__*/require("react");
|
|
9
9
|
|
10
10
|
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
11
|
|
12
|
-
var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
12
|
+
var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts"); // TODO: This should be replaced with a useEvent hook
|
13
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
14
|
+
|
15
|
+
|
16
|
+
var on = function (element, eventName, callback) {
|
17
|
+
element.addEventListener(eventName, callback);
|
18
|
+
return function () {
|
19
|
+
return element.removeEventListener(eventName, callback);
|
20
|
+
};
|
21
|
+
};
|
13
22
|
|
14
23
|
var useSwitchState = function (state) {
|
15
24
|
var _a = state.defaultChecked,
|
@@ -18,40 +27,136 @@ var useSwitchState = function (state) {
|
|
18
27
|
_b = state.disabled,
|
19
28
|
disabled = _b === void 0 ? false : _b,
|
20
29
|
onChange = state.onChange;
|
30
|
+
var _c = state.root,
|
31
|
+
onPointerDownCallback = _c.onPointerDown,
|
32
|
+
onKeyUpCallback = _c.onKeyUp;
|
21
33
|
var dir = react_shared_contexts_1.useFluent().dir;
|
22
34
|
var inputRef = react_utilities_1.useMergedRefs(state.input.ref);
|
35
|
+
var railRef = React.useRef(null);
|
36
|
+
var internalState = React.useRef({
|
37
|
+
internalValue: checked ? checked : defaultChecked,
|
38
|
+
thumbIsDragging: false,
|
39
|
+
disposables: []
|
40
|
+
});
|
23
41
|
|
24
|
-
var
|
42
|
+
var _d = react_utilities_1.useControllableState({
|
25
43
|
defaultState: defaultChecked,
|
26
44
|
state: checked,
|
27
45
|
initialState: false
|
28
46
|
}),
|
29
|
-
|
30
|
-
|
47
|
+
currentValue = _d[0],
|
48
|
+
setCurrentValue = _d[1];
|
49
|
+
|
50
|
+
var _e = react_utilities_1.useBoolean(true),
|
51
|
+
thumbAnimation = _e[0],
|
52
|
+
_f = _e[1],
|
53
|
+
showThumbAnimation = _f.setTrue,
|
54
|
+
hideThumbAnimation = _f.setFalse;
|
55
|
+
|
56
|
+
var _g = React.useState(currentValue === true ? 100 : 0),
|
57
|
+
renderedPosition = _g[0],
|
58
|
+
setRenderedPosition = _g[1];
|
31
59
|
|
32
|
-
var setChecked =
|
60
|
+
var setChecked = react_utilities_1.useEventCallback(function (ev, incomingValue) {
|
61
|
+
ev.stopPropagation();
|
62
|
+
ev.preventDefault();
|
63
|
+
internalState.current.internalValue = incomingValue;
|
33
64
|
onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
|
34
65
|
checked: incomingValue
|
35
66
|
});
|
36
|
-
|
37
|
-
|
38
|
-
var userOnChange = state.input.onChange;
|
39
|
-
var onInputChange = react_utilities_1.useEventCallback(function (ev) {
|
40
|
-
ev.stopPropagation();
|
41
|
-
userOnChange === null || userOnChange === void 0 ? void 0 : userOnChange(ev);
|
42
|
-
setChecked(ev, ev.currentTarget.checked);
|
67
|
+
setCurrentValue(incomingValue);
|
68
|
+
setRenderedPosition(undefined);
|
43
69
|
});
|
70
|
+
var calculatePosition = React.useCallback(function (ev) {
|
71
|
+
var _a;
|
72
|
+
|
73
|
+
var currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
74
|
+
var railWidth = currentBounds.width;
|
75
|
+
var railPosition = dir === 'rtl' ? currentBounds.right : currentBounds.left;
|
76
|
+
var distance = dir === 'rtl' ? railPosition - ev.clientX : ev.clientX - railPosition;
|
77
|
+
return react_utilities_1.clamp(distance / railWidth * 100, 0, 100);
|
78
|
+
}, [dir]);
|
79
|
+
var onPointerMove = React.useCallback(function (ev) {
|
80
|
+
var incomingPosition = calculatePosition(ev);
|
81
|
+
internalState.current.thumbIsDragging = true;
|
82
|
+
hideThumbAnimation();
|
83
|
+
setRenderedPosition(incomingPosition); // If the Switch reaches a new position of 0% or 100%, update the state and fire change.
|
84
|
+
|
85
|
+
if (incomingPosition === 100 && internalState.current.internalValue !== true) {
|
86
|
+
setChecked(ev, true);
|
87
|
+
} else if (incomingPosition === 0 && internalState.current.internalValue !== false) {
|
88
|
+
setChecked(ev, false);
|
89
|
+
}
|
90
|
+
}, [calculatePosition, hideThumbAnimation, setChecked]);
|
91
|
+
var onPointerUp = React.useCallback(function (ev) {
|
92
|
+
internalState.current.disposables.forEach(function (dispose) {
|
93
|
+
return dispose();
|
94
|
+
});
|
95
|
+
internalState.current.disposables = [];
|
96
|
+
inputRef.current.focus();
|
97
|
+
|
98
|
+
if (internalState.current.thumbIsDragging) {
|
99
|
+
var roundedPosition = Math.round(calculatePosition(ev) / 100) * 100;
|
100
|
+
showThumbAnimation();
|
101
|
+
|
102
|
+
if (roundedPosition === 100) {
|
103
|
+
setChecked(ev, true);
|
104
|
+
} else if (roundedPosition === 0) {
|
105
|
+
setChecked(ev, false);
|
106
|
+
}
|
107
|
+
} else {
|
108
|
+
setChecked(ev, !internalState.current.internalValue);
|
109
|
+
}
|
110
|
+
}, [calculatePosition, inputRef, setChecked, showThumbAnimation]);
|
111
|
+
var onPointerDown = React.useCallback(function (ev) {
|
112
|
+
var _a;
|
113
|
+
|
114
|
+
var pointerId = ev.pointerId;
|
115
|
+
var target = ev.target;
|
116
|
+
onPointerDownCallback === null || onPointerDownCallback === void 0 ? void 0 : onPointerDownCallback(ev);
|
117
|
+
showThumbAnimation();
|
118
|
+
(_a = target.setPointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
|
119
|
+
internalState.current.thumbIsDragging = false;
|
120
|
+
internalState.current.disposables.push(on(target, 'pointermove', onPointerMove), on(target, 'pointerup', onPointerUp), function () {
|
121
|
+
var _a;
|
122
|
+
|
123
|
+
(_a = target.releasePointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
|
124
|
+
});
|
125
|
+
}, [onPointerDownCallback, onPointerMove, onPointerUp, showThumbAnimation]);
|
126
|
+
var onKeyUp = React.useCallback(function (ev) {
|
127
|
+
onKeyUpCallback === null || onKeyUpCallback === void 0 ? void 0 : onKeyUpCallback(ev);
|
128
|
+
|
129
|
+
if (ev.key === ' ') {
|
130
|
+
setChecked(ev, !internalState.current.internalValue);
|
131
|
+
}
|
132
|
+
}, [onKeyUpCallback, setChecked]);
|
133
|
+
var currentPosition = renderedPosition !== undefined ? renderedPosition : currentValue ? 100 : 0;
|
134
|
+
var rootStyles = {
|
135
|
+
'--switch-checked-opacity': currentPosition / 100,
|
136
|
+
'--switch-unchecked-opacity': (100 - currentPosition) / 100
|
137
|
+
};
|
44
138
|
var thumbWrapperStyles = {
|
45
|
-
transform: dir === 'rtl' ?
|
46
|
-
|
139
|
+
transform: "translate(" + (dir === 'rtl' ? -currentPosition : currentPosition) + "%)",
|
140
|
+
transition: thumbAnimation ? 'transform .1s cubic-bezier(0.33, 0.0, 0.67, 1), opacity .1s cubic-bezier(0.33, 0.0, 0.67, 1)' : 'none'
|
141
|
+
}; // Root Props
|
142
|
+
|
143
|
+
state.root.style = rootStyles;
|
144
|
+
|
145
|
+
if (!disabled) {
|
146
|
+
state.root.onPointerDown = onPointerDown;
|
147
|
+
state.root.onKeyUp = onKeyUp;
|
148
|
+
} // Input Props
|
47
149
|
|
48
|
-
|
49
|
-
state.input.checked =
|
150
|
+
|
151
|
+
state.input.checked = currentValue;
|
50
152
|
state.input.disabled = disabled;
|
51
153
|
state.input.ref = inputRef;
|
52
|
-
state.input.
|
154
|
+
state.input.readOnly = true;
|
155
|
+
state.input.role = 'switch'; // Thumb Container Props
|
156
|
+
|
157
|
+
state.thumbWrapper.style = thumbWrapperStyles; // Active Rail Props
|
53
158
|
|
54
|
-
state.
|
159
|
+
state.activeRail.ref = railRef;
|
55
160
|
return state;
|
56
161
|
};
|
57
162
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchState.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchState.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -21,6 +21,8 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
21
21
|
"B64q66w": "frxo1y7",
|
22
22
|
"yvbau0": "fe5s2ct",
|
23
23
|
"k3w5al": "f1n6k660",
|
24
|
+
"mt6sm6": "f17m95gg",
|
25
|
+
"Bjtifd4": "fp7zjh8",
|
24
26
|
"qhf8xq": "f10pi13n",
|
25
27
|
"a9b677": "fnceurk",
|
26
28
|
"Bqenvij": "f15da5dy",
|
@@ -30,21 +32,58 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
30
32
|
"ha4doy": "f1qdqbpl"
|
31
33
|
},
|
32
34
|
"unchecked": {
|
33
|
-
"
|
34
|
-
"
|
35
|
-
"
|
36
|
-
"
|
37
|
-
"
|
35
|
+
"Blms9gb": "f5twets",
|
36
|
+
"B786czj": "f1dad01o",
|
37
|
+
"Bjuc0nl": ["f687y2r", "f1edjd92"],
|
38
|
+
"B5yqodl": "f1f3tlu1",
|
39
|
+
"kjlpdb": ["f1edjd92", "f687y2r"]
|
38
40
|
},
|
39
41
|
"checked": {
|
40
|
-
"
|
41
|
-
"
|
42
|
+
"B4o7b9o": "fnm6wgb",
|
43
|
+
"puz9ln": "fi8bwd9"
|
42
44
|
},
|
43
|
-
"
|
45
|
+
"enabled": {
|
46
|
+
"H36rlo": "felqjlh",
|
47
|
+
"Bceei9c": "f1k6fduh"
|
48
|
+
},
|
49
|
+
"disabled": {
|
50
|
+
"Bceei9c": "fdrzuqr",
|
51
|
+
"Bkecrkj": "f1aehjj5"
|
52
|
+
},
|
53
|
+
"focusIndicator": {
|
54
|
+
"B486eqv": "f2hkw1w",
|
55
|
+
"vchsgm": "fbiesyy",
|
56
|
+
"ozrjjd": ["fq2kn9", "f1jxwnad"],
|
57
|
+
"B7lelfh": "f1il7mou",
|
58
|
+
"Bp3tz3o": ["f1jxwnad", "fq2kn9"],
|
59
|
+
"B8vm7ur": "f12sql3b",
|
60
|
+
"f4hv8x": "f1i4q40k",
|
61
|
+
"Gpan81": "fcrbge9",
|
62
|
+
"z7afg": "ft464mn",
|
63
|
+
"rsjj6t": "fskqmiq",
|
64
|
+
"E86f5s": "f1kbdjx9",
|
65
|
+
"f5nhos": ["fw1d893", "fpuz8dn"],
|
66
|
+
"Bhtq6h7": "f14hlsw1",
|
67
|
+
"Bubk9yy": ["fpuz8dn", "fw1d893"],
|
68
|
+
"dzajus": "f1bkt4b4",
|
69
|
+
"B8gmrwi": ["f16hf5f2", "f1qhqcal"],
|
70
|
+
"Byq6oy9": "fyyqeim",
|
71
|
+
"Bdy2j38": ["f1qhqcal", "f16hf5f2"],
|
72
|
+
"Bugh3ej": "f18xdlq9",
|
73
|
+
"epcuuz": "filx0we",
|
74
|
+
"Ba33l6n": ["f1horip2", "fgnx9ah"],
|
75
|
+
"va7z1g": "fkii2tb",
|
76
|
+
"Bmi6mq9": ["fgnx9ah", "f1horip2"],
|
77
|
+
"Bjkpy09": "f1rh66yx",
|
78
|
+
"Jxg1p8": "f19ibq92",
|
79
|
+
"Bc94xmo": ["fc3tncn", "f1veb610"],
|
80
|
+
"Bj23z95": ["f1veb610", "fc3tncn"]
|
81
|
+
}
|
44
82
|
}, {
|
45
|
-
"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;}"],
|
46
|
-
"h": [".
|
47
|
-
"a": [".
|
83
|
+
"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;}", "[data-keyboard-nav] .fbiesyy:focus-within{border-top-color:transparent;}", "[data-keyboard-nav] .fq2kn9:focus-within{border-right-color:transparent;}", "[data-keyboard-nav] .f1jxwnad:focus-within{border-left-color:transparent;}", "[data-keyboard-nav] .f1il7mou:focus-within{border-bottom-color:transparent;}", "[data-keyboard-nav] .f12sql3b:focus-within:after{content:\"\";}", "[data-keyboard-nav] .f1i4q40k:focus-within:after{position:absolute;}", "[data-keyboard-nav] .fcrbge9:focus-within:after{pointer-events:none;}", "[data-keyboard-nav] .ft464mn:focus-within:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fskqmiq:focus-within:after{z-index:1;}", "[data-keyboard-nav] .f1kbdjx9:focus-within:after{border-top-style:solid;}", "[data-keyboard-nav] .fw1d893:focus-within:after{border-right-style:solid;}", "[data-keyboard-nav] .fpuz8dn:focus-within:after{border-left-style:solid;}", "[data-keyboard-nav] .f14hlsw1:focus-within:after{border-bottom-style:solid;}", "[data-keyboard-nav] .f1bkt4b4:focus-within:after{border-top-width:2px;}", "[data-keyboard-nav] .f16hf5f2:focus-within:after{border-right-width:2px;}", "[data-keyboard-nav] .f1qhqcal:focus-within:after{border-left-width:2px;}", "[data-keyboard-nav] .fyyqeim:focus-within:after{border-bottom-width:2px;}", "[data-keyboard-nav] .f18xdlq9:focus-within:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .filx0we:focus-within:after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1horip2:focus-within:after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fgnx9ah:focus-within:after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fkii2tb:focus-within:after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1rh66yx:focus-within:after{top:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .f19ibq92:focus-within:after{bottom:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .fc3tncn:focus-within:after{left:calc(0px - 2px - 8px);}", "[data-keyboard-nav] .f1veb610:focus-within:after{right:calc(0px - 2px - 8px);}"],
|
84
|
+
"h": [".f5twets:hover .ms-Switch-thumb:before{background:var(--colorNeutralStrokeAccessibleHover);}", ".f1dad01o:hover .ms-Switch-track:before{border-top-color:var(--colorNeutralStrokeAccessibleHover);}", ".f687y2r:hover .ms-Switch-track:before{border-right-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1edjd92:hover .ms-Switch-track:before{border-left-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1f3tlu1:hover .ms-Switch-track:before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".fnm6wgb:hover .ms-Switch-track:after{background:var(--colorBrandBackgroundHover);}"],
|
85
|
+
"a": [".fi8bwd9:active .ms-Switch-track:after{background:var(--colorBrandBackgroundPressed);}"],
|
86
|
+
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
48
87
|
});
|
49
88
|
/**
|
50
89
|
* Styles for the track slot
|
@@ -56,64 +95,81 @@ var useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
56
95
|
"qhf8xq": "f1euv43f",
|
57
96
|
"a9b677": "fly5x3f",
|
58
97
|
"Bqenvij": "f1l02sjl",
|
59
|
-
"
|
60
|
-
"
|
61
|
-
"
|
62
|
-
"
|
98
|
+
"Bi2q7bf": "f11zxivh",
|
99
|
+
"lpbzjs": "f1sdsnyy",
|
100
|
+
"Bkecrkj": "f1aehjj5",
|
101
|
+
"xx9plb": "fxf9f1y",
|
102
|
+
"Bf8kmfk": "frdto5n",
|
103
|
+
"Byque4d": ["f8g0ba1", "ff0gctb"],
|
104
|
+
"Bj2wrql": "f3zr33r",
|
105
|
+
"qd6xl9": ["ff0gctb", "f8g0ba1"],
|
106
|
+
"Bmqnesq": "f170vdtw",
|
107
|
+
"zf3lio": "f1jua1m0",
|
108
|
+
"rurcny": "f99sooz",
|
109
|
+
"ngabwx": "f1uhpfti",
|
110
|
+
"Hdbjpj": "f11ef69",
|
111
|
+
"u6d25": "f1yuyem3",
|
112
|
+
"jc51t6": ["f1bp8q63", "f1oarbwq"],
|
113
|
+
"Bj55yzk": "f13gddrr",
|
114
|
+
"cnmfks": ["f1oarbwq", "f1bp8q63"],
|
115
|
+
"oqd9ik": "ffdc0f3",
|
116
|
+
"c4kunb": "fsn1tsw",
|
117
|
+
"Bs6t6z0": "f77y9vx",
|
118
|
+
"Bmyypfa": "frd86tk"
|
63
119
|
},
|
64
120
|
"unchecked": {
|
65
|
-
"
|
66
|
-
"
|
67
|
-
"
|
68
|
-
"
|
69
|
-
"
|
70
|
-
"
|
71
|
-
"
|
72
|
-
"
|
73
|
-
"
|
74
|
-
"
|
75
|
-
"
|
76
|
-
"
|
77
|
-
"
|
121
|
+
"dj0dih": "f199l62q",
|
122
|
+
"D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
|
123
|
+
"k1i1uq": "fyqop9u",
|
124
|
+
"Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
|
125
|
+
"Bdixowu": "f1bwkb58",
|
126
|
+
"cqycoz": ["fiio4mc", "fc8z0qo"],
|
127
|
+
"Epwjcz": "f1m5ya7j",
|
128
|
+
"Bwdktmn": ["fc8z0qo", "fiio4mc"],
|
129
|
+
"ijj6k": "f1gqzwee",
|
130
|
+
"I89eb": ["f149mt9j", "fs3bzhx"],
|
131
|
+
"Bp1vogq": "f14z72z2",
|
132
|
+
"Bohd3ja": ["fs3bzhx", "f149mt9j"],
|
133
|
+
"B4zgs9e": "f1ntlsrl"
|
78
134
|
},
|
79
135
|
"checked": {
|
80
|
-
"
|
81
|
-
"
|
82
|
-
"
|
83
|
-
"
|
84
|
-
"
|
136
|
+
"Bpudnjh": "f1lhwn2z",
|
137
|
+
"rskduk": "f1so6udy",
|
138
|
+
"Dctjco": ["f1faxgr0", "f1wf3et7"],
|
139
|
+
"J4s2b0": "f124kgxn",
|
140
|
+
"svcy3r": ["f1wf3et7", "f1faxgr0"]
|
85
141
|
},
|
86
142
|
"disabledUnchecked": {
|
87
|
-
"
|
88
|
-
"
|
89
|
-
"
|
90
|
-
"
|
91
|
-
"
|
92
|
-
"
|
93
|
-
"
|
94
|
-
"
|
95
|
-
"
|
96
|
-
"
|
97
|
-
"
|
98
|
-
"
|
143
|
+
"dj0dih": "f199l62q",
|
144
|
+
"D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
|
145
|
+
"k1i1uq": "fyqop9u",
|
146
|
+
"Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
|
147
|
+
"Bdixowu": "f1bwkb58",
|
148
|
+
"cqycoz": ["fiio4mc", "fc8z0qo"],
|
149
|
+
"Epwjcz": "f1m5ya7j",
|
150
|
+
"Bwdktmn": ["fc8z0qo", "fiio4mc"],
|
151
|
+
"ijj6k": "fntj282",
|
152
|
+
"I89eb": ["fzta9nb", "f17m9iy5"],
|
153
|
+
"Bp1vogq": "f1k4exvn",
|
154
|
+
"Bohd3ja": ["f17m9iy5", "fzta9nb"]
|
99
155
|
},
|
100
156
|
"disabledChecked": {
|
101
|
-
"
|
102
|
-
"
|
103
|
-
"
|
104
|
-
"
|
105
|
-
"
|
106
|
-
"
|
107
|
-
"
|
108
|
-
"
|
109
|
-
"
|
110
|
-
"
|
111
|
-
"
|
112
|
-
"
|
113
|
-
"
|
157
|
+
"Bouo9z4": "f1l5cenb",
|
158
|
+
"Bjz4wo8": ["f1jvubu3", "f1q1uvzd"],
|
159
|
+
"B3zxwmv": "f2fxry3",
|
160
|
+
"exdlgl": ["f1q1uvzd", "f1jvubu3"],
|
161
|
+
"rskduk": "f1iq3fds",
|
162
|
+
"Dctjco": ["f1r2jemi", "f11olovk"],
|
163
|
+
"J4s2b0": "fd0py6g",
|
164
|
+
"svcy3r": ["f11olovk", "f1r2jemi"],
|
165
|
+
"F7kzw7": "f2uxs13",
|
166
|
+
"B13j16c": ["f11zx3qq", "fqewq1t"],
|
167
|
+
"Bk8j60v": "fmewjpk",
|
168
|
+
"Bpbi4o9": ["fqewq1t", "f11zx3qq"],
|
169
|
+
"Bpudnjh": "fq2pbzm"
|
114
170
|
}
|
115
171
|
}, {
|
116
|
-
"d": [".f1euv43f{position:absolute;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".
|
172
|
+
"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;}", ".f1gqzwee:before{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f149mt9j:before{border-right-color:var(--colorNeutralStrokeAccessible);}", ".fs3bzhx:before{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f14z72z2:before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1ntlsrl:before{background:none;}", ".f1lhwn2z:after{background:var(--colorBrandBackground);}", ".f1so6udy:after{border-top-style:none;}", ".f1faxgr0:after{border-right-style:none;}", ".f1wf3et7:after{border-left-style:none;}", ".f124kgxn:after{border-bottom-style:none;}", ".fntj282:before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".fzta9nb:before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f17m9iy5:before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1k4exvn:before{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".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;}", ".f2uxs13:after{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f11zx3qq:after{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fqewq1t:after{border-left-color:var(--colorTransparentStrokeDisabled);}", ".fmewjpk:after{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".fq2pbzm:after{background:var(--colorNeutralBackgroundDisabled);}"]
|
117
173
|
});
|
118
174
|
/**
|
119
175
|
* Styles for the thumb wrapper slot
|
@@ -127,11 +183,11 @@ var useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
127
183
|
"B5kzvoi": "f1yab3r1",
|
128
184
|
"oyh7mz": ["fhpx7ww", "f1kctpth"],
|
129
185
|
"j35jbq": ["f1kctpth", "fhpx7ww"],
|
130
|
-
"
|
186
|
+
"lpbzjs": "f1sdsnyy",
|
131
187
|
"Bkecrkj": "f1aehjj5"
|
132
188
|
}
|
133
189
|
}, {
|
134
|
-
"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);}", ".
|
190
|
+
"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;}"]
|
135
191
|
});
|
136
192
|
/**
|
137
193
|
* Styles for the thumb slot
|
@@ -144,37 +200,69 @@ var useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
144
200
|
"a9b677": "fcjrtee",
|
145
201
|
"Bqenvij": "fili5n9",
|
146
202
|
"B7ck84d": "f1ewtqcl",
|
147
|
-
"Dimara": "
|
203
|
+
"Dimara": "f44lkw9",
|
148
204
|
"Bhzewxz": "f1i1t8d1",
|
149
205
|
"Bz10aip": ["foouk8k", "fd9rb4b"],
|
150
|
-
"
|
206
|
+
"Bi2q7bf": "f11zxivh",
|
207
|
+
"lpbzjs": "f1sdsnyy",
|
208
|
+
"Bkecrkj": "f1aehjj5",
|
209
|
+
"xx9plb": "fxf9f1y",
|
210
|
+
"Bf8kmfk": "frdto5n",
|
211
|
+
"Byque4d": ["f8g0ba1", "ff0gctb"],
|
212
|
+
"Bj2wrql": "f3zr33r",
|
213
|
+
"qd6xl9": ["ff0gctb", "f8g0ba1"],
|
214
|
+
"zf3lio": "fmrqcwg",
|
215
|
+
"rurcny": "f99sooz",
|
216
|
+
"ngabwx": "f1uhpfti",
|
217
|
+
"Hdbjpj": "f11ef69",
|
218
|
+
"u6d25": "f1yuyem3",
|
219
|
+
"jc51t6": ["f1bp8q63", "f1oarbwq"],
|
220
|
+
"Bj55yzk": "f13gddrr",
|
221
|
+
"cnmfks": ["f1oarbwq", "f1bp8q63"],
|
222
|
+
"c4kunb": "f1y5o2fm",
|
223
|
+
"Bs6t6z0": "f77y9vx",
|
224
|
+
"Bmyypfa": "frd86tk"
|
151
225
|
},
|
152
226
|
"unchecked": {
|
153
|
-
"
|
227
|
+
"B4zgs9e": "f1imqj0g"
|
154
228
|
},
|
155
229
|
"checked": {
|
156
|
-
"
|
230
|
+
"Bpudnjh": "fe3g45j"
|
157
231
|
},
|
158
232
|
"disabledUnchecked": {
|
159
|
-
"
|
160
|
-
"
|
161
|
-
"
|
162
|
-
"
|
163
|
-
"
|
164
|
-
"
|
165
|
-
"
|
166
|
-
"
|
167
|
-
"
|
168
|
-
"
|
169
|
-
"
|
170
|
-
"
|
171
|
-
"
|
233
|
+
"dj0dih": "f199l62q",
|
234
|
+
"D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
|
235
|
+
"k1i1uq": "fyqop9u",
|
236
|
+
"Bcasopp": ["f1ooiv2t", "f1pa2qi2"],
|
237
|
+
"Bdixowu": "f1bwkb58",
|
238
|
+
"cqycoz": ["fiio4mc", "fc8z0qo"],
|
239
|
+
"Epwjcz": "f1m5ya7j",
|
240
|
+
"Bwdktmn": ["fc8z0qo", "fiio4mc"],
|
241
|
+
"ijj6k": "f1k21dld",
|
242
|
+
"I89eb": ["f1yueqd5", "f16ep8jm"],
|
243
|
+
"Bp1vogq": "flh92r5",
|
244
|
+
"Bohd3ja": ["f16ep8jm", "f1yueqd5"],
|
245
|
+
"B4zgs9e": "fer8lxq"
|
172
246
|
},
|
173
247
|
"disabledChecked": {
|
174
|
-
"
|
248
|
+
"Bpudnjh": "fz051tx"
|
249
|
+
}
|
250
|
+
}, {
|
251
|
+
"d": [".f1euv43f{position:absolute;}", ".fcjrtee{width:var(--switch-thumb-size);}", ".fili5n9{height:var(--switch-thumb-size);}", ".f1ewtqcl{box-sizing:border-box;}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".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;}", ".fmrqcwg:before{border-radius:var(--borderRadiusCircular);}", ".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;}", ".f1y5o2fm:after{border-radius:var(--borderRadiusCircular);}", ".f77y9vx:after{content:'';}", ".frd86tk:after{opacity:var(--switch-checked-opacity);}", ".f1imqj0g:before{background:var(--colorNeutralStrokeAccessible);}", ".fe3g45j:after{background:var(--colorNeutralForegroundOnBrand);}", ".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;}", ".f1k21dld:before{border-top-color:var(--colorNeutralForegroundDisabled);}", ".f1yueqd5:before{border-right-color:var(--colorNeutralForegroundDisabled);}", ".f16ep8jm:before{border-left-color:var(--colorNeutralForegroundDisabled);}", ".flh92r5:before{border-bottom-color:var(--colorNeutralForegroundDisabled);}", ".fer8lxq:before{background:var(--colorNeutralBackground1);}", ".fz051tx:after{background:var(--colorNeutralForegroundDisabled);}"]
|
252
|
+
});
|
253
|
+
/**
|
254
|
+
* Styles for the activeRail slot
|
255
|
+
*/
|
256
|
+
|
257
|
+
|
258
|
+
var useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
259
|
+
"activeRail": {
|
260
|
+
"qhf8xq": "f1euv43f",
|
261
|
+
"oyh7mz": ["fhpx7ww", "f1kctpth"],
|
262
|
+
"j35jbq": ["f1kctpth", "fhpx7ww"]
|
175
263
|
}
|
176
264
|
}, {
|
177
|
-
"d": [".f1euv43f{position:absolute;}", ".
|
265
|
+
"d": [".f1euv43f{position:absolute;}", ".fhpx7ww{left:calc(var(--switch-thumb-size) * .7);}", ".f1kctpth{right:calc(var(--switch-thumb-size) * .7);}"]
|
178
266
|
});
|
179
267
|
/**
|
180
268
|
* Styles for the hidden input slot
|
@@ -184,21 +272,22 @@ var useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
184
272
|
var useInputStyle = /*#__PURE__*/react_make_styles_1.__styles({
|
185
273
|
"input": {
|
186
274
|
"abs64n": "fk73vx1",
|
187
|
-
"
|
188
|
-
"
|
275
|
+
"qhf8xq": "f1euv43f",
|
276
|
+
"z8tnut": "f1g0x7ka",
|
277
|
+
"z189sj": ["fhxju0i", "f1cnd47f"],
|
278
|
+
"Byoj8tv": "f1qch9an",
|
279
|
+
"uwmqm3": ["f1cnd47f", "fhxju0i"],
|
189
280
|
"B6of3ja": "f1hu3pq6",
|
190
281
|
"t21cq0": ["f11qmguv", "f1tyq0we"],
|
191
282
|
"jrapky": "f19f4twv",
|
192
|
-
"Frg6f3": ["f1tyq0we", "f11qmguv"]
|
193
|
-
|
194
|
-
|
195
|
-
"
|
196
|
-
|
197
|
-
"disabled": {
|
198
|
-
"Bceei9c": "fdrzuqr"
|
283
|
+
"Frg6f3": ["f1tyq0we", "f11qmguv"],
|
284
|
+
"a9b677": "fly5x3f",
|
285
|
+
"Bqenvij": "f1l02sjl",
|
286
|
+
"lpbzjs": "f1sdsnyy",
|
287
|
+
"Bkecrkj": "f1aehjj5"
|
199
288
|
}
|
200
289
|
}, {
|
201
|
-
"d": [".fk73vx1{opacity:0;}", ".
|
290
|
+
"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;}"]
|
202
291
|
});
|
203
292
|
/**
|
204
293
|
* Apply styling to the Switch slots based on the state
|
@@ -213,12 +302,14 @@ var useSwitchStyles = function (state) {
|
|
213
302
|
var trackStyles = useTrackStyles();
|
214
303
|
var thumbWrapperStyles = useThumbWrapperStyles();
|
215
304
|
var thumbStyles = useThumbStyles();
|
305
|
+
var activeRailStyles = useActiveRailStyles();
|
216
306
|
var inputStyles = useInputStyle();
|
217
|
-
state.root.className = react_make_styles_1.mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled &&
|
218
|
-
state.track.className = react_make_styles_1.mergeClasses(trackClassName, trackStyles.track, !disabled &&
|
307
|
+
state.root.className = react_make_styles_1.mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && rootStyles.checked, !disabled && rootStyles.unchecked, disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
|
308
|
+
state.track.className = react_make_styles_1.mergeClasses(trackClassName, trackStyles.track, !disabled && trackStyles.checked, !disabled && trackStyles.unchecked, disabled && trackStyles.disabledChecked, disabled && trackStyles.disabledUnchecked, state.track.className);
|
219
309
|
state.thumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
|
220
|
-
state.thumb.className = react_make_styles_1.mergeClasses(thumbClassName, thumbStyles.thumb, !disabled &&
|
221
|
-
state.
|
310
|
+
state.thumb.className = react_make_styles_1.mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && thumbStyles.checked, !disabled && thumbStyles.unchecked, disabled && thumbStyles.disabledChecked, disabled && thumbStyles.disabledUnchecked, state.thumb.className);
|
311
|
+
state.activeRail.className = react_make_styles_1.mergeClasses(activeRailStyles.activeRail, state.activeRail.className);
|
312
|
+
state.input.className = react_make_styles_1.mergeClasses(inputStyles.input, state.input.className);
|
222
313
|
return state;
|
223
314
|
};
|
224
315
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGA,IAAM,aAAa,GAAG,gBAAtB;AACA,IAAM,cAAc,GAAG,iBAAvB;AACA,IAAM,cAAc,GAAG,iBAAvB;AAEA;;AAEG;;AACH,IAAM,aAAa,gBAAG,mBAAA,SAAA;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;
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|