@fluentui/react-button 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly442708a36520211209.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.
Files changed (134) hide show
  1. package/CHANGELOG.json +190 -26
  2. package/CHANGELOG.md +50 -14
  3. package/dist/react-button.d.ts +14 -1
  4. package/lib/components/Button/Button.js +2 -2
  5. package/lib/components/Button/Button.js.map +1 -1
  6. package/lib/components/Button/index.d.ts +1 -1
  7. package/lib/components/Button/index.js +1 -1
  8. package/lib/components/Button/index.js.map +1 -1
  9. package/lib/components/Button/renderButton.js +10 -9
  10. package/lib/components/Button/renderButton.js.map +1 -1
  11. package/lib/components/Button/useButton.js +20 -24
  12. package/lib/components/Button/useButton.js.map +1 -1
  13. package/lib/components/Button/useButtonStyles.d.ts +1 -0
  14. package/lib/components/Button/useButtonStyles.js +118 -81
  15. package/lib/components/Button/useButtonStyles.js.map +1 -1
  16. package/lib/components/CompoundButton/CompoundButton.js +2 -2
  17. package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
  18. package/lib/components/CompoundButton/index.d.ts +1 -1
  19. package/lib/components/CompoundButton/index.js +1 -1
  20. package/lib/components/CompoundButton/index.js.map +1 -1
  21. package/lib/components/CompoundButton/renderCompoundButton.js +10 -9
  22. package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
  23. package/lib/components/CompoundButton/useCompoundButton.js +8 -8
  24. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  25. package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +1 -0
  26. package/lib/components/CompoundButton/useCompoundButtonStyles.js +43 -39
  27. package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  28. package/lib/components/MenuButton/MenuButton.js +2 -2
  29. package/lib/components/MenuButton/MenuButton.js.map +1 -1
  30. package/lib/components/MenuButton/MenuButton.types.d.ts +5 -1
  31. package/lib/components/MenuButton/index.d.ts +1 -1
  32. package/lib/components/MenuButton/index.js +1 -1
  33. package/lib/components/MenuButton/index.js.map +1 -1
  34. package/lib/components/MenuButton/renderMenuButton.js +10 -9
  35. package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
  36. package/lib/components/MenuButton/useMenuButton.js +8 -8
  37. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  38. package/lib/components/MenuButton/useMenuButtonStyles.d.ts +1 -0
  39. package/lib/components/MenuButton/useMenuButtonStyles.js +5 -3
  40. package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  41. package/lib/components/SplitButton/SplitButton.js +2 -2
  42. package/lib/components/SplitButton/SplitButton.js.map +1 -1
  43. package/lib/components/SplitButton/index.d.ts +1 -1
  44. package/lib/components/SplitButton/index.js +1 -1
  45. package/lib/components/SplitButton/index.js.map +1 -1
  46. package/lib/components/SplitButton/renderSplitButton.js +6 -7
  47. package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
  48. package/lib/components/SplitButton/useSplitButton.js +41 -45
  49. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  50. package/lib/components/SplitButton/useSplitButtonStyles.d.ts +1 -0
  51. package/lib/components/SplitButton/useSplitButtonStyles.js +36 -33
  52. package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  53. package/lib/components/ToggleButton/ToggleButton.js +2 -2
  54. package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
  55. package/lib/components/ToggleButton/index.d.ts +1 -1
  56. package/lib/components/ToggleButton/index.js +1 -1
  57. package/lib/components/ToggleButton/index.js.map +1 -1
  58. package/lib/components/ToggleButton/useToggleButton.js +27 -29
  59. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  60. package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +1 -0
  61. package/lib/components/ToggleButton/useToggleButtonStyles.js +44 -41
  62. package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  63. package/lib-commonjs/Button.js +1 -1
  64. package/lib-commonjs/CompoundButton.js +1 -1
  65. package/lib-commonjs/MenuButton.js +1 -1
  66. package/lib-commonjs/SplitButton.js +1 -1
  67. package/lib-commonjs/ToggleButton.js +1 -1
  68. package/lib-commonjs/components/Button/Button.js +6 -6
  69. package/lib-commonjs/components/Button/Button.js.map +1 -1
  70. package/lib-commonjs/components/Button/index.d.ts +1 -1
  71. package/lib-commonjs/components/Button/index.js +8 -2
  72. package/lib-commonjs/components/Button/index.js.map +1 -1
  73. package/lib-commonjs/components/Button/renderButton.js +12 -12
  74. package/lib-commonjs/components/Button/renderButton.js.map +1 -1
  75. package/lib-commonjs/components/Button/useButton.js +22 -26
  76. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  77. package/lib-commonjs/components/Button/useButtonStyles.d.ts +1 -0
  78. package/lib-commonjs/components/Button/useButtonStyles.js +119 -82
  79. package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
  80. package/lib-commonjs/components/CompoundButton/CompoundButton.js +6 -6
  81. package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
  82. package/lib-commonjs/components/CompoundButton/index.d.ts +1 -1
  83. package/lib-commonjs/components/CompoundButton/index.js +8 -2
  84. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  85. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +12 -12
  86. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
  87. package/lib-commonjs/components/CompoundButton/useCompoundButton.js +10 -11
  88. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  89. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +1 -0
  90. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +45 -41
  91. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  92. package/lib-commonjs/components/MenuButton/MenuButton.js +6 -6
  93. package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
  94. package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +5 -1
  95. package/lib-commonjs/components/MenuButton/index.d.ts +1 -1
  96. package/lib-commonjs/components/MenuButton/index.js +8 -2
  97. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  98. package/lib-commonjs/components/MenuButton/renderMenuButton.js +12 -12
  99. package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
  100. package/lib-commonjs/components/MenuButton/useMenuButton.js +12 -13
  101. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  102. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +1 -0
  103. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +9 -6
  104. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  105. package/lib-commonjs/components/SplitButton/SplitButton.js +6 -6
  106. package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
  107. package/lib-commonjs/components/SplitButton/index.d.ts +1 -1
  108. package/lib-commonjs/components/SplitButton/index.js +8 -2
  109. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  110. package/lib-commonjs/components/SplitButton/renderSplitButton.js +8 -10
  111. package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
  112. package/lib-commonjs/components/SplitButton/useSplitButton.js +44 -49
  113. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  114. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +1 -0
  115. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +39 -36
  116. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  117. package/lib-commonjs/components/ToggleButton/ToggleButton.js +6 -6
  118. package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
  119. package/lib-commonjs/components/ToggleButton/index.d.ts +1 -1
  120. package/lib-commonjs/components/ToggleButton/index.js +8 -2
  121. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  122. package/lib-commonjs/components/ToggleButton/useToggleButton.js +31 -34
  123. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  124. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +1 -0
  125. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +47 -43
  126. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  127. package/lib-commonjs/index.js +1 -1
  128. package/package.json +14 -15
  129. package/lib/common/isConformant.d.ts +0 -4
  130. package/lib/common/isConformant.js +0 -13
  131. package/lib/common/isConformant.js.map +0 -1
  132. package/lib-commonjs/common/isConformant.d.ts +0 -4
  133. package/lib-commonjs/common/isConformant.js +0 -24
  134. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -3,13 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useButtonStyles = exports.buttonSpacing = void 0;
