@fluentui/react-switch 0.0.0-nightlydd0f007b3f20220119.1 → 0.0.0-nightlye0b8e1fa6920220128.1
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 +33 -27
- package/CHANGELOG.md +12 -12
- package/dist/react-switch.d.ts +10 -10
- package/lib/components/Switch/Switch.js +6 -6
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Switch/Switch.types.d.ts +7 -7
- package/lib/components/Switch/renderSwitch.d.ts +1 -1
- package/lib/components/Switch/renderSwitch.js +1 -1
- package/lib/components/Switch/renderSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitch.d.ts +1 -1
- package/lib/components/Switch/useSwitch.js +1 -1
- package/lib/components/Switch/useSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitchStyles.d.ts +1 -1
- package/lib/components/Switch/useSwitchStyles.js +2 -2
- package/lib/components/Switch/useSwitchStyles.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.js +3 -3
- package/lib-commonjs/components/Switch/Switch.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.types.d.ts +7 -7
- package/lib-commonjs/components/Switch/renderSwitch.d.ts +1 -1
- package/lib-commonjs/components/Switch/renderSwitch.js +3 -3
- package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitch.d.ts +1 -1
- package/lib-commonjs/components/Switch/useSwitch.js +3 -3
- package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.d.ts +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.js +16 -16
- package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
- package/package.json +6 -8
package/CHANGELOG.json
CHANGED
|
@@ -2,17 +2,29 @@
|
|
|
2
2
|
"name": "@fluentui/react-switch",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-switch_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Fri, 28 Jan 2022 04:13:22 GMT",
|
|
6
|
+
"tag": "@fluentui/react-switch_v0.0.0-nightlye0b8e1fa6920220128.1",
|
|
7
|
+
"version": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-switch",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "90d10ec8c2d159575962c4d3d913317633b44a7a",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "olfedias@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-switch",
|
|
19
|
+
"commit": "1df1d6e85bd3a6ab2a7b13e96a9aac324bb6d00c",
|
|
20
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-switch",
|
|
25
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
26
|
+
"comment": "Updating based on changes to composition types."
|
|
27
|
+
},
|
|
16
28
|
{
|
|
17
29
|
"author": "behowell@microsoft.com",
|
|
18
30
|
"package": "@fluentui/react-switch",
|
|
@@ -38,46 +50,34 @@
|
|
|
38
50
|
"comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
|
|
39
51
|
},
|
|
40
52
|
{
|
|
41
|
-
"author": "
|
|
42
|
-
"package": "@fluentui/react-switch",
|
|
43
|
-
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlydd0f007b3f20220119.1",
|
|
44
|
-
"commit": "6044506cc626a9a155e0df40645426ddcc080c55"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"author": "beachball",
|
|
48
|
-
"package": "@fluentui/react-switch",
|
|
49
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlydd0f007b3f20220119.1",
|
|
50
|
-
"commit": "6044506cc626a9a155e0df40645426ddcc080c55"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"author": "beachball",
|
|
53
|
+
"author": "behowell@microsoft.com",
|
|
54
54
|
"package": "@fluentui/react-switch",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
55
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
56
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
"author": "beachball",
|
|
60
60
|
"package": "@fluentui/react-switch",
|
|
61
|
-
"comment": "Bump @fluentui/react-
|
|
62
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlye0b8e1fa6920220128.1",
|
|
62
|
+
"commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
"author": "beachball",
|
|
66
66
|
"package": "@fluentui/react-switch",
|
|
67
|
-
"comment": "Bump @fluentui/
|
|
68
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightlye0b8e1fa6920220128.1",
|
|
68
|
+
"commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
71
|
"author": "beachball",
|
|
72
72
|
"package": "@fluentui/react-switch",
|
|
73
|
-
"comment": "Bump @fluentui/
|
|
74
|
-
"commit": "
|
|
73
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1",
|
|
74
|
+
"commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
"author": "beachball",
|
|
78
78
|
"package": "@fluentui/react-switch",
|
|
79
|
-
"comment": "Bump @fluentui/react-conformance-
|
|
80
|
-
"commit": "
|
|
79
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1",
|
|
80
|
+
"commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
|
|
81
81
|
}
|
|
82
82
|
],
|
|
83
83
|
"none": [
|
|
@@ -98,6 +98,12 @@
|
|
|
98
98
|
"package": "@fluentui/react-switch",
|
|
99
99
|
"commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
|
|
100
100
|
"comment": "test(react-switch): update snapshots to match new JSDOM"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"author": "olfedias@microsoft.com",
|
|
104
|
+
"package": "@fluentui/react-switch",
|
|
105
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
106
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
101
107
|
}
|
|
102
108
|
]
|
|
103
109
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-switch
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 28 Jan 2022 04:13:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightlye0b8e1fa6920220128.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightlye0b8e1fa6920220128.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.5..@fluentui/react-switch_v0.0.0-
|
|
9
|
+
Fri, 28 Jan 2022 04:13:22 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.5..@fluentui/react-switch_v0.0.0-nightlye0b8e1fa6920220128.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by email not defined)
|
|
15
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21424](https://github.com/microsoft/fluentui/pull/21424) by olfedias@microsoft.com)
|
|
16
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
15
17
|
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
16
18
|
- update styles to not use CSS shorthands ([PR #20844](https://github.com/microsoft/fluentui/pull/20844) by olfedias@microsoft.com)
|
|
17
19
|
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21056](https://github.com/microsoft/fluentui/pull/21056) by Humberto.Morimoto@microsoft.com)
|
|
18
20
|
- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
|
|
19
|
-
-
|
|
20
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-
|
|
21
|
-
- Bump @fluentui/react-tabster to v0.0.0-
|
|
22
|
-
- Bump @fluentui/react-utilities to v0.0.0-
|
|
23
|
-
- Bump @fluentui/
|
|
24
|
-
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
|
|
25
|
-
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
|
|
21
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
22
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
|
|
23
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
|
|
24
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
|
|
26
26
|
|
|
27
27
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.5)
|
|
28
28
|
|
package/dist/react-switch.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
|
-
import type {
|
|
4
|
+
import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
|
|
5
5
|
import * as React_2 from 'react';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Render the final JSX of Switch
|
|
9
9
|
*/
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const renderSwitch_unstable: (state: SwitchState) => JSX.Element;
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* The Switch control enables users to trigger an option on or off through pressing on the component.
|
|
@@ -50,27 +50,27 @@ export declare type SwitchSlots = {
|
|
|
50
50
|
/**
|
|
51
51
|
* The root of the Switch.
|
|
52
52
|
*/
|
|
53
|
-
root:
|
|
53
|
+
root: IntrinsicSlotProps<'div'>;
|
|
54
54
|
/**
|
|
55
55
|
* The bar indicating the status of the Switch.
|
|
56
56
|
*/
|
|
57
|
-
track:
|
|
57
|
+
track: IntrinsicSlotProps<'div'>;
|
|
58
58
|
/**
|
|
59
59
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
60
60
|
*/
|
|
61
|
-
thumbWrapper:
|
|
61
|
+
thumbWrapper: IntrinsicSlotProps<'div'>;
|
|
62
62
|
/**
|
|
63
63
|
* The circular icon indicating the status of the Switch.
|
|
64
64
|
*/
|
|
65
|
-
thumb:
|
|
65
|
+
thumb: IntrinsicSlotProps<'div'>;
|
|
66
66
|
/**
|
|
67
67
|
* The hidden input that handles the Switch's internal functionality.
|
|
68
68
|
*/
|
|
69
|
-
input:
|
|
69
|
+
input: IntrinsicSlotProps<'input'>;
|
|
70
70
|
/**
|
|
71
71
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
72
72
|
*/
|
|
73
|
-
activeRail:
|
|
73
|
+
activeRail: IntrinsicSlotProps<'div'>;
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
export declare interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
|
|
@@ -79,11 +79,11 @@ export declare interface SwitchState extends ComponentState<SwitchSlots>, Switch
|
|
|
79
79
|
/**
|
|
80
80
|
* Given user props, returns state and render function for a Switch.
|
|
81
81
|
*/
|
|
82
|
-
export declare const
|
|
82
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React_2.Ref<HTMLElement>) => SwitchState;
|
|
83
83
|
|
|
84
84
|
/**
|
|
85
85
|
* Apply styling to the Switch slots based on the state
|
|
86
86
|
*/
|
|
87
|
-
export declare const
|
|
87
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
88
88
|
|
|
89
89
|
export { }
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useSwitch_unstable } from './useSwitch';
|
|
3
|
+
import { renderSwitch_unstable } from './renderSwitch';
|
|
4
|
+
import { useSwitchStyles_unstable } from './useSwitchStyles';
|
|
5
5
|
/**
|
|
6
6
|
* The Switch control enables users to trigger an option on or off through pressing on the component.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
export const Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
-
const state =
|
|
11
|
-
|
|
12
|
-
return
|
|
10
|
+
const state = useSwitch_unstable(props, ref);
|
|
11
|
+
useSwitchStyles_unstable(state);
|
|
12
|
+
return renderSwitch_unstable(state);
|
|
13
13
|
});
|
|
14
14
|
Switch.displayName = 'Switch';
|
|
15
15
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,kBAAT,QAAmC,aAAnC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,kBAAkB,CAAC,KAAD,EAAQ,GAAR,CAAhC;AAEA,EAAA,wBAAwB,CAAC,KAAD,CAAxB;AAEA,SAAO,qBAAqB,CAAC,KAAD,CAA5B;AACD,CANuD,CAAjD;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type SwitchSlots = {
|
|
4
4
|
/**
|
|
5
5
|
* The root of the Switch.
|
|
6
6
|
*/
|
|
7
|
-
root:
|
|
7
|
+
root: IntrinsicSlotProps<'div'>;
|
|
8
8
|
/**
|
|
9
9
|
* The bar indicating the status of the Switch.
|
|
10
10
|
*/
|
|
11
|
-
track:
|
|
11
|
+
track: IntrinsicSlotProps<'div'>;
|
|
12
12
|
/**
|
|
13
13
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
14
14
|
*/
|
|
15
|
-
thumbWrapper:
|
|
15
|
+
thumbWrapper: IntrinsicSlotProps<'div'>;
|
|
16
16
|
/**
|
|
17
17
|
* The circular icon indicating the status of the Switch.
|
|
18
18
|
*/
|
|
19
|
-
thumb:
|
|
19
|
+
thumb: IntrinsicSlotProps<'div'>;
|
|
20
20
|
/**
|
|
21
21
|
* The hidden input that handles the Switch's internal functionality.
|
|
22
22
|
*/
|
|
23
|
-
input:
|
|
23
|
+
input: IntrinsicSlotProps<'input'>;
|
|
24
24
|
/**
|
|
25
25
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
26
26
|
*/
|
|
27
|
-
activeRail:
|
|
27
|
+
activeRail: IntrinsicSlotProps<'div'>;
|
|
28
28
|
};
|
|
29
29
|
export interface SwitchCommons {
|
|
30
30
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,CAFF,eAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CALF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CANF,CADF;AAUD,CAbM","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ import type { SwitchProps, SwitchState } from './Switch.types';
|
|
|
3
3
|
/**
|
|
4
4
|
* Given user props, returns state and render function for a Switch.
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACjG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,qBAAqB,CAAC,MAAD,EAAS;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,KAAK,CAAC,SAAD,EAAY,KAAK,CAAC,EAAlB;AAHyB,KAAT,CALF;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,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CAlBE;AAmBzB,IAAA,YAAY,EAAE,gBAAgB,CAAC,YAAD,EAAe;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAf,CAnBL;AAoBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CApBE;AAqBzB,IAAA,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAb,CArBH;AAsBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAR;AAtBE,GAA3B;AA8BA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,KAAP;AACD,CAnCM","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ export declare const switchClassName = "fui-Switch";
|
|
|
3
3
|
/**
|
|
4
4
|
* Apply styling to the Switch slots based on the state
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { shorthands, __styles, mergeClasses } from '@
|
|
1
|
+
import { shorthands, __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
4
|
export const switchClassName = 'fui-Switch';
|
|
@@ -290,7 +290,7 @@ const useInputStyle = /*#__PURE__*/__styles({
|
|
|
290
290
|
*/
|
|
291
291
|
|
|
292
292
|
|
|
293
|
-
export const
|
|
293
|
+
export const useSwitchStyles_unstable = state => {
|
|
294
294
|
const {
|
|
295
295
|
checked,
|
|
296
296
|
disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -18,9 +18,9 @@ const useSwitchStyles_1 = /*#__PURE__*/require("./useSwitchStyles");
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
exports.Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
-
const state = useSwitch_1.
|
|
22
|
-
useSwitchStyles_1.
|
|
23
|
-
return renderSwitch_1.
|
|
21
|
+
const state = useSwitch_1.useSwitch_unstable(props, ref);
|
|
22
|
+
useSwitchStyles_1.useSwitchStyles_unstable(state);
|
|
23
|
+
return renderSwitch_1.renderSwitch_unstable(state);
|
|
24
24
|
});
|
|
25
25
|
exports.Switch.displayName = 'Switch';
|
|
26
26
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,GAA1B,CAAd;AAEA,EAAA,iBAAA,CAAA,wBAAA,CAAyB,KAAzB;AAEA,SAAO,cAAA,CAAA,qBAAA,CAAsB,KAAtB,CAAP;AACD,CANuD,CAA3C;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type SwitchSlots = {
|
|
4
4
|
/**
|
|
5
5
|
* The root of the Switch.
|
|
6
6
|
*/
|
|
7
|
-
root:
|
|
7
|
+
root: IntrinsicSlotProps<'div'>;
|
|
8
8
|
/**
|
|
9
9
|
* The bar indicating the status of the Switch.
|
|
10
10
|
*/
|
|
11
|
-
track:
|
|
11
|
+
track: IntrinsicSlotProps<'div'>;
|
|
12
12
|
/**
|
|
13
13
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
14
14
|
*/
|
|
15
|
-
thumbWrapper:
|
|
15
|
+
thumbWrapper: IntrinsicSlotProps<'div'>;
|
|
16
16
|
/**
|
|
17
17
|
* The circular icon indicating the status of the Switch.
|
|
18
18
|
*/
|
|
19
|
-
thumb:
|
|
19
|
+
thumb: IntrinsicSlotProps<'div'>;
|
|
20
20
|
/**
|
|
21
21
|
* The hidden input that handles the Switch's internal functionality.
|
|
22
22
|
*/
|
|
23
|
-
input:
|
|
23
|
+
input: IntrinsicSlotProps<'input'>;
|
|
24
24
|
/**
|
|
25
25
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
26
26
|
*/
|
|
27
|
-
activeRail:
|
|
27
|
+
activeRail: IntrinsicSlotProps<'div'>;
|
|
28
28
|
};
|
|
29
29
|
export interface SwitchCommons {
|
|
30
30
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.renderSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
@@ -13,7 +13,7 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
const
|
|
16
|
+
const renderSwitch_unstable = state => {
|
|
17
17
|
const {
|
|
18
18
|
slots,
|
|
19
19
|
slotProps
|
|
@@ -27,5 +27,5 @@ const renderSwitch = state => {
|
|
|
27
27
|
}));
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
exports.
|
|
30
|
+
exports.renderSwitch_unstable = renderSwitch_unstable;
|
|
31
31
|
//# sourceMappingURL=renderSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,CAFF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CALF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ import type { SwitchProps, SwitchState } from './Switch.types';
|
|
|
3
3
|
/**
|
|
4
4
|
* Given user props, returns state and render function for a Switch.
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
8
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
9
|
|
|
@@ -13,7 +13,7 @@ const useSwitchState_1 = /*#__PURE__*/require("./useSwitchState");
|
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
const
|
|
16
|
+
const useSwitch_unstable = (props, ref) => {
|
|
17
17
|
const {
|
|
18
18
|
track,
|
|
19
19
|
thumbWrapper,
|
|
@@ -66,5 +66,5 @@ const useSwitch = (props, ref) => {
|
|
|
66
66
|
return state;
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
exports.
|
|
69
|
+
exports.useSwitch_unstable = useSwitch_unstable;
|
|
70
70
|
//# sourceMappingURL=useSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACjG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,MAAtB,EAA8B;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,iBAAA,CAAA,KAAA,CAAM,SAAN,EAAiB,KAAK,CAAC,EAAvB;AAH8B,KAA9B,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,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ export declare const switchClassName = "fui-Switch";
|
|
|
3
3
|
/**
|
|
4
4
|
* Apply styling to the Switch slots based on the state
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useSwitchStyles_unstable = exports.switchClassName = void 0;
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
10
10
|
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
11
11
|
|
|
@@ -18,7 +18,7 @@ const thumbClassName = `${exports.switchClassName}-thumb`;
|
|
|
18
18
|
* Styles for the root slot
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
|
-
const useRootStyles = /*#__PURE__*/
|
|
21
|
+
const useRootStyles = /*#__PURE__*/react_1.__styles({
|
|
22
22
|
"root": {
|
|
23
23
|
"B64q66w": "frxo1y7",
|
|
24
24
|
"yvbau0": "fe5s2ct",
|
|
@@ -77,7 +77,7 @@ const useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
77
77
|
*/
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
const useTrackStyles = /*#__PURE__*/
|
|
80
|
+
const useTrackStyles = /*#__PURE__*/react_1.__styles({
|
|
81
81
|
"track": {
|
|
82
82
|
"qhf8xq": "f1euv43f",
|
|
83
83
|
"a9b677": "fly5x3f",
|
|
@@ -171,7 +171,7 @@ const useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
171
171
|
*/
|
|
172
172
|
|
|
173
173
|
|
|
174
|
-
const useThumbWrapperStyles = /*#__PURE__*/
|
|
174
|
+
const useThumbWrapperStyles = /*#__PURE__*/react_1.__styles({
|
|
175
175
|
"thumbWrapper": {
|
|
176
176
|
"qhf8xq": "f1euv43f",
|
|
177
177
|
"Bhzewxz": "f15twtuk",
|
|
@@ -189,7 +189,7 @@ const useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
189
189
|
*/
|
|
190
190
|
|
|
191
191
|
|
|
192
|
-
const useThumbStyles = /*#__PURE__*/
|
|
192
|
+
const useThumbStyles = /*#__PURE__*/react_1.__styles({
|
|
193
193
|
"thumb": {
|
|
194
194
|
"qhf8xq": "f1euv43f",
|
|
195
195
|
"a9b677": "fcjrtee",
|
|
@@ -261,7 +261,7 @@ const useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
261
261
|
*/
|
|
262
262
|
|
|
263
263
|
|
|
264
|
-
const useActiveRailStyles = /*#__PURE__*/
|
|
264
|
+
const useActiveRailStyles = /*#__PURE__*/react_1.__styles({
|
|
265
265
|
"activeRail": {
|
|
266
266
|
"qhf8xq": "f1euv43f",
|
|
267
267
|
"oyh7mz": ["fhpx7ww", "f1kctpth"],
|
|
@@ -275,7 +275,7 @@ const useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
275
275
|
*/
|
|
276
276
|
|
|
277
277
|
|
|
278
|
-
const useInputStyle = /*#__PURE__*/
|
|
278
|
+
const useInputStyle = /*#__PURE__*/react_1.__styles({
|
|
279
279
|
"input": {
|
|
280
280
|
"abs64n": "fk73vx1",
|
|
281
281
|
"qhf8xq": "f1euv43f",
|
|
@@ -300,7 +300,7 @@ const useInputStyle = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
300
300
|
*/
|
|
301
301
|
|
|
302
302
|
|
|
303
|
-
const
|
|
303
|
+
const useSwitchStyles_unstable = state => {
|
|
304
304
|
const {
|
|
305
305
|
checked,
|
|
306
306
|
disabled
|
|
@@ -311,14 +311,14 @@ const useSwitchStyles = state => {
|
|
|
311
311
|
const thumbStyles = useThumbStyles();
|
|
312
312
|
const activeRailStyles = useActiveRailStyles();
|
|
313
313
|
const inputStyles = useInputStyle();
|
|
314
|
-
state.root.className =
|
|
315
|
-
state.track.className =
|
|
316
|
-
state.thumbWrapper.className =
|
|
317
|
-
state.thumb.className =
|
|
318
|
-
state.activeRail.className =
|
|
319
|
-
state.input.className =
|
|
314
|
+
state.root.className = react_1.mergeClasses(exports.switchClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && rootStyles.checked, !disabled && rootStyles.unchecked, disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
|
|
315
|
+
state.track.className = react_1.mergeClasses(trackClassName, trackStyles.track, !disabled && trackStyles.checked, !disabled && trackStyles.unchecked, disabled && trackStyles.disabledChecked, disabled && trackStyles.disabledUnchecked, state.track.className);
|
|
316
|
+
state.thumbWrapper.className = react_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
|
|
317
|
+
state.thumb.className = react_1.mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && thumbStyles.checked, !disabled && thumbStyles.unchecked, disabled && thumbStyles.disabledChecked, disabled && thumbStyles.disabledUnchecked, state.thumb.className);
|
|
318
|
+
state.activeRail.className = react_1.mergeClasses(activeRailStyles.activeRail, state.activeRail.className);
|
|
319
|
+
state.input.className = react_1.mergeClasses(inputStyles.input, state.input.className);
|
|
320
320
|
return state;
|
|
321
321
|
};
|
|
322
322
|
|
|
323
|
-
exports.
|
|
323
|
+
exports.useSwitchStyles_unstable = useSwitchStyles_unstable;
|
|
324
324
|
//# sourceMappingURL=useSwitchStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACb,MAAM,cAAc,GAAG,GAAG,OAAA,CAAA,eAAe,QAAzC;AACA,MAAM,cAAc,GAAG,GAAG,OAAA,CAAA,eAAe,QAAzC;AAEA;;AAEG;;AACH,MAAM,aAAa,gBAAG,OAAA,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;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;AA0DA;;AAEG;;;AACH,MAAM,cAAc,gBAAG,OAAA,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;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;AAgEA;;AAEG;;;AACH,MAAM,qBAAqB,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA9B;AAYA;;AAEG;;;AACH,MAAM,cAAc,gBAAG,OAAA,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;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;AAgEA;;AAEG;;;AACH,MAAM,mBAAmB,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;AAQA;;AAEG;;;AACH,MAAM,aAAa,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;AAaA;;AAEG;;;AACI,MAAM,wBAAwB,GAAI,KAAD,IAAoC;AAC1E,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA;AAAX,MAAwB,KAAK,CAAC,KAApC;AAEA,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,WAAW,GAAG,cAAc,EAAlC;AACA,QAAM,kBAAkB,GAAG,qBAAqB,EAAhD;AACA,QAAM,WAAW,GAAG,cAAc,EAAlC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,WAAW,GAAG,aAAa,EAAjC;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,eAAA,IAAmB,OAAO,GAAG,UAAH,GAAgB,EAA1C,CADqB,EAErB,UAAU,CAAC,IAFU,EAGrB,UAAU,CAAC,cAHU,EAIrB,CAAC,QAAD,IAAa,UAAU,CAAC,OAJH,EAKrB,CAAC,QAAD,IAAa,UAAU,CAAC,SALH,EAMrB,QAAQ,GAAG,UAAU,CAAC,QAAd,GAAyB,UAAU,CAAC,OANvB,EAOrB,KAAK,CAAC,IAAN,CAAW,SAPU,CAAvB;AAUA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,OAAA,CAAA,YAAA,CACtB,cADsB,EAEtB,WAAW,CAAC,KAFU,EAGtB,CAAC,QAAD,IAAa,WAAW,CAAC,OAHH,EAItB,CAAC,QAAD,IAAa,WAAW,CAAC,SAJH,EAKtB,QAAQ,IAAI,WAAW,CAAC,eALF,EAMtB,QAAQ,IAAI,WAAW,CAAC,iBANF,EAOtB,KAAK,CAAC,KAAN,CAAY,SAPU,CAAxB;AAUA,EAAA,KAAK,CAAC,YAAN,CAAmB,SAAnB,GAA+B,OAAA,CAAA,YAAA,CAAa,kBAAkB,CAAC,YAAhC,EAA8C,KAAK,CAAC,YAAN,CAAmB,SAAjE,CAA/B;AAEA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,OAAA,CAAA,YAAA,CACtB,cADsB,EAEtB,WAAW,CAAC,KAFU,EAGtB,CAAC,QAAD,IAAa,WAAW,CAAC,OAHH,EAItB,CAAC,QAAD,IAAa,WAAW,CAAC,SAJH,EAKtB,QAAQ,IAAI,WAAW,CAAC,eALF,EAMtB,QAAQ,IAAI,WAAW,CAAC,iBANF,EAOtB,KAAK,CAAC,KAAN,CAAY,SAPU,CAAxB;AAUA,EAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,OAAA,CAAA,YAAA,CAAa,gBAAgB,CAAC,UAA9B,EAA0C,KAAK,CAAC,UAAN,CAAiB,SAA3D,CAA7B;AAEA,EAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,OAAA,CAAA,YAAA,CAAa,WAAW,CAAC,KAAzB,EAAgC,KAAK,CAAC,KAAN,CAAY,SAA5C,CAAxB;AAEA,SAAO,KAAP;AACD,CA/CM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-switch",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
4
4
|
"description": "Fluent UI React Switch component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,11 +26,9 @@
|
|
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
|
|
30
29
|
"@fluentui/eslint-plugin": "*",
|
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
|
|
32
30
|
"@fluentui/react-conformance": "*",
|
|
33
|
-
"@fluentui/react-conformance-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
34
32
|
"@fluentui/scripts": "^1.0.0",
|
|
35
33
|
"@types/enzyme": "3.10.3",
|
|
36
34
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,10 +42,10 @@
|
|
|
44
42
|
"react-test-renderer": "^16.3.0"
|
|
45
43
|
},
|
|
46
44
|
"dependencies": {
|
|
47
|
-
"@fluentui/react-
|
|
48
|
-
"@fluentui/react-
|
|
49
|
-
"@fluentui/react-
|
|
50
|
-
"@
|
|
45
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
46
|
+
"@fluentui/react-tabster": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
47
|
+
"@fluentui/react-utilities": "0.0.0-nightlye0b8e1fa6920220128.1",
|
|
48
|
+
"@griffel/react": "1.0.0",
|
|
51
49
|
"tslib": "^2.1.0"
|
|
52
50
|
},
|
|
53
51
|
"peerDependencies": {
|