@fluentui/react-button 0.0.0-nightlybc5ff01fb020211104.1 → 0.0.0-nightlyd3bf09bf8120211201.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +164 -26
- package/CHANGELOG.md +47 -14
- package/dist/react-button.d.ts +4 -1
- package/lib/components/Button/useButtonStyles.js +94 -60
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +4 -3
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.d.ts +5 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +31 -31
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +93 -59
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +3 -2
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +5 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +30 -30
- package/package.json +10 -12
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,GAAkB,YAAlB,C,CAEb;AACA;;AACa,OAAA,CAAA,aAAA,GAAgB;AAC3B,EAAA,QAAQ,EAAE,KADiB;AAE3B,EAAA,OAAO,EAAE,KAFkB;AAG3B,EAAA,KAAK,EAAE,KAHoB;AAI3B,EAAA,MAAM,EAAE,KAJmB;AAK3B,EAAA,KAAK,EAAE,MALoB;AAM3B,EAAA,MAAM,EAAE;AANmB,CAAhB;;AASb,MAAM,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;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;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;;
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -16,7 +16,8 @@ const CompoundButtonClassNames = {
|
|
16
16
|
|
17
17
|
const useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
18
18
|
"base": {
|
19
|
-
"
|
19
|
+
"i8kkvl": "f4akndk",
|
20
|
+
"Belr9w4": "fe5j3v",
|
20
21
|
"Bqenvij": "f11ysow2",
|
21
22
|
"Bma4kx5": "f900oq5",
|
22
23
|
"l15nfm": "f8rpug0",
|
@@ -68,7 +69,7 @@ const useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
68
69
|
"n4n7rj": "f1xrf5v0"
|
69
70
|
}
|
70
71
|
}, {
|
71
|
-
"d": [".
|
72
|
+
"d": [".f4akndk{-webkit-column-gap:12px;column-gap:12px;}", ".fe5j3v{row-gap:12px;}", ".f11ysow2{height:auto;}", ".f900oq5 .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForeground2);}", ".f1ur7rb7 .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".fp9bwmr{padding-top:8px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f150uoa4{padding-bottom:8px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fj9njph .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
|
72
73
|
"h": [".f8rpug0:hover .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForeground2Hover);}", ".f1itoici:hover .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f1l9nom2:hover .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForeground2BrandHover);}", ".fr13fpv:hover .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
|
73
74
|
"a": [".fre7xro:active .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForeground2Pressed);}", ".f1uen3ov:active .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".fvjq8kx:active .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}", ".f1xrf5v0:active .fui-CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"]
|
74
75
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CompoundButton/useCompoundButtonStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb,MAAM,wBAAwB,GAAG;AAC/B,EAAA,gBAAgB,EAAE,GAAG,OAAA,CAAA,uBAAuB;AADb,CAAjC;;AAIA,MAAM,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;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;;AAwHA,MAAM,qBAAqB,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,EAA9B;;AAsBA,MAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AASA,MAAM,yBAAyB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlC;;AASA,MAAM,yBAAyB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlC;;AAoBO,MAAM,uBAAuB,GAAI,KAAD,IAAoD;AACzF,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,kBAAkB,GAAG,qBAAqB,EAAhD;AACA,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,sBAAsB,GAAG,yBAAyB,EAAxD;AACA,QAAM,sBAAsB,GAAG,yBAAyB,EAAxD;AAEA,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,iBAAxB;AAA2C,IAAA,QAA3C;AAAqD,IAAA;AAArD,MAA8D,KAApE;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,uBADqB,EAGrB;AACA,EAAA,UAAU,CAAC,IAJU,EAKrB,UAAU,IAAI,UAAU,CAAC,UAAD,CALH,EAMrB,UAAU,CAAC,IAAD,CANW,EAQrB;AACA,GAAC,QAAQ,IAAI,iBAAb,KAAmC,UAAU,CAAC,QATzB,EAWrB;AACA,EAAA,QAAQ,IAAI,kBAAkB,CAAC,IAAD,CAZT,EAcrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAfU,CAAvB;;AAkBA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,UAAU,CAAC,IAAxB,EAA8B,KAAK,CAAC,IAAN,CAAW,SAAzC,CAAvB;AACD;;AAED,EAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CAAa,sBAAsB,CAAC,IAApC,EAA0C,KAAK,CAAC,gBAAN,CAAuB,SAAjE,CAAnC;;AAEA,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CACjC,wBAAwB,CAAC,gBADQ,EAEjC,sBAAsB,CAAC,IAFU,EAGjC,sBAAsB,CAAC,IAAD,CAHW,EAIjC,KAAK,CAAC,gBAAN,CAAuB,SAJU,CAAnC;AAMD;;AAED,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,KAAP;AACD,CA7CM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
|
1
|
+
{"version":3,"sources":["../../../src/components/CompoundButton/useCompoundButtonStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,6 +1,9 @@
|
|
1
|
-
import
|
1
|
+
import * as React from 'react';
|
2
2
|
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
3
3
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
4
|
+
declare type MenuTriggerChildProps = Pick<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'> & {
|
5
|
+
ref?: React.Ref<never>;
|
6
|
+
};
|
4
7
|
export declare type MenuButtonSlots = ButtonSlots & {
|
5
8
|
/**
|
6
9
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
@@ -9,3 +12,4 @@ export declare type MenuButtonSlots = ButtonSlots & {
|
|
9
12
|
};
|
10
13
|
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
|
11
14
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
15
|
+
export {};
|
@@ -13,7 +13,7 @@ exports.toggleButtonClassName = 'fui-ToggleButton';
|
|
13
13
|
|
14
14
|
const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
15
|
"base": {
|
16
|
-
"
|
16
|
+
"De3pzq": "f1nfm20t",
|
17
17
|
"g2u3we": "fj3muxo",
|
18
18
|
"h3c5rm": ["f1akhkt", "f1lxtadh"],
|
19
19
|
"B9xav0g": "f1aperda",
|
@@ -23,13 +23,13 @@ const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
23
23
|
"Bekrc4i": ["f5tn483", "f1ojsxk5"],
|
24
24
|
"Bn0qgzm": "f1vxd6vx",
|
25
25
|
"ibv6hh": ["f1ojsxk5", "f5tn483"],
|
26
|
-
"
|
26
|
+
"Jwef8y": "f1knas48",
|
27
27
|
"Bgoe8wy": "fvcxoqz",
|
28
28
|
"Bwzppfd": ["f1ub3y4t", "f1m52nbi"],
|
29
29
|
"oetu4i": "f1xlaoq0",
|
30
30
|
"gg5e9n": ["f1m52nbi", "f1ub3y4t"],
|
31
31
|
"Bi91k9c": "fax3udt",
|
32
|
-
"
|
32
|
+
"ecr2s2": "fb40n2d",
|
33
33
|
"B6oc9vd": "fvs00aa",
|
34
34
|
"ak43y8": ["f1assf6x", "f4ruux4"],
|
35
35
|
"wmxk5l": "fumykes",
|
@@ -37,24 +37,24 @@ const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
37
37
|
"lj723h": "f1r2dosr"
|
38
38
|
},
|
39
39
|
"outline": {
|
40
|
-
"
|
41
|
-
"
|
42
|
-
"
|
40
|
+
"De3pzq": "f1q9pm1r",
|
41
|
+
"Jwef8y": "fjxutwb",
|
42
|
+
"ecr2s2": "fophhak"
|
43
43
|
},
|
44
44
|
"primary": {
|
45
|
-
"
|
45
|
+
"De3pzq": "f8w4g0q",
|
46
46
|
"g2u3we": "f1p3nwhy",
|
47
47
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
48
48
|
"B9xav0g": "f1q5o8ev",
|
49
49
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
50
50
|
"sj55zd": "f1phragk",
|
51
|
-
"
|
51
|
+
"Jwef8y": "f15wkkf3",
|
52
52
|
"Bgoe8wy": "f1s2uweq",
|
53
53
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
54
54
|
"oetu4i": "f1ukrpxl",
|
55
55
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
56
56
|
"Bi91k9c": "f1rq72xc",
|
57
|
-
"
|
57
|
+
"ecr2s2": "fsp1bjw",
|
58
58
|
"B6oc9vd": "ff472gp",
|
59
59
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
60
60
|
"wmxk5l": "fggejwh",
|
@@ -62,19 +62,19 @@ const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
62
62
|
"lj723h": "f18otbis"
|
63
63
|
},
|
64
64
|
"subtle": {
|
65
|
-
"
|
65
|
+
"De3pzq": "fq5gl1p",
|
66
66
|
"g2u3we": "f1p3nwhy",
|
67
67
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
68
68
|
"B9xav0g": "f1q5o8ev",
|
69
69
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
70
70
|
"sj55zd": "f1qj7y59",
|
71
|
-
"
|
71
|
+
"Jwef8y": "f1t94bn6",
|
72
72
|
"Bgoe8wy": "f1s2uweq",
|
73
73
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
74
74
|
"oetu4i": "f1ukrpxl",
|
75
75
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
76
76
|
"Bi91k9c": "f139oj5f",
|
77
|
-
"
|
77
|
+
"ecr2s2": "f1wfn5kd",
|
78
78
|
"B6oc9vd": "ff472gp",
|
79
79
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
80
80
|
"wmxk5l": "fggejwh",
|
@@ -82,19 +82,19 @@ const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
82
82
|
"lj723h": "f19au66r"
|
83
83
|
},
|
84
84
|
"transparent": {
|
85
|
-
"
|
85
|
+
"De3pzq": "f1q9pm1r",
|
86
86
|
"g2u3we": "f1p3nwhy",
|
87
87
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
88
88
|
"B9xav0g": "f1q5o8ev",
|
89
89
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
90
90
|
"sj55zd": "f1qj7y59",
|
91
|
-
"
|
91
|
+
"Jwef8y": "fjxutwb",
|
92
92
|
"Bgoe8wy": "f1s2uweq",
|
93
93
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
94
94
|
"oetu4i": "f1ukrpxl",
|
95
95
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
96
96
|
"Bi91k9c": "f139oj5f",
|
97
|
-
"
|
97
|
+
"ecr2s2": "fophhak",
|
98
98
|
"B6oc9vd": "ff472gp",
|
99
99
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
100
100
|
"wmxk5l": "fggejwh",
|
@@ -102,26 +102,26 @@ const useCheckedStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
102
102
|
"lj723h": "f19au66r"
|
103
103
|
}
|
104
104
|
}, {
|
105
|
-
"d": [".
|
106
|
-
"h": [".
|
107
|
-
"a": [".
|
105
|
+
"d": [".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
|
106
|
+
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".fax3udt:hover{color:var(--colorNeutralForeground1);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}"],
|
107
|
+
"a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}", ".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fumykes:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f1r2dosr:active{color:var(--colorNeutralForeground1);}", ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}", ".fsp1bjw:active{background-color:var(--colorBrandBackgroundPressed);}", ".ff472gp:active{border-top-color:transparent;}", ".f4yyc7m:active{border-right-color:transparent;}", ".ft2aflc:active{border-left-color:transparent;}", ".fggejwh:active{border-bottom-color:transparent;}", ".f18otbis:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}"]
|
108
108
|
});
|
109
109
|
|
110
110
|
const useDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
111
111
|
"base": {
|
112
|
-
"
|
112
|
+
"De3pzq": "f1bg9a2p",
|
113
113
|
"g2u3we": "f1jj8ep1",
|
114
114
|
"h3c5rm": ["f15xbau", "fy0fskl"],
|
115
115
|
"B9xav0g": "f4ikngz",
|
116
116
|
"zhjwy3": ["fy0fskl", "f15xbau"],
|
117
117
|
"sj55zd": "f1s2aq7o",
|
118
|
-
"
|
118
|
+
"Jwef8y": "f1falr9n",
|
119
119
|
"Bgoe8wy": "f12mpcsy",
|
120
120
|
"Bwzppfd": ["f1gwvigk", "f18rmfxp"],
|
121
121
|
"oetu4i": "f1jnshp0",
|
122
122
|
"gg5e9n": ["f18rmfxp", "f1gwvigk"],
|
123
123
|
"Bi91k9c": "fvgxktp",
|
124
|
-
"
|
124
|
+
"ecr2s2": "f1ryyzvn",
|
125
125
|
"B6oc9vd": "fdi4vxw",
|
126
126
|
"ak43y8": ["f4ryxzl", "fkdgpbx"],
|
127
127
|
"wmxk5l": "fcmhn06",
|
@@ -144,43 +144,43 @@ const useDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
144
144
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
145
145
|
},
|
146
146
|
"subtle": {
|
147
|
-
"
|
147
|
+
"De3pzq": "f3rmtva",
|
148
148
|
"g2u3we": "f1p3nwhy",
|
149
149
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
150
150
|
"B9xav0g": "f1q5o8ev",
|
151
151
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
152
|
-
"
|
152
|
+
"Jwef8y": "f1cio4g9",
|
153
153
|
"Bgoe8wy": "f1s2uweq",
|
154
154
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
155
155
|
"oetu4i": "f1ukrpxl",
|
156
156
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
157
|
-
"
|
157
|
+
"ecr2s2": "f1rot6hk",
|
158
158
|
"B6oc9vd": "ff472gp",
|
159
159
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
160
160
|
"wmxk5l": "fggejwh",
|
161
161
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
162
162
|
},
|
163
163
|
"transparent": {
|
164
|
-
"
|
164
|
+
"De3pzq": "f3rmtva",
|
165
165
|
"g2u3we": "f1p3nwhy",
|
166
166
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
167
167
|
"B9xav0g": "f1q5o8ev",
|
168
168
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
169
|
-
"
|
169
|
+
"Jwef8y": "f1cio4g9",
|
170
170
|
"Bgoe8wy": "f1s2uweq",
|
171
171
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
172
172
|
"oetu4i": "f1ukrpxl",
|
173
173
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
174
|
-
"
|
174
|
+
"ecr2s2": "f1rot6hk",
|
175
175
|
"B6oc9vd": "ff472gp",
|
176
176
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
177
177
|
"wmxk5l": "fggejwh",
|
178
178
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
179
179
|
}
|
180
180
|
}, {
|
181
|
-
"d": [".
|
182
|
-
"h": [".
|
183
|
-
"a": [".
|
181
|
+
"d": [".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f3rmtva{background-color:transparent;}"],
|
182
|
+
"h": [".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1cio4g9:hover{background-color:transparent;}"],
|
183
|
+
"a": [".f1ryyzvn:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".fdi4vxw:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f4ryxzl:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fkdgpbx:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fcmhn06:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}", ".ff472gp:active{border-top-color:transparent;}", ".f4yyc7m:active{border-right-color:transparent;}", ".ft2aflc:active{border-left-color:transparent;}", ".fggejwh:active{border-bottom-color:transparent;}", ".f1rot6hk:active{background-color:transparent;}"]
|
184
184
|
});
|
185
185
|
|
186
186
|
const useToggleButtonStyles = state => {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-button",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlyd3bf09bf8120211201.1",
|
4
4
|
"description": "Fluent UI React Button component.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -26,12 +26,11 @@
|
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"@fluentui/a11y-testing": "^0.1.0",
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
29
|
+
"@fluentui/babel-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
31
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
|
32
32
|
"@fluentui/react-conformance": "*",
|
33
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
34
|
-
"@fluentui/react-menu": "0.0.0-nightlybc5ff01fb020211104.1",
|
33
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
|
35
34
|
"@fluentui/scripts": "^1.0.0",
|
36
35
|
"@types/enzyme": "3.10.3",
|
37
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -45,12 +44,12 @@
|
|
45
44
|
"react-test-renderer": "^16.3.0"
|
46
45
|
},
|
47
46
|
"dependencies": {
|
48
|
-
"@fluentui/keyboard-keys": "0.0.0-
|
49
|
-
"@fluentui/react-aria": "0.0.0-
|
50
|
-
"@fluentui/react-icons": "^
|
51
|
-
"@fluentui/react-make-styles": "0.0.0-
|
52
|
-
"@fluentui/react-tabster": "0.0.0-
|
53
|
-
"@fluentui/react-utilities": "0.0.0-
|
47
|
+
"@fluentui/keyboard-keys": "0.0.0-nightlyd3bf09bf8120211201.1",
|
48
|
+
"@fluentui/react-aria": "0.0.0-nightlyd3bf09bf8120211201.1",
|
49
|
+
"@fluentui/react-icons": "^2.0.152-beta.3",
|
50
|
+
"@fluentui/react-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
|
51
|
+
"@fluentui/react-tabster": "0.0.0-nightlyd3bf09bf8120211201.1",
|
52
|
+
"@fluentui/react-utilities": "0.0.0-nightlyd3bf09bf8120211201.1",
|
54
53
|
"tslib": "^2.1.0"
|
55
54
|
},
|
56
55
|
"peerDependencies": {
|
@@ -60,7 +59,6 @@
|
|
60
59
|
"react-dom": ">=16.8.0 <18.0.0"
|
61
60
|
},
|
62
61
|
"beachball": {
|
63
|
-
"tag": "beta",
|
64
62
|
"disallowedChangeTypes": [
|
65
63
|
"major",
|
66
64
|
"minor",
|