6
+ exports.useButtonStyles = exports.buttonSpacing = exports.buttonClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster"); // TODO: These are named in design specs but not hoisted to global/alias yet.
11
- // We're tracking these here to determine how we can hoist them.
10
+ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
12
11
 
12
+ exports.buttonClassName = 'fui-Button'; // TODO: These are named in design specs but not hoisted to global/alias yet.
13
+ // We're tracking these here to determine how we can hoist them.
13
14
 
14
15
  exports.buttonSpacing = {
15
16
  smallest: '2px',
@@ -20,7 +21,7 @@ exports.buttonSpacing = {
20
21
  larger: '16px'
21
22
  };
22
23
 
23
- var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
+ const useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
  "base": {
25
26
  "Bt984gj": "f122n59",
26
27
  "mc9l5x": "ftuwxu6",
@@ -31,33 +32,34 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
31
32
  "jrapky": "f19f4twv",
32
33
  "Frg6f3": ["f1tyq0we", "f11qmguv"],
33
34
  "B2u0y6b": "f1n52uh2",
34
- "Bpg54ce": "f1a3p1vp",
35
+ "B68tc82": "f1p9o1ba",
36
+ "Bmxbyg5": "f1sil6mw",
35
37
  "ygn44y": "f1cmbuwj",
36
38
  "Huce71": "fz5stix",
37
- "ayd6f0": "fcm7iae",
39
+ "De3pzq": "fxugw4r",
38
40
  "sj55zd": "f19n0e5",
39
- "g2u3we": "fj3muxo",
40
- "h3c5rm": ["f1akhkt", "f1lxtadh"],
41
- "B9xav0g": "f1aperda",
42
- "zhjwy3": ["f1lxtadh", "f1akhkt"],
43
- "icvyot": "fzkkow9",
44
- "vrafjx": ["fcdblym", "fjik90z"],
45
- "oivjwe": "fg706s2",
46
- "wvpqe5": ["fjik90z", "fcdblym"],
47
41
  "B4j52fo": "f192inf7",
48
42
  "Bekrc4i": ["f5tn483", "f1ojsxk5"],
49
43
  "Bn0qgzm": "f1vxd6vx",
50
44
  "ibv6hh": ["f1ojsxk5", "f5tn483"],
45
+ "icvyot": "fzkkow9",
46
+ "vrafjx": ["fcdblym", "fjik90z"],
47
+ "oivjwe": "fg706s2",
48
+ "wvpqe5": ["fjik90z", "fcdblym"],
49
+ "g2u3we": "fj3muxo",
50
+ "h3c5rm": ["f1akhkt", "f1lxtadh"],
51
+ "B9xav0g": "f1aperda",
52
+ "zhjwy3": ["f1lxtadh", "f1akhkt"],
51
53
  "Bahqtrf": "fk6fouc",
52
54
  "oeaueh": "f1s6fcnf",
53
- "v4pbla": "f56u8ty",
55
+ "Jwef8y": "f1knas48",
54
56
  "Bgoe8wy": "fvcxoqz",
55
57
  "Bwzppfd": ["f1ub3y4t", "f1m52nbi"],
56
58
  "oetu4i": "f1xlaoq0",
57
59
  "gg5e9n": ["f1m52nbi", "f1ub3y4t"],
58
60
  "Bi91k9c": "fax3udt",
59
61
  "eoavqd": "f8491dx",
60
- "vv34bc": "fzgy25m",
62
+ "ecr2s2": "fb40n2d",
61
63
  "B6oc9vd": "fvs00aa",
62
64
  "ak43y8": ["f1assf6x", "f4ruux4"],
63
65
  "wmxk5l": "fumykes",
@@ -70,24 +72,24 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
70
72
  "a9b677": "fly5x3f"
71
73
  },
72
74
  "outline": {
73
- "ayd6f0": "f1gjiv6l",
74
- "v4pbla": "f62j56f",
75
- "vv34bc": "flt377r"
75
+ "De3pzq": "f1c21dwh",
76
+ "Jwef8y": "fjxutwb",
77
+ "ecr2s2": "fophhak"
76
78
  },
77
79
  "primary": {
78
- "ayd6f0": "f1tdnksq",
80
+ "De3pzq": "ffp7eso",
79
81
  "g2u3we": "f1p3nwhy",
80
82
  "h3c5rm": ["f11589ue", "f1pdflbu"],
81
83
  "B9xav0g": "f1q5o8ev",
82
84
  "zhjwy3": ["f1pdflbu", "f11589ue"],
83
85
  "sj55zd": "f1phragk",
84
- "v4pbla": "f1fitrdm",
86
+ "Jwef8y": "f15wkkf3",
85
87
  "Bgoe8wy": "f1s2uweq",
86
88
  "Bwzppfd": ["fr80ssc", "fecsdlb"],
87
89
  "oetu4i": "f1ukrpxl",
88
90
  "gg5e9n": ["fecsdlb", "fr80ssc"],
89
91
  "Bi91k9c": "f1rq72xc",
90
- "vv34bc": "f4ihffn",
92
+ "ecr2s2": "fsp1bjw",
91
93
  "B6oc9vd": "ff472gp",
92
94
  "ak43y8": ["f4yyc7m", "ft2aflc"],
93
95
  "wmxk5l": "fggejwh",
@@ -95,19 +97,19 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
95
97
  "lj723h": "f18otbis"
96
98
  },
97
99
  "subtle": {
98
- "ayd6f0": "f11q0hf9",
100
+ "De3pzq": "fhovq9v",
99
101
  "g2u3we": "f1p3nwhy",
100
102
  "h3c5rm": ["f11589ue", "f1pdflbu"],
101
103
  "B9xav0g": "f1q5o8ev",
102
104
  "zhjwy3": ["f1pdflbu", "f11589ue"],
103
105
  "sj55zd": "fkfq4zb",
104
- "v4pbla": "f4wzgrt",
106
+ "Jwef8y": "f1t94bn6",
105
107
  "Bgoe8wy": "f1s2uweq",
106
108
  "Bwzppfd": ["fr80ssc", "fecsdlb"],
107
109
  "oetu4i": "f1ukrpxl",
108
110
  "gg5e9n": ["fecsdlb", "fr80ssc"],
109
111
  "Bi91k9c": "f139oj5f",
110
- "vv34bc": "f1be4e1d",
112
+ "ecr2s2": "f1wfn5kd",
111
113
  "B6oc9vd": "ff472gp",
112
114
  "ak43y8": ["f4yyc7m", "ft2aflc"],
113
115
  "wmxk5l": "fggejwh",
@@ -115,19 +117,19 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
115
117
  "lj723h": "f19au66r"
116
118
  },
117
119
  "transparent": {
118
- "ayd6f0": "f1gjiv6l",
120
+ "De3pzq": "f1c21dwh",
119
121
  "g2u3we": "f1p3nwhy",
120
122
  "h3c5rm": ["f11589ue", "f1pdflbu"],
121
123
  "B9xav0g": "f1q5o8ev",
122
124
  "zhjwy3": ["f1pdflbu", "f11589ue"],
123
125
  "sj55zd": "fkfq4zb",
124
- "v4pbla": "f62j56f",
126
+ "Jwef8y": "fjxutwb",
125
127
  "Bgoe8wy": "f1s2uweq",
126
128
  "Bwzppfd": ["fr80ssc", "fecsdlb"],
127
129
  "oetu4i": "f1ukrpxl",
128
130
  "gg5e9n": ["fecsdlb", "fr80ssc"],
129
131
  "Bi91k9c": "f139oj5f",
130
- "vv34bc": "flt377r",
132
+ "ecr2s2": "fophhak",
131
133
  "B6oc9vd": "ff472gp",
132
134
  "ak43y8": ["f4yyc7m", "ft2aflc"],
133
135
  "wmxk5l": "fggejwh",
@@ -135,74 +137,92 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
135
137
  "lj723h": "f19au66r"
136
138
  },
137
139
  "circular": {
138
- "Dimara": "f44lkw9"
140
+ "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
141
+ "Beyfa6y": ["f1nfllo7", "f8fbkgy"],
142
+ "B7oj6ja": ["f1djnp8u", "f1s8kh49"],
143
+ "Btl43ni": ["f1s8kh49", "f1djnp8u"]
139
144
  },
140
145
  "rounded": {},
141
146
  "square": {
142
- "Dimara": "f1fabniw"
147
+ "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
148
+ "Beyfa6y": ["fyowgf4", "fzi6hpg"],
149
+ "B7oj6ja": ["f3fg2lr", "f13av6d4"],
150
+ "Btl43ni": ["f13av6d4", "f3fg2lr"]
143
151
  },
144
152
  "small": {
145
- "rmohyg": "f4xv25i",
153
+ "i8kkvl": "f1q8lukm",
154
+ "Belr9w4": "f1ma2n7n",
146
155
  "z8tnut": "f1g0x7ka",
147
156
  "z189sj": ["f19lj068", "f177v4lu"],
148
157
  "Byoj8tv": "f1qch9an",
149
158
  "uwmqm3": ["f177v4lu", "f19lj068"],
150
159
  "Bqenvij": "frvgh55",
151
160
  "Bf4jedk": "fh7ncta",
152
- "Dimara": "fq9zq91",
161
+ "Bbmb7ep": ["f1g3puop", "fi2rrw2"],
162
+ "Beyfa6y": ["fi2rrw2", "f1g3puop"],
163
+ "B7oj6ja": ["f1rstyi9", "f1s4nn1u"],
164
+ "Btl43ni": ["f1s4nn1u", "f1rstyi9"],
153
165
  "Be2twd7": "fy9rknc",
154
166
  "Bhrd7zp": "figsok6",
155
167
  "Bg96gwp": "fwrc4pm"
156
168
  },
157
169
  "medium": {
158
- "rmohyg": "f19jf40t",
170
+ "i8kkvl": "fgfbwa2",
171
+ "Belr9w4": "f1y3hx6l",
159
172
  "z8tnut": "f1g0x7ka",
160
173
  "z189sj": ["f11qrl6u", "fjlbh76"],
161
174
  "Byoj8tv": "f1qch9an",
162
175
  "uwmqm3": ["fjlbh76", "f11qrl6u"],
163
176
  "Bqenvij": "f1d2rq10",
164
177
  "Bf4jedk": "f14es27b",
165
- "Dimara": "ft85np5",
178
+ "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
179
+ "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
180
+ "B7oj6ja": ["f1jar5jt", "fyu767a"],
181
+ "Btl43ni": ["fyu767a", "f1jar5jt"],
166
182
  "Be2twd7": "fkhj508",
167
183
  "Bhrd7zp": "fl43uef",
168
184
  "Bg96gwp": "f1i3iumi"
169
185
  },
170
186
  "large": {
171
- "rmohyg": "f19jf40t",
187
+ "i8kkvl": "fgfbwa2",
188
+ "Belr9w4": "f1y3hx6l",
172
189
  "z8tnut": "f1g0x7ka",
173
190
  "z189sj": ["f1gbmcue", "f1rh9g5y"],
174
191
  "Byoj8tv": "f1qch9an",
175
192
  "uwmqm3": ["f1rh9g5y", "f1gbmcue"],
176
193
  "Bqenvij": "fbhnoac",
177
194
  "Bf4jedk": "f14es27b",
178
- "Dimara": "ft85np5",
195
+ "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
196
+ "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
197
+ "B7oj6ja": ["f1jar5jt", "fyu767a"],
198
+ "Btl43ni": ["fyu767a", "f1jar5jt"],
179
199
  "Be2twd7": "fod5ikn",
180
200
  "Bhrd7zp": "fl43uef",
181
201
  "Bg96gwp": "faaz57k"
182
202
  }
183
203
  }, {
184
- "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fmrv4ls{vertical-align:middle;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1n52uh2{max-width:280px;}", ".f1a3p1vp{overflow:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fz5stix{white-space:nowrap;}", ".fcm7iae{background:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1s6fcnf{outline-style:none;}", ".f6dzj5z{max-width:100%;}", ".fly5x3f{width:100%;}", ".f1gjiv6l{background:var(--colorTransparentBackground);}", ".f1tdnksq{background:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f11q0hf9{background:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f4xv25i{gap:4px;}", ".f1g0x7ka{padding-top:0;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f1qch9an{padding-bottom:0;}", ".frvgh55{height:24px;}", ".fh7ncta{min-width:64px;}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f19jf40t{gap:6px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f1d2rq10{height:32px;}", ".f14es27b{min-width:96px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fbhnoac{height:40px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}"],
185
- "h": [".f56u8ty:hover{background: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);}", ".f8491dx:hover{cursor:pointer;}", ".f62j56f:hover{background:var(--colorTransparentBackgroundHover);}", ".f1fitrdm:hover{background: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);}", ".f4wzgrt:hover{background:var(--colorSubtleBackgroundHover);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}"],
186
- "a": [".fzgy25m:active{background: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);}", ".fb0xa7e:active{outline-style:none;}", ".flt377r:active{background:var(--colorTransparentBackgroundPressed);}", ".f4ihffn:active{background: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);}", ".f1be4e1d:active{background:var(--colorSubtleBackgroundPressed);}", ".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}"]
204
+ "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fmrv4ls{vertical-align:middle;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1n52uh2{max-width:280px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fz5stix{white-space:nowrap;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".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);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1s6fcnf{outline-style:none;}", ".f6dzj5z{max-width:100%;}", ".fly5x3f{width:100%;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1g0x7ka{padding-top:0;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f1qch9an{padding-bottom:0;}", ".frvgh55{height:24px;}", ".fh7ncta{min-width:64px;}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f1d2rq10{height:32px;}", ".f14es27b{min-width:96px;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fbhnoac{height:40px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}"],
205
+ "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);}", ".f8491dx:hover{cursor:pointer;}", ".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);}"],
206
+ "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);}", ".fb0xa7e:active{outline-style:none;}", ".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);}"]
187
207
  });
