@fluentui/web-components 3.0.0-beta.11 → 3.0.0-beta.13
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.md +20 -2
- package/dist/dts/button/button.d.ts +173 -90
- package/dist/dts/button/button.definition.d.ts +3 -1
- package/dist/dts/button/button.options.d.ts +16 -1
- package/dist/dts/button/button.styles.d.ts +5 -0
- package/dist/dts/button/button.template.d.ts +7 -1
- package/dist/dts/form-associated/form-associated.d.ts +0 -74
- package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
- package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
- package/dist/esm/anchor-button/anchor-button.styles.js +254 -3
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/button/button.definition.js +3 -4
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.js +233 -126
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.js +10 -0
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.styles.js +52 -54
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/button/button.template.js +13 -39
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/compound-button/compound-button.definition.js +0 -3
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +7 -7
- package/dist/esm/compound-button/compound-button.template.js +3 -39
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/menu-button/menu-button.definition.js +0 -3
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.template.js +5 -1
- package/dist/esm/menu-button/menu-button.template.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.definition.js +0 -3
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js +42 -85
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +31 -26
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/fluent-web-components.api.json +342 -673
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/main.e73a6496.iframe.bundle.js +2 -0
- package/dist/storybook/project.json +1 -1
- package/dist/web-components.d.ts +250 -223
- package/dist/web-components.js +236 -229
- package/dist/web-components.min.js +51 -50
- package/docs/api-report.md +63 -79
- package/package.json +3 -2
- package/playwright.config.ts +2 -3
- package/dist/dts/button/button.form-associated.d.ts +0 -14
- package/dist/esm/button/button.form-associated.js +0 -14
- package/dist/esm/button/button.form-associated.js.map +0 -1
- package/dist/storybook/main.81e47c59.iframe.bundle.js +0 -2
- /package/dist/storybook/{main.81e47c59.iframe.bundle.js.LICENSE.txt → main.e73a6496.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
|
|
3
3
|
import { borderRadiusCircular, borderRadiusLarge, borderRadiusMedium, borderRadiusNone, borderRadiusSmall, colorBrandBackground, colorBrandBackgroundHover, colorBrandBackgroundPressed, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground1, colorNeutralForeground1Hover, colorNeutralForeground1Pressed, colorNeutralForeground2, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForegroundDisabled, colorNeutralForegroundOnBrand, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeDisabled, colorStrokeFocus2, colorSubtleBackground, colorSubtleBackgroundHover, colorSubtleBackgroundPressed, colorTransparentBackground, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorTransparentStroke, curveEasyEase, durationFaster, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, fontWeightSemibold, lineHeightBase200, lineHeightBase300, lineHeightBase400, shadow2, shadow4, spacingHorizontalL, spacingHorizontalM, spacingHorizontalS, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* The styles for the Button component.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
5
9
|
export const styles = css `
|
|
6
10
|
${display('inline-flex')}
|
|
7
11
|
|
|
@@ -9,13 +13,10 @@ export const styles = css `
|
|
|
9
13
|
--icon-spacing: ${spacingHorizontalSNudge};
|
|
10
14
|
contain: layout style;
|
|
11
15
|
vertical-align: middle;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
:host .control {
|
|
15
|
-
display: inline-flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
justify-content: center;
|
|
19
|
+
text-align: center;
|
|
19
20
|
text-decoration-line: none;
|
|
20
21
|
margin: 0;
|
|
21
22
|
min-height: 32px;
|
|
@@ -34,26 +35,27 @@ export const styles = css `
|
|
|
34
35
|
transition-property: background, border, color;
|
|
35
36
|
transition-timing-function: ${curveEasyEase};
|
|
36
37
|
cursor: pointer;
|
|
38
|
+
user-select: none;
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
.content {
|
|
40
42
|
display: inherit;
|
|
41
43
|
}
|
|
42
44
|
|
|
43
|
-
:host(:hover)
|
|
45
|
+
:host(:hover) {
|
|
44
46
|
background-color: ${colorNeutralBackground1Hover};
|
|
45
47
|
color: ${colorNeutralForeground1Hover};
|
|
46
48
|
border-color: ${colorNeutralStroke1Hover};
|
|
47
49
|
}
|
|
48
50
|
|
|
49
|
-
:host(:hover:active)
|
|
51
|
+
:host(:hover:active) {
|
|
50
52
|
background-color: ${colorNeutralBackground1Pressed};
|
|
51
53
|
border-color: ${colorNeutralStroke1Pressed};
|
|
52
54
|
color: ${colorNeutralForeground1Pressed};
|
|
53
55
|
outline-style: none;
|
|
54
56
|
}
|
|
55
57
|
|
|
56
|
-
:host
|
|
58
|
+
:host(:focus-visible) {
|
|
57
59
|
border-color: ${colorTransparentStroke};
|
|
58
60
|
outline: ${strokeWidthThick}) solid ${colorTransparentStroke};
|
|
59
61
|
box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
|
|
@@ -80,16 +82,13 @@ export const styles = css `
|
|
|
80
82
|
margin-inline-start: var(--icon-spacing);
|
|
81
83
|
}
|
|
82
84
|
|
|
83
|
-
:host([icon-only])
|
|
85
|
+
:host([icon-only]) {
|
|
84
86
|
min-width: 32px;
|
|
85
87
|
max-width: 32px;
|
|
86
88
|
}
|
|
87
89
|
|
|
88
90
|
:host([size='small']) {
|
|
89
91
|
--icon-spacing: ${spacingHorizontalXS};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
:host([size='small']) .control {
|
|
93
92
|
min-height: 24px;
|
|
94
93
|
min-width: 64px;
|
|
95
94
|
padding: 0 ${spacingHorizontalS};
|
|
@@ -99,12 +98,12 @@ export const styles = css `
|
|
|
99
98
|
font-weight: ${fontWeightRegular};
|
|
100
99
|
}
|
|
101
100
|
|
|
102
|
-
:host([size='small'][icon-only])
|
|
101
|
+
:host([size='small'][icon-only]) {
|
|
103
102
|
min-width: 24px;
|
|
104
103
|
max-width: 24px;
|
|
105
104
|
}
|
|
106
105
|
|
|
107
|
-
:host([size='large'])
|
|
106
|
+
:host([size='large']) {
|
|
108
107
|
min-height: 40px;
|
|
109
108
|
border-radius: ${borderRadiusLarge};
|
|
110
109
|
padding: 0 ${spacingHorizontalL};
|
|
@@ -112,7 +111,7 @@ export const styles = css `
|
|
|
112
111
|
line-height: ${lineHeightBase400};
|
|
113
112
|
}
|
|
114
113
|
|
|
115
|
-
:host([size='large'][icon-only])
|
|
114
|
+
:host([size='large'][icon-only]) {
|
|
116
115
|
min-width: 40px;
|
|
117
116
|
max-width: 40px;
|
|
118
117
|
}
|
|
@@ -123,86 +122,86 @@ export const styles = css `
|
|
|
123
122
|
width: 24px;
|
|
124
123
|
}
|
|
125
124
|
|
|
126
|
-
:host([shape='circular'])
|
|
127
|
-
:host([shape='circular']
|
|
125
|
+
:host([shape='circular']),
|
|
126
|
+
:host([shape='circular']:focus-visible) {
|
|
128
127
|
border-radius: ${borderRadiusCircular};
|
|
129
128
|
}
|
|
130
129
|
|
|
131
|
-
:host([shape='square'])
|
|
132
|
-
:host([shape='square']
|
|
130
|
+
:host([shape='square']),
|
|
131
|
+
:host([shape='square']:focus-visible) {
|
|
133
132
|
border-radius: ${borderRadiusNone};
|
|
134
133
|
}
|
|
135
134
|
|
|
136
|
-
:host([appearance='primary'])
|
|
135
|
+
:host([appearance='primary']) {
|
|
137
136
|
background-color: ${colorBrandBackground};
|
|
138
137
|
color: ${colorNeutralForegroundOnBrand};
|
|
139
138
|
border-color: transparent;
|
|
140
139
|
}
|
|
141
140
|
|
|
142
|
-
:host([appearance='primary']:hover)
|
|
141
|
+
:host([appearance='primary']:hover) {
|
|
143
142
|
background-color: ${colorBrandBackgroundHover};
|
|
144
143
|
}
|
|
145
144
|
|
|
146
|
-
:host([appearance='primary']:hover)
|
|
147
|
-
:host([appearance='primary']:hover:active)
|
|
145
|
+
:host([appearance='primary']:hover),
|
|
146
|
+
:host([appearance='primary']:hover:active) {
|
|
148
147
|
border-color: transparent;
|
|
149
148
|
color: ${colorNeutralForegroundOnBrand};
|
|
150
149
|
}
|
|
151
150
|
|
|
152
|
-
:host([appearance='primary']:hover:active)
|
|
151
|
+
:host([appearance='primary']:hover:active) {
|
|
153
152
|
background-color: ${colorBrandBackgroundPressed};
|
|
154
153
|
}
|
|
155
154
|
|
|
156
|
-
:host([appearance='primary']
|
|
155
|
+
:host([appearance='primary']:focus-visible) {
|
|
157
156
|
border-color: ${colorNeutralForegroundOnBrand};
|
|
158
157
|
box-shadow: ${shadow2}, 0 0 0 2px ${colorStrokeFocus2};
|
|
159
158
|
}
|
|
160
159
|
|
|
161
|
-
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]))
|
|
162
|
-
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover)
|
|
163
|
-
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover:active)
|
|
160
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"])),
|
|
161
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover),
|
|
162
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover:active) {
|
|
164
163
|
border-color: transparent;
|
|
165
164
|
}
|
|
166
165
|
|
|
167
|
-
:host([appearance='outline'])
|
|
166
|
+
:host([appearance='outline']) {
|
|
168
167
|
background-color: ${colorTransparentBackground};
|
|
169
168
|
}
|
|
170
169
|
|
|
171
|
-
:host([appearance='outline']:hover)
|
|
170
|
+
:host([appearance='outline']:hover) {
|
|
172
171
|
background-color: ${colorTransparentBackgroundHover};
|
|
173
172
|
}
|
|
174
173
|
|
|
175
|
-
:host([appearance='outline']:hover:active)
|
|
174
|
+
:host([appearance='outline']:hover:active) {
|
|
176
175
|
background-color: ${colorTransparentBackgroundPressed};
|
|
177
176
|
}
|
|
178
177
|
|
|
179
|
-
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]))
|
|
180
|
-
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover)
|
|
181
|
-
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover:active)
|
|
178
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"])),
|
|
179
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover),
|
|
180
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover:active) {
|
|
182
181
|
background-color: ${colorTransparentBackground};
|
|
183
182
|
}
|
|
184
183
|
|
|
185
|
-
:host([appearance='subtle'])
|
|
184
|
+
:host([appearance='subtle']) {
|
|
186
185
|
background-color: ${colorSubtleBackground};
|
|
187
186
|
color: ${colorNeutralForeground2};
|
|
188
187
|
border-color: transparent;
|
|
189
188
|
}
|
|
190
189
|
|
|
191
|
-
:host([appearance='subtle']:hover)
|
|
190
|
+
:host([appearance='subtle']:hover) {
|
|
192
191
|
background-color: ${colorSubtleBackgroundHover};
|
|
193
192
|
color: ${colorNeutralForeground2Hover};
|
|
194
193
|
border-color: transparent;
|
|
195
194
|
}
|
|
196
195
|
|
|
197
|
-
:host([appearance='subtle']:hover:active)
|
|
196
|
+
:host([appearance='subtle']:hover:active) {
|
|
198
197
|
background-color: ${colorSubtleBackgroundPressed};
|
|
199
198
|
color: ${colorNeutralForeground2Pressed};
|
|
200
199
|
border-color: transparent;
|
|
201
200
|
}
|
|
202
201
|
|
|
203
|
-
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]))
|
|
204
|
-
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover)
|
|
205
|
-
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover:active)
|
|
202
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"])),
|
|
203
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover),
|
|
204
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover:active) {
|
|
206
205
|
background-color: ${colorTransparentBackground};
|
|
207
206
|
border-color: transparent;
|
|
208
207
|
}
|
|
@@ -215,45 +214,44 @@ export const styles = css `
|
|
|
215
214
|
fill: ${colorNeutralForeground2BrandPressed};
|
|
216
215
|
}
|
|
217
216
|
|
|
218
|
-
:host([appearance='transparent'])
|
|
217
|
+
:host([appearance='transparent']) {
|
|
219
218
|
background-color: ${colorTransparentBackground};
|
|
220
219
|
color: ${colorNeutralForeground2};
|
|
221
220
|
}
|
|
222
221
|
|
|
223
|
-
:host([appearance='transparent']:hover)
|
|
222
|
+
:host([appearance='transparent']:hover) {
|
|
224
223
|
background-color: ${colorTransparentBackgroundHover};
|
|
225
224
|
color: ${colorNeutralForeground2BrandHover};
|
|
226
225
|
}
|
|
227
226
|
|
|
228
|
-
:host([appearance='transparent']:hover:active)
|
|
227
|
+
:host([appearance='transparent']:hover:active) {
|
|
229
228
|
background-color: ${colorTransparentBackgroundPressed};
|
|
230
229
|
color: ${colorNeutralForeground2BrandPressed};
|
|
231
230
|
}
|
|
232
231
|
|
|
233
|
-
:host([appearance='transparent'])
|
|
234
|
-
:host([appearance='transparent']:hover)
|
|
235
|
-
:host([appearance='transparent']:hover:active)
|
|
232
|
+
:host([appearance='transparent']),
|
|
233
|
+
:host([appearance='transparent']:hover),
|
|
234
|
+
:host([appearance='transparent']:hover:active) {
|
|
236
235
|
border-color: transparent;
|
|
237
236
|
}
|
|
238
237
|
|
|
239
|
-
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]))
|
|
240
|
-
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover)
|
|
241
|
-
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover:active)
|
|
238
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"])),
|
|
239
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover),
|
|
240
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover:active) {
|
|
242
241
|
border-color: transparent;
|
|
243
242
|
background-color: ${colorTransparentBackground};
|
|
244
243
|
}
|
|
245
244
|
|
|
246
|
-
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]))
|
|
247
|
-
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover)
|
|
248
|
-
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover:active)
|
|
249
|
-
.control {
|
|
245
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable])),
|
|
246
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover),
|
|
247
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover:active) {
|
|
250
248
|
background-color: ${colorNeutralBackgroundDisabled};
|
|
251
249
|
border-color: ${colorNeutralStrokeDisabled};
|
|
252
250
|
color: ${colorNeutralForegroundDisabled};
|
|
253
251
|
cursor: not-allowed;
|
|
254
252
|
}
|
|
255
253
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
256
|
-
:host([appearance='transparent']:hover)
|
|
254
|
+
:host([appearance='transparent']:hover) {
|
|
257
255
|
border-color: Highlight;
|
|
258
256
|
}
|
|
259
257
|
`));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,55 +1,29 @@
|
|
|
1
|
-
import { html,
|
|
1
|
+
import { html, slotted } from '@microsoft/fast-element';
|
|
2
2
|
import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Generates a template for the Button component.
|
|
5
|
+
*
|
|
5
6
|
* @public
|
|
6
7
|
*/
|
|
7
8
|
export function buttonTemplate(options = {}) {
|
|
8
9
|
return html `
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
?disabled="${x => x.disabled}"
|
|
14
|
-
form="${x => x.formId}"
|
|
15
|
-
formaction="${x => x.formaction}"
|
|
16
|
-
formenctype="${x => x.formenctype}"
|
|
17
|
-
formmethod="${x => x.formmethod}"
|
|
18
|
-
?formnovalidate="${x => x.formnovalidate}"
|
|
19
|
-
formtarget="${x => x.formtarget}"
|
|
20
|
-
name="${x => x.name}"
|
|
21
|
-
type="${x => x.type}"
|
|
22
|
-
value="${x => x.value}"
|
|
23
|
-
aria-atomic="${x => x.ariaAtomic}"
|
|
24
|
-
aria-busy="${x => x.ariaBusy}"
|
|
25
|
-
aria-controls="${x => x.ariaControls}"
|
|
26
|
-
aria-current="${x => x.ariaCurrent}"
|
|
27
|
-
aria-describedby="${x => x.ariaDescribedby}"
|
|
28
|
-
aria-details="${x => x.ariaDetails}"
|
|
29
|
-
aria-disabled="${x => x.ariaDisabled}"
|
|
30
|
-
aria-errormessage="${x => x.ariaErrormessage}"
|
|
31
|
-
aria-expanded="${x => x.ariaExpanded}"
|
|
32
|
-
aria-flowto="${x => x.ariaFlowto}"
|
|
33
|
-
aria-haspopup="${x => x.ariaHaspopup}"
|
|
34
|
-
aria-hidden="${x => x.ariaHidden}"
|
|
35
|
-
aria-invalid="${x => x.ariaInvalid}"
|
|
36
|
-
aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
|
|
37
|
-
aria-label="${x => x.ariaLabel}"
|
|
38
|
-
aria-labelledby="${x => x.ariaLabelledby}"
|
|
39
|
-
aria-live="${x => x.ariaLive}"
|
|
40
|
-
aria-owns="${x => x.ariaOwns}"
|
|
41
|
-
aria-pressed="${x => x.ariaPressed}"
|
|
42
|
-
aria-relevant="${x => x.ariaRelevant}"
|
|
43
|
-
aria-roledescription="${x => x.ariaRoledescription}"
|
|
44
|
-
${ref('control')}
|
|
10
|
+
<template
|
|
11
|
+
tabindex="${x => (x.disabled ? -1 : 0)}"
|
|
12
|
+
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
13
|
+
@keypress="${(x, c) => x.keypressHandler(c.event)}"
|
|
45
14
|
>
|
|
46
15
|
${startSlotTemplate(options)}
|
|
47
16
|
<span class="content" part="content">
|
|
48
17
|
<slot ${slotted('defaultSlottedContent')}></slot>
|
|
49
18
|
</span>
|
|
50
19
|
${endSlotTemplate(options)}
|
|
51
|
-
</
|
|
20
|
+
</template>
|
|
52
21
|
`;
|
|
53
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* The template for the Button component.
|
|
25
|
+
*
|
|
26
|
+
* @public
|
|
27
|
+
*/
|
|
54
28
|
export const template = buttonTemplate();
|
|
55
29
|
//# sourceMappingURL=button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC5B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;mBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;;QAEhE,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;QAExC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compound-button.definition.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,kBAAkB;IACpD,QAAQ;IACR,MAAM;
|
|
1
|
+
{"version":3,"file":"compound-button.definition.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,kBAAkB;IACpD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -5,8 +5,8 @@ import { colorNeutralForeground2, colorNeutralForeground2BrandHover, colorNeutra
|
|
|
5
5
|
export const styles = css `
|
|
6
6
|
${ButtonStyles}
|
|
7
7
|
|
|
8
|
-
:host
|
|
9
|
-
:host(:is([size]))
|
|
8
|
+
:host,
|
|
9
|
+
:host(:is([size])) {
|
|
10
10
|
gap: 12px;
|
|
11
11
|
height: auto;
|
|
12
12
|
padding-top: 14px;
|
|
@@ -68,30 +68,30 @@ export const styles = css `
|
|
|
68
68
|
color: ${colorNeutralForegroundDisabled};
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
:host([size='small'])
|
|
71
|
+
:host([size='small']) {
|
|
72
72
|
padding: 8px;
|
|
73
73
|
padding-bottom: 10px;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
:host([icon-only])
|
|
76
|
+
:host([icon-only]) {
|
|
77
77
|
min-width: 52px;
|
|
78
78
|
max-width: 52px;
|
|
79
79
|
padding: ${spacingHorizontalSNudge};
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
:host([icon-only][size='small'])
|
|
82
|
+
:host([icon-only][size='small']) {
|
|
83
83
|
min-width: 48px;
|
|
84
84
|
max-width: 48px;
|
|
85
85
|
padding: ${spacingHorizontalXS};
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
:host([icon-only][size='large'])
|
|
88
|
+
:host([icon-only][size='large']) {
|
|
89
89
|
min-width: 56px;
|
|
90
90
|
max-width: 56px;
|
|
91
91
|
padding: ${spacingHorizontalS};
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
:host([size='large'])
|
|
94
|
+
:host([size='large']) {
|
|
95
95
|
padding-top: 18px;
|
|
96
96
|
padding-inline: 16px;
|
|
97
97
|
padding-bottom: 20px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { html,
|
|
1
|
+
import { html, slotted } from '@microsoft/fast-element';
|
|
2
2
|
import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
3
3
|
/**
|
|
4
4
|
* The template for the Compound Button component.
|
|
@@ -6,50 +6,14 @@ import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
|
6
6
|
*/
|
|
7
7
|
export function buttonTemplate(options = {}) {
|
|
8
8
|
return html `
|
|
9
|
-
<
|
|
10
|
-
class="control"
|
|
11
|
-
part="control"
|
|
12
|
-
?autofocus="${x => x.autofocus}"
|
|
13
|
-
?disabled="${x => x.disabled}"
|
|
14
|
-
form="${x => x.formId}"
|
|
15
|
-
formaction="${x => x.formaction}"
|
|
16
|
-
formenctype="${x => x.formenctype}"
|
|
17
|
-
formmethod="${x => x.formmethod}"
|
|
18
|
-
?formnovalidate="${x => x.formnovalidate}"
|
|
19
|
-
formtarget="${x => x.formtarget}"
|
|
20
|
-
name="${x => x.name}"
|
|
21
|
-
type="${x => x.type}"
|
|
22
|
-
value="${x => x.value}"
|
|
23
|
-
aria-atomic="${x => x.ariaAtomic}"
|
|
24
|
-
aria-busy="${x => x.ariaBusy}"
|
|
25
|
-
aria-controls="${x => x.ariaControls}"
|
|
26
|
-
aria-current="${x => x.ariaCurrent}"
|
|
27
|
-
aria-describedby="${x => x.ariaDescribedby}"
|
|
28
|
-
aria-details="${x => x.ariaDetails}"
|
|
29
|
-
aria-disabled="${x => x.ariaDisabled}"
|
|
30
|
-
aria-errormessage="${x => x.ariaErrormessage}"
|
|
31
|
-
aria-expanded="${x => x.ariaExpanded}"
|
|
32
|
-
aria-flowto="${x => x.ariaFlowto}"
|
|
33
|
-
aria-haspopup="${x => x.ariaHaspopup}"
|
|
34
|
-
aria-hidden="${x => x.ariaHidden}"
|
|
35
|
-
aria-invalid="${x => x.ariaInvalid}"
|
|
36
|
-
aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
|
|
37
|
-
aria-label="${x => x.ariaLabel}"
|
|
38
|
-
aria-labelledby="${x => x.ariaLabelledby}"
|
|
39
|
-
aria-live="${x => x.ariaLive}"
|
|
40
|
-
aria-owns="${x => x.ariaOwns}"
|
|
41
|
-
aria-pressed="${x => x.ariaPressed}"
|
|
42
|
-
aria-relevant="${x => x.ariaRelevant}"
|
|
43
|
-
aria-roledescription="${x => x.ariaRoledescription}"
|
|
44
|
-
${ref('control')}
|
|
45
|
-
>
|
|
9
|
+
<template ?disabled="${x => x.disabled}" tabindex="${x => (x.disabled ? -1 : 0)}">
|
|
46
10
|
${startSlotTemplate(options)}
|
|
47
11
|
<span class="content" part="content">
|
|
48
12
|
<slot ${slotted('defaultSlottedContent')}></slot>
|
|
49
13
|
<slot name="description"></slot>
|
|
50
14
|
</span>
|
|
51
15
|
${endSlotTemplate(options)}
|
|
52
|
-
</
|
|
16
|
+
</template>
|
|
53
17
|
`;
|
|
54
18
|
}
|
|
55
19
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compound-button.template.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"compound-button.template.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAA2B,UAAiC,EAAE;IAC1F,OAAO,IAAI,CAAG;2BACW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3E,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;;QAGxC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwC,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../src/form-associated/form-associated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElG,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../src/form-associated/form-associated.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;
|
|
1
|
+
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -5,6 +5,10 @@ import { buttonTemplate } from '../button/button.template.js';
|
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
7
|
export const template = buttonTemplate({
|
|
8
|
-
end: html.partial(
|
|
8
|
+
end: html.partial(/* html */ `
|
|
9
|
+
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
|
|
11
|
+
</svg>
|
|
12
|
+
`),
|
|
9
13
|
});
|
|
10
14
|
//# sourceMappingURL=menu-button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAa;IAClF,GAAG,EAAE,IAAI,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAa;IAClF,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;GAI5B,CAAC;CACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;
|
|
1
|
+
{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|