@fluentui/react-button 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyf8be6a7c6520220106.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +166 -26
- package/CHANGELOG.md +48 -14
- package/dist/react-button.d.ts +4 -1
- package/lib/components/Button/renderButton.js +4 -1
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +2 -1
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.js +94 -60
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +6 -1
- package/lib/components/CompoundButton/renderCompoundButton.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/MenuButton/renderMenuButton.js +4 -1
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js +4 -1
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +31 -31
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js +4 -1
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +2 -1
- package/lib-commonjs/components/Button/useButton.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/renderCompoundButton.js +6 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.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/MenuButton/renderMenuButton.js +4 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js +4 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +30 -30
- package/package.json +14 -15
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -13
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -24
- package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1,10 +1,10 @@
|
|
1
|
-
import { mergeClasses, __styles } from '@fluentui/react-make-styles';
|
1
|
+
import { shorthands, mergeClasses, __styles } from '@fluentui/react-make-styles';
|
2
2
|
import { useButtonStyles } from '../Button/useButtonStyles';
|
3
3
|
export const toggleButtonClassName = 'fui-ToggleButton';
|
4
4
|
|
5
5
|
const useCheckedStyles = /*#__PURE__*/__styles({
|
6
6
|
"base": {
|
7
|
-
"
|
7
|
+
"De3pzq": "f1nfm20t",
|
8
8
|
"g2u3we": "fj3muxo",
|
9
9
|
"h3c5rm": ["f1akhkt", "f1lxtadh"],
|
10
10
|
"B9xav0g": "f1aperda",
|
@@ -14,13 +14,13 @@ const useCheckedStyles = /*#__PURE__*/__styles({
|
|
14
14
|
"Bekrc4i": ["f5tn483", "f1ojsxk5"],
|
15
15
|
"Bn0qgzm": "f1vxd6vx",
|
16
16
|
"ibv6hh": ["f1ojsxk5", "f5tn483"],
|
17
|
-
"
|
17
|
+
"Jwef8y": "f1knas48",
|
18
18
|
"Bgoe8wy": "fvcxoqz",
|
19
19
|
"Bwzppfd": ["f1ub3y4t", "f1m52nbi"],
|
20
20
|
"oetu4i": "f1xlaoq0",
|
21
21
|
"gg5e9n": ["f1m52nbi", "f1ub3y4t"],
|
22
22
|
"Bi91k9c": "fax3udt",
|
23
|
-
"
|
23
|
+
"ecr2s2": "fb40n2d",
|
24
24
|
"B6oc9vd": "fvs00aa",
|
25
25
|
"ak43y8": ["f1assf6x", "f4ruux4"],
|
26
26
|
"wmxk5l": "fumykes",
|
@@ -28,24 +28,24 @@ const useCheckedStyles = /*#__PURE__*/__styles({
|
|
28
28
|
"lj723h": "f1r2dosr"
|
29
29
|
},
|
30
30
|
"outline": {
|
31
|
-
"
|
32
|
-
"
|
33
|
-
"
|
31
|
+
"De3pzq": "f1q9pm1r",
|
32
|
+
"Jwef8y": "fjxutwb",
|
33
|
+
"ecr2s2": "fophhak"
|
34
34
|
},
|
35
35
|
"primary": {
|
36
|
-
"
|
36
|
+
"De3pzq": "f8w4g0q",
|
37
37
|
"g2u3we": "f1p3nwhy",
|
38
38
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
39
39
|
"B9xav0g": "f1q5o8ev",
|
40
40
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
41
41
|
"sj55zd": "f1phragk",
|
42
|
-
"
|
42
|
+
"Jwef8y": "f15wkkf3",
|
43
43
|
"Bgoe8wy": "f1s2uweq",
|
44
44
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
45
45
|
"oetu4i": "f1ukrpxl",
|
46
46
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
47
47
|
"Bi91k9c": "f1rq72xc",
|
48
|
-
"
|
48
|
+
"ecr2s2": "fsp1bjw",
|
49
49
|
"B6oc9vd": "ff472gp",
|
50
50
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
51
51
|
"wmxk5l": "fggejwh",
|
@@ -53,19 +53,19 @@ const useCheckedStyles = /*#__PURE__*/__styles({
|
|
53
53
|
"lj723h": "f18otbis"
|
54
54
|
},
|
55
55
|
"subtle": {
|
56
|
-
"
|
56
|
+
"De3pzq": "fq5gl1p",
|
57
57
|
"g2u3we": "f1p3nwhy",
|
58
58
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
59
59
|
"B9xav0g": "f1q5o8ev",
|
60
60
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
61
61
|
"sj55zd": "f1qj7y59",
|
62
|
-
"
|
62
|
+
"Jwef8y": "f1t94bn6",
|
63
63
|
"Bgoe8wy": "f1s2uweq",
|
64
64
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
65
65
|
"oetu4i": "f1ukrpxl",
|
66
66
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
67
67
|
"Bi91k9c": "f139oj5f",
|
68
|
-
"
|
68
|
+
"ecr2s2": "f1wfn5kd",
|
69
69
|
"B6oc9vd": "ff472gp",
|
70
70
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
71
71
|
"wmxk5l": "fggejwh",
|
@@ -73,19 +73,19 @@ const useCheckedStyles = /*#__PURE__*/__styles({
|
|
73
73
|
"lj723h": "f19au66r"
|
74
74
|
},
|
75
75
|
"transparent": {
|
76
|
-
"
|
76
|
+
"De3pzq": "f1q9pm1r",
|
77
77
|
"g2u3we": "f1p3nwhy",
|
78
78
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
79
79
|
"B9xav0g": "f1q5o8ev",
|
80
80
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
81
81
|
"sj55zd": "f1qj7y59",
|
82
|
-
"
|
82
|
+
"Jwef8y": "fjxutwb",
|
83
83
|
"Bgoe8wy": "f1s2uweq",
|
84
84
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
85
85
|
"oetu4i": "f1ukrpxl",
|
86
86
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
87
87
|
"Bi91k9c": "f139oj5f",
|
88
|
-
"
|
88
|
+
"ecr2s2": "fophhak",
|
89
89
|
"B6oc9vd": "ff472gp",
|
90
90
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
91
91
|
"wmxk5l": "fggejwh",
|
@@ -93,26 +93,26 @@ const useCheckedStyles = /*#__PURE__*/__styles({
|
|
93
93
|
"lj723h": "f19au66r"
|
94
94
|
}
|
95
95
|
}, {
|
96
|
-
"d": [".
|
97
|
-
"h": [".
|
98
|
-
"a": [".
|
96
|
+
"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);}"],
|
97
|
+
"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);}"],
|
98
|
+
"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);}"]
|
99
99
|
});
|
100
100
|
|
101
101
|
const useDisabledStyles = /*#__PURE__*/__styles({
|
102
102
|
"base": {
|
103
|
-
"
|
103
|
+
"De3pzq": "f1bg9a2p",
|
104
104
|
"g2u3we": "f1jj8ep1",
|
105
105
|
"h3c5rm": ["f15xbau", "fy0fskl"],
|
106
106
|
"B9xav0g": "f4ikngz",
|
107
107
|
"zhjwy3": ["fy0fskl", "f15xbau"],
|
108
108
|
"sj55zd": "f1s2aq7o",
|
109
|
-
"
|
109
|
+
"Jwef8y": "f1falr9n",
|
110
110
|
"Bgoe8wy": "f12mpcsy",
|
111
111
|
"Bwzppfd": ["f1gwvigk", "f18rmfxp"],
|
112
112
|
"oetu4i": "f1jnshp0",
|
113
113
|
"gg5e9n": ["f18rmfxp", "f1gwvigk"],
|
114
114
|
"Bi91k9c": "fvgxktp",
|
115
|
-
"
|
115
|
+
"ecr2s2": "f1ryyzvn",
|
116
116
|
"B6oc9vd": "fdi4vxw",
|
117
117
|
"ak43y8": ["f4ryxzl", "fkdgpbx"],
|
118
118
|
"wmxk5l": "fcmhn06",
|
@@ -135,43 +135,43 @@ const useDisabledStyles = /*#__PURE__*/__styles({
|
|
135
135
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
136
136
|
},
|
137
137
|
"subtle": {
|
138
|
-
"
|
138
|
+
"De3pzq": "f3rmtva",
|
139
139
|
"g2u3we": "f1p3nwhy",
|
140
140
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
141
141
|
"B9xav0g": "f1q5o8ev",
|
142
142
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
143
|
-
"
|
143
|
+
"Jwef8y": "f1cio4g9",
|
144
144
|
"Bgoe8wy": "f1s2uweq",
|
145
145
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
146
146
|
"oetu4i": "f1ukrpxl",
|
147
147
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
148
|
-
"
|
148
|
+
"ecr2s2": "f1rot6hk",
|
149
149
|
"B6oc9vd": "ff472gp",
|
150
150
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
151
151
|
"wmxk5l": "fggejwh",
|
152
152
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
153
153
|
},
|
154
154
|
"transparent": {
|
155
|
-
"
|
155
|
+
"De3pzq": "f3rmtva",
|
156
156
|
"g2u3we": "f1p3nwhy",
|
157
157
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
158
158
|
"B9xav0g": "f1q5o8ev",
|
159
159
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
160
|
-
"
|
160
|
+
"Jwef8y": "f1cio4g9",
|
161
161
|
"Bgoe8wy": "f1s2uweq",
|
162
162
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
163
163
|
"oetu4i": "f1ukrpxl",
|
164
164
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
165
|
-
"
|
165
|
+
"ecr2s2": "f1rot6hk",
|
166
166
|
"B6oc9vd": "ff472gp",
|
167
167
|
"ak43y8": ["f4yyc7m", "ft2aflc"],
|
168
168
|
"wmxk5l": "fggejwh",
|
169
169
|
"B50zh58": ["ft2aflc", "f4yyc7m"]
|
170
170
|
}
|
171
171
|
}, {
|
172
|
-
"d": [".
|
173
|
-
"h": [".
|
174
|
-
"a": [".
|
172
|
+
"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;}"],
|
173
|
+
"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;}"],
|
174
|
+
"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;}"]
|
175
175
|
});
|
176
176
|
|
177
177
|
export const useToggleButtonStyles = state => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ToggleButton/useToggleButtonStyles.ts"],"names":[],"mappings":"AAAA,SAAS,
|
1
|
+
{"version":3,"sources":["../../../src/components/ToggleButton/useToggleButtonStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,6BAArD;AACA,SAAS,eAAT,QAAgC,2BAAhC;AAGA,OAAO,MAAM,qBAAqB,GAAG,kBAA9B;;AAEP,MAAM,gBAAgB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAzB;;AAuFA,MAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AAiEA,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAgD;AACnF,QAAM,aAAa,GAAG,gBAAgB,EAAtC;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,OAAd;AAAuB,IAAA,QAAvB;AAAiC,IAAA;AAAjC,MAAuD,KAA7D;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,qBADiC,EAGjC;AACA,EAAA,OAAO,IAAI,aAAa,CAAC,IAJQ,EAKjC,UAAU,IAAI,OAAd,IAAyB,aAAa,CAAC,UAAD,CALL,EAOjC;AACA,GAAC,QAAQ,IAAI,iBAAb,KAAmC,cAAc,CAAC,IARjB,EASjC,UAAU,KAAK,QAAQ,IAAI,iBAAjB,CAAV,IAAiD,cAAc,CAAC,UAAD,CAT9B,EAWjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAeA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,KAAP;AACD,CAxBM","sourceRoot":""}
|
@@ -22,7 +22,10 @@ const renderButton = state => {
|
|
22
22
|
iconOnly,
|
23
23
|
iconPosition
|
24
24
|
} = state;
|
25
|
-
return React.createElement(slots.root,
|
25
|
+
return React.createElement(slots.root, { ...slotProps.root
|
26
|
+
}, iconPosition !== 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
27
|
+
}), !iconOnly && state.root.children, iconPosition === 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
28
|
+
}));
|
26
29
|
};
|
27
30
|
|
28
31
|
exports.renderButton = renderButton;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,YAAY,GAAI,KAAD,IAAuB;AACjD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,EAA6B,CAAC,MAAD,EAAS,MAAT,CAA7B,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,YAAY,GAAI,KAAD,IAAuB;AACjD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,EAA6B,CAAC,MAAD,EAAS,MAAT,CAA7B,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD/B,EAEG,CAAC,QAAD,IAAa,KAAK,CAAC,IAAN,CAAW,QAF3B,EAGG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAH/B,CADF;AAOD,CAXM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}
|
@@ -49,7 +49,8 @@ const useButton = (props, ref) => {
|
|
49
49
|
defaultProps: {
|
50
50
|
// useARIAButton isn't working with React.Ref<HTMLButtonElement | HTMLAnchorElement>
|
51
51
|
ref: ref,
|
52
|
-
type: 'button'
|
52
|
+
type: 'button' // This is added because the default for type is 'submit'
|
53
|
+
|
53
54
|
}
|
54
55
|
})),
|
55
56
|
icon: iconShorthand
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,SAAS,GAAG,CAAC,KAAD,EAAqB,GAArB,KAA2F;AAClH,QAAM;AACJ,IAAA,UADI;AAEJ,IAAA,EAFI;AAGJ,IAAA,KAAK,GAAG,KAHJ;AAIJ,IAAA,QAAQ,GAAG,KAJP;AAKJ,IAAA,iBAAiB,GAAG,KALhB;AAMJ,IAAA,IANI;AAOJ,IAAA,YAAY,GAAG,QAPX;AAQJ,IAAA,KAAK,GAAG,SARJ;AASJ,IAAA,IAAI,GAAG;AATH,MAUF,KAVJ;AAWA,QAAM,aAAa,GAAG,iBAAA,CAAA,gBAAA,CAAiB,IAAjB,CAAtB;AAEA,SAAO;AACL;AACA,IAAA,UAFK;AAGL,IAAA,KAHK;AAIL,IAAA,QAJK;AAKL,IAAA,iBALK;AAML,IAAA,YANK;AAOL,IAAA,KAPK;AAQL,IAAA,IARK;AAUL;AACA,IAAA,QAAQ,EAAE,OAAO,CAAC,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,QAAf,KAA2B,CAAC,KAAK,CAAC,QAAnC,CAXZ;AAaL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE;AAFI,KAdP;AAmBL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CACJ,EAAE,IAAI,QADF,EAEJ,YAAA,CAAA,aAAA,CAAc,KAAd,EAAqB;AACnB,MAAA,QAAQ,EAAE,IADS;AAEnB,MAAA,YAAY,EAAE;AACZ;AACA,QAAA,GAAG,EAAE,GAFO;AAGZ,QAAA,IAAI,EAAE;
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,SAAS,GAAG,CAAC,KAAD,EAAqB,GAArB,KAA2F;AAClH,QAAM;AACJ,IAAA,UADI;AAEJ,IAAA,EAFI;AAGJ,IAAA,KAAK,GAAG,KAHJ;AAIJ,IAAA,QAAQ,GAAG,KAJP;AAKJ,IAAA,iBAAiB,GAAG,KALhB;AAMJ,IAAA,IANI;AAOJ,IAAA,YAAY,GAAG,QAPX;AAQJ,IAAA,KAAK,GAAG,SARJ;AASJ,IAAA,IAAI,GAAG;AATH,MAUF,KAVJ;AAWA,QAAM,aAAa,GAAG,iBAAA,CAAA,gBAAA,CAAiB,IAAjB,CAAtB;AAEA,SAAO;AACL;AACA,IAAA,UAFK;AAGL,IAAA,KAHK;AAIL,IAAA,QAJK;AAKL,IAAA,iBALK;AAML,IAAA,YANK;AAOL,IAAA,KAPK;AAQL,IAAA,IARK;AAUL;AACA,IAAA,QAAQ,EAAE,OAAO,CAAC,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,QAAf,KAA2B,CAAC,KAAK,CAAC,QAAnC,CAXZ;AAaL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE;AAFI,KAdP;AAmBL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CACJ,EAAE,IAAI,QADF,EAEJ,YAAA,CAAA,aAAA,CAAc,KAAd,EAAqB;AACnB,MAAA,QAAQ,EAAE,IADS;AAEnB,MAAA,YAAY,EAAE;AACZ;AACA,QAAA,GAAG,EAAE,GAFO;AAGZ,QAAA,IAAI,EAAE,QAHM,CAGI;;AAHJ;AAFK,KAArB,CAFI,CAnBD;AA8BL,IAAA,IAAI,EAAE;AA9BD,GAAP;AAgCD,CA9CM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","sourceRoot":""}
|