188
208
 
189
- var useRootDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
209
+ const useRootDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
190
210
  "base": {
191
- "ayd6f0": "fqst6tg",
211
+ "De3pzq": "f1bg9a2p",
192
212
  "g2u3we": "f1jj8ep1",
193
213
  "h3c5rm": ["f15xbau", "fy0fskl"],
194
214
  "B9xav0g": "f4ikngz",
195
215
  "zhjwy3": ["fy0fskl", "f15xbau"],
196
216
  "sj55zd": "f1s2aq7o",
197
217
  "Bceei9c": "fdrzuqr",
198
- "v4pbla": "f1nil5o8",
218
+ "Jwef8y": "f1falr9n",
199
219
  "Bgoe8wy": "f12mpcsy",
200
220
  "Bwzppfd": ["f1gwvigk", "f18rmfxp"],
201
221
  "oetu4i": "f1jnshp0",
202
222
  "gg5e9n": ["f18rmfxp", "f1gwvigk"],
203
223
  "Bi91k9c": "fvgxktp",
204
224
  "eoavqd": "fphbwmw",
205
- "vv34bc": "fkqx3al",
225
+ "ecr2s2": "f1ryyzvn",
206
226
  "B6oc9vd": "fdi4vxw",
207
227
  "ak43y8": ["f4ryxzl", "fkdgpbx"],
208
228
  "wmxk5l": "fcmhn06",
@@ -211,9 +231,9 @@ var useRootDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
211
231
  "Bwh3duv": "fq67hom"
212
232
  },
