@fluentui/react-button 0.0.0-nightly-20230103-0425.1 → 0.0.0-nightly-20230104-0423.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 +68 -15
- package/CHANGELOG.md +23 -10
- package/lib/components/Button/useButtonStyles.js +301 -301
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +116 -116
- package/lib/components/MenuButton/useMenuButtonStyles.js +59 -59
- package/lib/components/SplitButton/useSplitButtonStyles.js +56 -56
- package/lib/components/ToggleButton/useToggleButtonStyles.js +240 -240
- package/lib-commonjs/components/Button/useButtonStyles.js +301 -301
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +116 -116
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +59 -59
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +56 -56
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +240 -240
- package/package.json +8 -8
|
@@ -8,150 +8,150 @@ export const compoundButtonClassNames = {
|
|
|
8
8
|
secondaryContent: 'fui-CompoundButton__secondaryContent'
|
|
9
9
|
};
|
|
10
10
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
},
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
11
|
+
base: {
|
|
12
|
+
Bqenvij: "f11ysow2",
|
|
13
|
+
J657lq: "f1um431h",
|
|
14
|
+
Jlnjib: "fte7hqw",
|
|
15
|
+
Bc29nj9: "f1yh8ef3"
|
|
16
|
+
},
|
|
17
|
+
highContrast: {
|
|
18
|
+
pu7qz5: "fi3u9nm",
|
|
19
|
+
B10010i: "f1tdgb9w"
|
|
20
|
+
},
|
|
21
|
+
outline: {},
|
|
22
|
+
primary: {
|
|
23
|
+
J657lq: "foe7gw6",
|
|
24
|
+
Jlnjib: "fvxlz81",
|
|
25
|
+
Bc29nj9: "f1c2mdy"
|
|
26
|
+
},
|
|
27
|
+
secondary: {},
|
|
28
|
+
subtle: {
|
|
29
|
+
J657lq: "f1um431h",
|
|
30
|
+
Jlnjib: "fte7hqw",
|
|
31
|
+
Bc29nj9: "f1yh8ef3"
|
|
32
|
+
},
|
|
33
|
+
transparent: {
|
|
34
|
+
J657lq: "f1um431h",
|
|
35
|
+
Jlnjib: "f1wn9xqz",
|
|
36
|
+
Bc29nj9: "f1a8q4d0"
|
|
37
|
+
},
|
|
38
|
+
small: {
|
|
39
|
+
z8tnut: "f17mpqex",
|
|
40
|
+
z189sj: ["f1vdfbxk", "f1f5gg8d"],
|
|
41
|
+
Byoj8tv: "f1quwm26",
|
|
42
|
+
uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
|
|
43
|
+
Be2twd7: "fkhj508",
|
|
44
|
+
Bg96gwp: "f1i3iumi"
|
|
45
|
+
},
|
|
46
|
+
medium: {
|
|
47
|
+
z8tnut: "fbtff6s",
|
|
48
|
+
z189sj: ["fw5db7e", "f1uw59to"],
|
|
49
|
+
Byoj8tv: "flw3t2g",
|
|
50
|
+
uwmqm3: ["f1uw59to", "fw5db7e"],
|
|
51
|
+
Be2twd7: "fkhj508",
|
|
52
|
+
Bg96gwp: "f1i3iumi"
|
|
53
|
+
},
|
|
54
|
+
large: {
|
|
55
|
+
z8tnut: "fm4bm3s",
|
|
56
|
+
z189sj: ["fjodcmx", "fhx4nu"],
|
|
57
|
+
Byoj8tv: "fdt8xvx",
|
|
58
|
+
uwmqm3: ["fhx4nu", "fjodcmx"],
|
|
59
|
+
Be2twd7: "fod5ikn",
|
|
60
|
+
Bg96gwp: "faaz57k"
|
|
61
|
+
},
|
|
62
|
+
disabled: {
|
|
63
|
+
J657lq: "f1rlv8bf",
|
|
64
|
+
Jlnjib: "fd1dbtm",
|
|
65
|
+
Bc29nj9: "f1vqmdmi"
|
|
66
|
+
},
|
|
67
|
+
disabledHighContrast: {
|
|
68
|
+
B8ia98v: "f1csacz4",
|
|
69
|
+
pu7qz5: "f1s5tkfe",
|
|
70
|
+
B10010i: "fs0rda3"
|
|
71
71
|
}
|
|
72
72
|
}, {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
73
|
+
d: [".f11ysow2{height:auto;}", ".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}", ".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbtff6s{padding-top:14px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".flw3t2g{padding-bottom:var(--spacingHorizontalL);}", ".fm4bm3s{padding-top:18px;}", ".fjodcmx{padding-right:var(--spacingHorizontalL);}", ".fhx4nu{padding-left:var(--spacingHorizontalL);}", ".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
|
|
74
|
+
h: [".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}", ".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}", ".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}", ".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}", ".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}", ".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
|
|
75
|
+
m: [["@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}", {
|
|
76
|
+
m: "(forced-colors: active)"
|
|
77
77
|
}], ["@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}", {
|
|
78
|
-
|
|
78
|
+
m: "(forced-colors: active)"
|
|
79
79
|
}], ["@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}", {
|
|
80
|
-
|
|
80
|
+
m: "(forced-colors: active)"
|
|
81
81
|
}], ["@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}", {
|
|
82
|
-
|
|
82
|
+
m: "(forced-colors: active)"
|
|
83
83
|
}], ["@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}", {
|
|
84
|
-
|
|
84
|
+
m: "(forced-colors: active)"
|
|
85
85
|
}]]
|
|
86
86
|
});
|
|
87
87
|
const useRootIconOnlyStyles = /*#__PURE__*/__styles({
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
},
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
},
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
88
|
+
small: {
|
|
89
|
+
z8tnut: "f1x4af0m",
|
|
90
|
+
z189sj: ["f7x41pl", "fruq291"],
|
|
91
|
+
Byoj8tv: "fd55psn",
|
|
92
|
+
uwmqm3: ["fruq291", "f7x41pl"],
|
|
93
|
+
B2u0y6b: "ft5vyj6",
|
|
94
|
+
Bf4jedk: "f17suaiq"
|
|
95
|
+
},
|
|
96
|
+
medium: {
|
|
97
|
+
z8tnut: "f16k8034",
|
|
98
|
+
z189sj: ["fdw0yi8", "fk8j09s"],
|
|
99
|
+
Byoj8tv: "f1angvds",
|
|
100
|
+
uwmqm3: ["fk8j09s", "fdw0yi8"],
|
|
101
|
+
B2u0y6b: "fdczgix",
|
|
102
|
+
Bf4jedk: "fjdcg9m"
|
|
103
|
+
},
|
|
104
|
+
large: {
|
|
105
|
+
z8tnut: "f17mpqex",
|
|
106
|
+
z189sj: ["f1vdfbxk", "f1f5gg8d"],
|
|
107
|
+
Byoj8tv: "fdvome7",
|
|
108
|
+
uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
|
|
109
|
+
B2u0y6b: "fww51uw",
|
|
110
|
+
Bf4jedk: "f1qhsl2h"
|
|
111
111
|
}
|
|
112
112
|
}, {
|
|
113
|
-
|
|
113
|
+
d: [".f1x4af0m{padding-top:var(--spacingHorizontalXS);}", ".f7x41pl{padding-right:var(--spacingHorizontalXS);}", ".fruq291{padding-left:var(--spacingHorizontalXS);}", ".fd55psn{padding-bottom:var(--spacingHorizontalXS);}", ".ft5vyj6{max-width:48px;}", ".f17suaiq{min-width:48px;}", ".f16k8034{padding-top:var(--spacingHorizontalSNudge);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}", ".fdczgix{max-width:52px;}", ".fjdcg9m{min-width:52px;}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".fww51uw{max-width:56px;}", ".f1qhsl2h{min-width:56px;}"]
|
|
114
114
|
});
|
|
115
115
|
const useIconStyles = /*#__PURE__*/__styles({
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
116
|
+
base: {
|
|
117
|
+
Be2twd7: "fndrnj9",
|
|
118
|
+
Bqenvij: "fbhnoac",
|
|
119
|
+
a9b677: "feqmc2u"
|
|
120
120
|
},
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
before: {
|
|
122
|
+
t21cq0: ["fkujibs", "f199hnxi"]
|
|
123
123
|
},
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
after: {
|
|
125
|
+
Frg6f3: ["f199hnxi", "fkujibs"]
|
|
126
126
|
}
|
|
127
127
|
}, {
|
|
128
|
-
|
|
128
|
+
d: [".fndrnj9{font-size:40px;}", ".fbhnoac{height:40px;}", ".feqmc2u{width:40px;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}"]
|
|
129
129
|
});
|
|
130
130
|
const useContentContainerStyles = /*#__PURE__*/__styles({
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
131
|
+
base: {
|
|
132
|
+
mc9l5x: "f22iagw",
|
|
133
|
+
Beiy3e4: "f1vx9l62",
|
|
134
|
+
fsow6f: ["f1o700av", "fes3tcz"]
|
|
135
135
|
}
|
|
136
136
|
}, {
|
|
137
|
-
|
|
137
|
+
d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}"]
|
|
138
138
|
});
|
|
139
139
|
const useSecondaryContentStyles = /*#__PURE__*/__styles({
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
140
|
+
base: {
|
|
141
|
+
Bg96gwp: "flkuc6h",
|
|
142
|
+
Bhrd7zp: "figsok6"
|
|
143
143
|
},
|
|
144
|
-
|
|
145
|
-
|
|
144
|
+
small: {
|
|
145
|
+
Be2twd7: "fy9rknc"
|
|
146
146
|
},
|
|
147
|
-
|
|
148
|
-
|
|
147
|
+
medium: {
|
|
148
|
+
Be2twd7: "fy9rknc"
|
|
149
149
|
},
|
|
150
|
-
|
|
151
|
-
|
|
150
|
+
large: {
|
|
151
|
+
Be2twd7: "fkhj508"
|
|
152
152
|
}
|
|
153
153
|
}, {
|
|
154
|
-
|
|
154
|
+
d: [".flkuc6h{line-height:100%;}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}"]
|
|
155
155
|
});
|
|
156
156
|
export const useCompoundButtonStyles_unstable = state => {
|
|
157
157
|
const rootStyles = useRootStyles();
|
|
@@ -8,87 +8,87 @@ export const menuButtonClassNames = {
|
|
|
8
8
|
menuIcon: 'fui-MenuButton__menuIcon'
|
|
9
9
|
};
|
|
10
10
|
const useRootExpandedStyles = /*#__PURE__*/__styles({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
base: {
|
|
12
|
+
D0sxk3: "fxoiby5",
|
|
13
|
+
t6yez3: "f15q0o9g"
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
outline: {
|
|
16
|
+
g2u3we: "f1ly1fcm",
|
|
17
|
+
h3c5rm: ["fi8bssc", "fj6btzu"],
|
|
18
|
+
B9xav0g: "f1s9tnsa",
|
|
19
|
+
zhjwy3: ["fj6btzu", "fi8bssc"],
|
|
20
|
+
B4j52fo: "fgx37oo",
|
|
21
|
+
Bekrc4i: ["f130t4y6", "f1efpmoh"],
|
|
22
|
+
Bn0qgzm: "fv51ejd",
|
|
23
|
+
ibv6hh: ["f1efpmoh", "f130t4y6"],
|
|
24
|
+
sj55zd: "f14nttnl"
|
|
25
25
|
},
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
primary: {
|
|
27
|
+
De3pzq: "f8w4g0q"
|
|
28
28
|
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
secondary: {
|
|
30
|
+
De3pzq: "f1nfm20t",
|
|
31
|
+
g2u3we: "f1ly1fcm",
|
|
32
|
+
h3c5rm: ["fi8bssc", "fj6btzu"],
|
|
33
|
+
B9xav0g: "f1s9tnsa",
|
|
34
|
+
zhjwy3: ["fj6btzu", "fi8bssc"],
|
|
35
|
+
sj55zd: "f14nttnl"
|
|
36
36
|
},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
subtle: {
|
|
38
|
+
De3pzq: "fq5gl1p",
|
|
39
|
+
sj55zd: "f1eryozh"
|
|
40
40
|
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
transparent: {
|
|
42
|
+
De3pzq: "f1q9pm1r",
|
|
43
|
+
sj55zd: "f1qj7y59"
|
|
44
44
|
}
|
|
45
45
|
}, {
|
|
46
|
-
|
|
46
|
+
d: [".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}", ".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}", ".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}", ".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1eryozh{color:var(--colorNeutralForeground2Selected);}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
|
|
47
47
|
});
|
|
48
48
|
const useIconExpandedStyles = /*#__PURE__*/__styles({
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
outline: {
|
|
50
|
+
sj55zd: "f14nttnl"
|
|
51
51
|
},
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
primary: {},
|
|
53
|
+
secondary: {
|
|
54
|
+
sj55zd: "f14nttnl"
|
|
55
55
|
},
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
subtle: {
|
|
57
|
+
sj55zd: "f1qj7y59"
|
|
58
58
|
},
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
transparent: {
|
|
60
|
+
sj55zd: "f1qj7y59"
|
|
61
61
|
}
|
|
62
62
|
}, {
|
|
63
|
-
|
|
63
|
+
d: [".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
|
|
64
64
|
});
|
|
65
65
|
const useMenuIconStyles = /*#__PURE__*/__styles({
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
base: {
|
|
67
|
+
Bg96gwp: "fez10in"
|
|
68
68
|
},
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
small: {
|
|
70
|
+
Be2twd7: "f1ugzwwg",
|
|
71
|
+
Bqenvij: "fvblgha",
|
|
72
|
+
Bg96gwp: "fwrc4pm",
|
|
73
|
+
a9b677: "frx94fk"
|
|
74
74
|
},
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
medium: {
|
|
76
|
+
Be2twd7: "f1ugzwwg",
|
|
77
|
+
Bqenvij: "fvblgha",
|
|
78
|
+
Bg96gwp: "fwrc4pm",
|
|
79
|
+
a9b677: "frx94fk"
|
|
80
80
|
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
large: {
|
|
82
|
+
Be2twd7: "f4ybsrx",
|
|
83
|
+
Bqenvij: "fd461yt",
|
|
84
|
+
Bg96gwp: "faaz57k",
|
|
85
|
+
a9b677: "fjw5fx7"
|
|
86
86
|
},
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
notIconOnly: {
|
|
88
|
+
Frg6f3: ["fbyavb5", "fm0x6gh"]
|
|
89
89
|
}
|
|
90
90
|
}, {
|
|
91
|
-
|
|
91
|
+
d: [".fez10in{line-height:0;}", ".f1ugzwwg{font-size:12px;}", ".fvblgha{height:12px;}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".frx94fk{width:12px;}", ".f4ybsrx{font-size:16px;}", ".fd461yt{height:16px;}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fjw5fx7{width:16px;}", ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}"]
|
|
92
92
|
});
|
|
93
93
|
export const useMenuButtonStyles_unstable = state => {
|
|
94
94
|
const rootExpandedStyles = useRootExpandedStyles();
|
|
@@ -7,76 +7,76 @@ export const splitButtonClassNames = {
|
|
|
7
7
|
primaryActionButton: 'fui-SplitButton__primaryActionButton'
|
|
8
8
|
};
|
|
9
9
|
const useFocusStyles = /*#__PURE__*/__styles({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
primaryActionButton: {
|
|
11
|
+
Brovlpu: "ftqa4ok",
|
|
12
|
+
B486eqv: "f2hkw1w",
|
|
13
|
+
B6xbmo0: ["f1x37qnr", "f1um7c6d"],
|
|
14
|
+
kdpuga: ["fn4c73s", "f6pwzcr"]
|
|
15
15
|
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
menuButton: {
|
|
17
|
+
Brovlpu: "ftqa4ok",
|
|
18
|
+
B486eqv: "f2hkw1w",
|
|
19
|
+
lbo84a: ["frrbwxo", "f1rgcpbv"],
|
|
20
|
+
dm238s: ["f1um7c6d", "f1x37qnr"],
|
|
21
|
+
Bw81rd7: ["f6pwzcr", "fn4c73s"]
|
|
22
22
|
}
|
|
23
23
|
}, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
f: [".ftqa4ok:focus{outline-style:none;}"],
|
|
25
|
+
i: [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
26
|
+
d: [".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}", ".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}", ".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}", ".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}", ".frrbwxo[data-fui-focus-visible]{border-left-width:0;}", ".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"]
|
|
27
27
|
});
|
|
28
28
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
29
|
+
base: {
|
|
30
|
+
mc9l5x: "ftuwxu6",
|
|
31
|
+
Brf1p80: "fsxf2b5",
|
|
32
|
+
qhf8xq: "f10pi13n",
|
|
33
|
+
ha4doy: "fmrv4ls",
|
|
34
|
+
kn2xc0: ["f14uur2j", "fc1btbj"],
|
|
35
|
+
Bs76p8a: ["fye5tvs", "fc597qq"],
|
|
36
|
+
cuxpm9: ["f1e8brtx", "fr36rk3"],
|
|
37
|
+
Biffepf: ["fxp12j1", "f1m6nt2y"],
|
|
38
|
+
Defnvf: ["fr7y8no", "f1dn0c6m"],
|
|
39
|
+
z0pv9t: "f1hvqvul"
|
|
40
40
|
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
outline: {},
|
|
42
|
+
primary: {
|
|
43
|
+
B1l9wao: ["f117mkrt", "f6ic349"],
|
|
44
|
+
lcnrd8: ["f10mpf6u", "f1bt8jlh"],
|
|
45
|
+
Brbpp8k: ["f1c28ih9", "fku5vw4"]
|
|
46
46
|
},
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
secondary: {},
|
|
48
|
+
subtle: {
|
|
49
|
+
B1l9wao: ["fbw67pg", "fcas6k2"],
|
|
50
|
+
lcnrd8: ["fn44ryq", "fwhhltr"],
|
|
51
|
+
Brbpp8k: ["f1xppm0p", "fkfp127"]
|
|
52
52
|
},
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
transparent: {
|
|
54
|
+
B1l9wao: ["fbw67pg", "fcas6k2"],
|
|
55
|
+
lcnrd8: ["fn44ryq", "fwhhltr"],
|
|
56
|
+
Brbpp8k: ["f1xppm0p", "fkfp127"]
|
|
57
57
|
},
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
58
|
+
circular: {},
|
|
59
|
+
rounded: {},
|
|
60
|
+
square: {},
|
|
61
|
+
disabled: {
|
|
62
|
+
B1l9wao: ["f10xrnr8", "f15nylwb"],
|
|
63
|
+
lcnrd8: ["f11fwhjz", "f18vtcsx"],
|
|
64
|
+
Brbpp8k: ["f31btwb", "fzgm9gq"]
|
|
65
65
|
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
disabledHighContrast: {
|
|
67
|
+
Bcsxniv: ["fj2q5vi", "f13tct40"],
|
|
68
|
+
tl7e51: ["fb2mzc7", "f179dhpp"],
|
|
69
|
+
mba178: ["f1ma39qa", "f1nzpdru"]
|
|
70
70
|
}
|
|
71
71
|
}, {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}", ".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}", ".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}", ".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}", ".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}", ".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}", ".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}", ".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}", ".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}", ".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}", ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}", ".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}", ".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}", ".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
|
|
73
|
+
h: [".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}", ".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}", ".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
|
|
74
|
+
m: [["@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
|
|
75
|
+
m: "(forced-colors: active)"
|
|
76
76
|
}], ["@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
|
|
77
|
-
|
|
77
|
+
m: "(forced-colors: active)"
|
|
78
78
|
}], ["@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
|
|
79
|
-
|
|
79
|
+
m: "(forced-colors: active)"
|
|
80
80
|
}]]
|
|
81
81
|
});
|
|
82
82
|
export const useSplitButtonStyles_unstable = state => {
|