213
233
  "outline": {
214
- "ayd6f0": "f1gjiv6l",
215
- "v4pbla": "f62j56f",
216
- "vv34bc": "flt377r"
234
+ "De3pzq": "f1c21dwh",
235
+ "Jwef8y": "fjxutwb",
236
+ "ecr2s2": "fophhak"
217
237
  },
218
238
  "primary": {
219
239
  "g2u3we": "f1p3nwhy",
@@ -230,61 +250,64 @@ var useRootDisabledStyles = /*#__PURE__*/react_make_styles_1.__styles({
230
250
  "B50zh58": ["ft2aflc", "f4yyc7m"]
231
251
  },
232
252
  "subtle": {
233
- "ayd6f0": "f1k2sg7s",
253
+ "De3pzq": "f3rmtva",
234
254
  "g2u3we": "f1p3nwhy",
235
255
  "h3c5rm": ["f11589ue", "f1pdflbu"],
236
256
  "B9xav0g": "f1q5o8ev",
237
257
  "zhjwy3": ["f1pdflbu", "f11589ue"],
238
- "v4pbla": "f1vc35iv",
258
+ "Jwef8y": "f1cio4g9",
239
259
  "Bgoe8wy": "f1s2uweq",
240
260
  "Bwzppfd": ["fr80ssc", "fecsdlb"],
241
261
  "oetu4i": "f1ukrpxl",
242
262
  "gg5e9n": ["fecsdlb", "fr80ssc"],
243
- "vv34bc": "f17oliv9",
263
+ "ecr2s2": "f1rot6hk",
244
264
  "B6oc9vd": "ff472gp",
245
265
  "ak43y8": ["f4yyc7m", "ft2aflc"],
246
266
  "wmxk5l": "fggejwh",
247
267
  "B50zh58": ["ft2aflc", "f4yyc7m"]
248
268
  },
249
269
  "transparent": {
250
- "ayd6f0": "f1k2sg7s",
270
+ "De3pzq": "f3rmtva",
251
271
  "g2u3we": "f1p3nwhy",
252
272
  "h3c5rm": ["f11589ue", "f1pdflbu"],
253
273
  "B9xav0g": "f1q5o8ev",
254
274
  "zhjwy3": ["f1pdflbu", "f11589ue"],
255
- "v4pbla": "f1vc35iv",
275
+ "Jwef8y": "f1cio4g9",
256
276
  "Bgoe8wy": "f1s2uweq",
257
277
  "Bwzppfd": ["fr80ssc", "fecsdlb"],
258
278
  "oetu4i": "f1ukrpxl",
259
279
  "gg5e9n": ["fecsdlb", "fr80ssc"],
260
- "vv34bc": "f17oliv9",
280
+ "ecr2s2": "f1rot6hk",
261
281
  "B6oc9vd": "ff472gp",
262
282
  "ak43y8": ["f4yyc7m", "ft2aflc"],
263
283
  "wmxk5l": "fggejwh",
264
284
  "B50zh58": ["ft2aflc", "f4yyc7m"]
265
285
  }
266
286
  }, {
267
- "d": [".fqst6tg{background: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);}", ".fdrzuqr{cursor:not-allowed;}", ".f1gjiv6l{background:var(--colorTransparentBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1k2sg7s{background:none;}"],
268
- "h": [".f1nil5o8:hover{background: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);}", ".fphbwmw:hover{cursor:not-allowed;}", ".f62j56f:hover{background:var(--colorTransparentBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1vc35iv:hover{background:none;}"],
269
- "a": [".fkqx3al:active{background: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);}", ".fq67hom:active{cursor:not-allowed;}", ".flt377r:active{background:var(--colorTransparentBackgroundPressed);}", ".ff472gp:active{border-top-color:transparent;}", ".f4yyc7m:active{border-right-color:transparent;}", ".ft2aflc:active{border-left-color:transparent;}", ".fggejwh:active{border-bottom-color:transparent;}", ".f17oliv9:active{background:none;}"]
287
+ "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);}", ".fdrzuqr{cursor:not-allowed;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f3rmtva{background-color:transparent;}"],
288
+ "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);}", ".fphbwmw:hover{cursor:not-allowed;}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".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;}"],
289
+ "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);}", ".fq67hom:active{cursor:not-allowed;}", ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}", ".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;}"]
270
290
  });
271
291
 
272
- var useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
292
+ const useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
273
293
  "base": {
274
294
  "B486eqv": "f2hkw1w",
275
295
  "Bnmjwt4": "flfsvnh",
276
296
  "Jopkrh": ["f1781m5e", "flvaaa9"],
277
297
  "hhrs2v": "f50u1b5",
278
298
  "B7jbng7": ["flvaaa9", "f1781m5e"],
299
+ "Bh48x57": "f19j8a82",
279
300
  "B32s92o": "f4mghqd",
280
301
  "B5hngm5": "fhcq1yo",
281
- "Bh48x57": "f19j8a82",
282
- "D4py6b": ["f9ycirn", "fj27422"],
302
+ "D4py6b": "f9ycirn",
283
303
  "Bgwpjed": "fpt6wn7"
284
304
  },
285
305
  "circular": {
286
306
  "B486eqv": "f2hkw1w",
287
- "Big6zof": "f6dohij"
307
+ "B8j0l6": ["f11yy61d", "f5edc3x"],
308
+ "Ekyhi": ["f5edc3x", "f11yy61d"],
309
+ "Bmrpcm6": ["f1aea4n", "f4jo73o"],
310
+ "Beswxhl": ["f4jo73o", "f1aea4n"]
288
311
  },
289
312
  "rounded": {},
290
313
  "primary": {
@@ -293,30 +316,42 @@ var useRootFocusStyles = /*#__PURE__*/react_make_styles_1.__styles({
293
316
  "Jopkrh": ["fhoxsto", "f19qf7vm"],
294
317
  "hhrs2v": "f1tl0rof",
295
318
  "B7jbng7": ["f19qf7vm", "fhoxsto"],
296
- "D4py6b": ["f15m8qn2", "f5p9mqa"]
319
+ "D4py6b": "f15m8qn2"
297
320
  },
298
321
  "square": {
299
322
  "B486eqv": "f2hkw1w",
300
- "Big6zof": "f1x6jsgk"
323
+ "B8j0l6": ["f5oco9f", "fiz44lb"],
324
+ "Ekyhi": ["fiz44lb", "f5oco9f"],
325
+ "Bmrpcm6": ["f1d1ywej", "flv4e1y"],
326
+ "Beswxhl": ["flv4e1y", "f1d1ywej"]
301
327
  },
302
328
  "small": {
303
329
  "B486eqv": "f2hkw1w",
304
- "Big6zof": "f1cqgkc0"
330
+ "B8j0l6": ["f1dzjeht", "f1fw97sp"],
331
+ "Ekyhi": ["f1fw97sp", "f1dzjeht"],
332
+ "Bmrpcm6": ["f1hr3vfr", "f1fepg9x"],
333
+ "Beswxhl": ["f1fepg9x", "f1hr3vfr"]
305
334
  },
306
335
  "medium": {
307
336
  "B486eqv": "f2hkw1w",
308
- "Big6zof": "fhf9ij9"
337
+ "B8j0l6": ["f1ezw2km", "f18buiid"],
338
+ "Ekyhi": ["f18buiid", "f1ezw2km"],
339
+ "Bmrpcm6": ["f1hat8c3", "f10ee3ek"],
340
+ "Beswxhl": ["f10ee3ek", "f1hat8c3"]
309
341
  },
310
342
  "large": {
311
343
  "B486eqv": "f2hkw1w",
312
- "Big6zof": "fnsjjqm"
344
+ "B8j0l6": ["f8iz5lg", "fzmqelg"],
345
+ "Ekyhi": ["fzmqelg", "f8iz5lg"],
346
+ "Bmrpcm6": ["f1ywuu4l", "f721nif"],
347
+ "Beswxhl": ["f721nif", "f1ywuu4l"]
313
348
  }
314
349
  }, {
315
350
  "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
316
- "d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fj27422:focus{box-shadow:var(--shadow-4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fpt6wn7:focus{z-index:1;}", "[data-keyboard-nav] .f6dohij:focus{border-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .fbugrqt:focus{border-top-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .fhoxsto:focus{border-right-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f19qf7vm:focus{border-left-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f1tl0rof:focus{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f15m8qn2:focus{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f5p9mqa:focus{box-shadow:var(--shadow-2),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1x6jsgk:focus{border-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1cqgkc0:focus{border-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .fhf9ij9:focus{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fnsjjqm:focus{border-radius:var(--borderRadiusLarge);}"]
351
+ "d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f19j8a82:focus{outline-color:transparent;}", "[data-keyboard-nav] .f4mghqd:focus{outline-width:2px;}", "[data-keyboard-nav] .fhcq1yo:focus{outline-style:solid;}", "[data-keyboard-nav] .f9ycirn:focus{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fpt6wn7:focus{z-index:1;}", "[data-keyboard-nav] .f11yy61d:focus{border-bottom-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f5edc3x:focus{border-bottom-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f1aea4n:focus{border-top-right-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .f4jo73o:focus{border-top-left-radius:var(--borderRadiusCircular);}", "[data-keyboard-nav] .fbugrqt:focus{border-top-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .fhoxsto:focus{border-right-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f19qf7vm:focus{border-left-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f1tl0rof:focus{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", "[data-keyboard-nav] .f15m8qn2:focus{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f5oco9f:focus{border-bottom-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .fiz44lb:focus{border-bottom-left-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1d1ywej:focus{border-top-right-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .flv4e1y:focus{border-top-left-radius:var(--borderRadiusNone);}", "[data-keyboard-nav] .f1dzjeht:focus{border-bottom-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fw97sp:focus{border-bottom-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1hr3vfr:focus{border-top-right-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1fepg9x:focus{border-top-left-radius:var(--borderRadiusSmall);}", "[data-keyboard-nav] .f1ezw2km:focus{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f18buiid:focus{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1hat8c3:focus{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f10ee3ek:focus{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f8iz5lg:focus{border-bottom-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .fzmqelg:focus{border-bottom-left-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f1ywuu4l:focus{border-top-right-radius:var(--borderRadiusLarge);}", "[data-keyboard-nav] .f721nif:focus{border-top-left-radius:var(--borderRadiusLarge);}"]
317
352
  });
318
353
 
319
- var useRootIconOnlyStyles = /*#__PURE__*/react_make_styles_1.__styles({
354
+ const useRootIconOnlyStyles = /*#__PURE__*/react_make_styles_1.__styles({
320
355
  "small": {
321
356
  "z8tnut": "f10ra9hq",
322
357
  "z189sj": ["f8wuabp", "fycuoez"],
@@ -345,7 +380,7 @@ var useRootIconOnlyStyles = /*#__PURE__*/react_make_styles_1.__styles({
345
380
  "d": [".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f107v6xj{min-width:28px;}", ".f17iyk3w{max-width:28px;}", ".fwbmr0d{min-width:32px;}", ".f44c6la{max-width:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".f12clzc2{min-width:40px;}", ".fjy1crr{max-width:40px;}"]
346
381
  });
347
382
 
348
- var useIconStyles = /*#__PURE__*/react_make_styles_1.__styles({
383
+ const useIconStyles = /*#__PURE__*/react_make_styles_1.__styles({
349
384
  "base": {
350
385
  "Bt984gj": "f122n59",
351
386
  "mc9l5x": "ftuwxu6",
@@ -370,20 +405,22 @@ var useIconStyles = /*#__PURE__*/react_make_styles_1.__styles({
370
405
  "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}"]
371
406
  });
372
407
 
373
- var useButtonStyles = function (state) {
374
- var rootStyles = useRootStyles();
375
- var rootDisabledStyles = useRootDisabledStyles();
376
- var rootFocusStyles = useRootFocusStyles();
377
- var rootIconOnlyStyles = useRootIconOnlyStyles();
378
- var iconStyles = useIconStyles();
379
- var appearance = state.appearance,
380
- block = state.block,
381
- disabled = state.disabled,
382
- disabledFocusable = state.disabledFocusable,
383
- iconOnly = state.iconOnly,
384
- shape = state.shape,
385
- size = state.size;
386
- state.root.className = react_make_styles_1.mergeClasses( // Root styles
408
+ const useButtonStyles = state => {
409
+ const rootStyles = useRootStyles();
410
+ const rootDisabledStyles = useRootDisabledStyles();
411
+ const rootFocusStyles = useRootFocusStyles();
412
+ const rootIconOnlyStyles = useRootIconOnlyStyles();
413
+ const iconStyles = useIconStyles();
414
+ const {
415
+ appearance,
416
+ block,
417
+ disabled,
418
+ disabledFocusable,
419
+ iconOnly,
420
+ shape,
421
+ size
422
+ } = state;
423
+ state.root.className = react_make_styles_1.mergeClasses(exports.buttonClassName, // Root styles
387
424
  rootStyles.base, block && rootStyles.block, appearance && rootStyles[appearance], rootStyles[size], rootStyles[shape], // Disabled styles
388
425
  (disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles
389
426
  rootFocusStyles.base, appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.CompoundButton = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var renderCompoundButton_1 = /*#__PURE__*/require("./renderCompoundButton");
10
+ const renderCompoundButton_1 = /*#__PURE__*/require("./renderCompoundButton");
11
11
 
12
- var useCompoundButton_1 = /*#__PURE__*/require("./useCompoundButton");
12
+ const useCompoundButton_1 = /*#__PURE__*/require("./useCompoundButton");
13
13
 
14
- var useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
14
+ const useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
15
15
  /**
16
16
  * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
17
17
  */
18
18
 
19
19
 
20
- exports.CompoundButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useCompoundButton_1.useCompoundButton(props, ref);
20
+ exports.CompoundButton = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useCompoundButton_1.useCompoundButton(props, ref);
22
22
  useCompoundButtonStyles_1.useCompoundButtonStyles(state);
23
23
  return renderCompoundButton_1.renderCompoundButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClG,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP,CALkG,CAMlG;AACD,CAPuE,CAA3D;AASb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP,CALsG,CAMtG;AACD,CAPuE,CAA3D;AASb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
@@ -2,4 +2,4 @@ export * from './CompoundButton';
2
2
  export * from './CompoundButton.types';
3
3
  export * from './renderCompoundButton';
4
4
  export * from './useCompoundButton';
5
- export { useCompoundButtonStyles } from './useCompoundButtonStyles';
5
+ export { compoundButtonClassName, useCompoundButtonStyles } from './useCompoundButtonStyles';
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCompoundButtonStyles = void 0;
6
+ exports.useCompoundButtonStyles = exports.compoundButtonClassName = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
10
  tslib_1.__exportStar(require("./CompoundButton"), exports);
11
11
 
@@ -17,6 +17,12 @@ tslib_1.__exportStar(require("./useCompoundButton"), exports);
17
17
 
18
18
  var useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
19
19
 
20
+ Object.defineProperty(exports, "compoundButtonClassName", {
21
+ enumerable: true,
22
+ get: function () {
23
+ return useCompoundButtonStyles_1.compoundButtonClassName;
24
+ }
25
+ });
20
26
  Object.defineProperty(exports, "useCompoundButtonStyles", {
21
27
  enumerable: true,
22
28
  get: function () {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CompoundButton/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,yBAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CompoundButton/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,yBAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,yBAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA","sourceRoot":""}
@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderCompoundButton = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
11
  /**
14
12
  * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
15
13
  */
16
14
 
17
15
 
18
- var renderCompoundButton = function (state) {
19
- var _a = react_utilities_1.getSlots(state, ['root', 'contentContainer', 'icon', 'secondaryContent']),
20
- slots = _a.slots,
21
- slotProps = _a.slotProps;
22
-
23
- var iconOnly = state.iconOnly,
24
- iconPosition = state.iconPosition;
25
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), iconPosition !== 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), !iconOnly && React.createElement(slots.contentContainer, tslib_1.__assign({}, slotProps.contentContainer), slotProps.root.children, React.createElement(slots.secondaryContent, tslib_1.__assign({}, slotProps.secondaryContent))), iconPosition === 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)));
16
+ const renderCompoundButton = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state, ['root', 'contentContainer', 'icon', 'secondaryContent']);
21
+ const {
22
+ iconOnly,
23
+ iconPosition
24
+ } = state;
25
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), iconPosition !== 'after' && React.createElement(slots.icon, Object.assign({}, slotProps.icon)), !iconOnly && React.createElement(slots.contentContainer, Object.assign({}, slotProps.contentContainer), slotProps.root.children, React.createElement(slots.secondaryContent, Object.assign({}, slotProps.secondaryContent))), iconPosition === 'after' && React.createElement(slots.icon, Object.assign({}, slotProps.icon)));
26
26
  };
27
27
 
28
28
  exports.renderCompoundButton = renderCompoundButton;