@fluentui/web-components 3.0.0-beta.10 → 3.0.0-beta.12
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/index.d.ts +3 -0
- 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/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/index.d.ts +2 -0
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- 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/avatar/avatar.styles.js +1 -1
- package/dist/esm/avatar/avatar.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 -55
- 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/checkbox/checkbox.styles.js +1 -1
- package/dist/esm/checkbox/checkbox.styles.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/dialog/dialog.styles.js +1 -1
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +1 -1
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.styles.js +1 -1
- package/dist/esm/label/label.styles.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/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/radio/radio.styles.js +1 -1
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +1 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +1 -1
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +1 -1
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +1 -1
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +1 -1
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +1 -1
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
- package/dist/esm/tabs/tabs.styles.js +1 -1
- package/dist/esm/tabs/tabs.styles.js.map +1 -1
- package/dist/esm/text/text.styles.js +1 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +1 -1
- package/dist/esm/text-input/text-input.styles.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/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
- package/dist/esm/utils/display.js +15 -0
- package/dist/esm/utils/display.js.map +1 -0
- package/dist/esm/utils/index.js +2 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/fluent-web-components.api.json +1213 -771
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js → 289.703b1698.iframe.bundle.js} +2 -2
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js.LICENSE.txt → 289.703b1698.iframe.bundle.js.LICENSE.txt} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/main.d55b693e.iframe.bundle.js +2 -0
- package/dist/storybook/project.json +1 -1
- package/dist/web-components.d.ts +407 -219
- package/dist/web-components.js +807 -671
- package/dist/web-components.min.js +140 -139
- package/docs/api-report.md +107 -77
- package/package.json +4 -3
- package/playwright.config.ts +2 -3
- package/tensile.config.js +0 -2
- 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.b9de79ac.iframe.bundle.js +0 -2
- /package/dist/storybook/{main.b9de79ac.iframe.bundle.js.LICENSE.txt → main.d55b693e.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display, forcedColorsStylesheetBehavior } from '
|
|
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,10 +13,6 @@ 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;
|
|
@@ -34,26 +34,27 @@ export const styles = css `
|
|
|
34
34
|
transition-property: background, border, color;
|
|
35
35
|
transition-timing-function: ${curveEasyEase};
|
|
36
36
|
cursor: pointer;
|
|
37
|
+
user-select: none;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
.content {
|
|
40
41
|
display: inherit;
|
|
41
42
|
}
|
|
42
43
|
|
|
43
|
-
:host(:hover)
|
|
44
|
+
:host(:hover) {
|
|
44
45
|
background-color: ${colorNeutralBackground1Hover};
|
|
45
46
|
color: ${colorNeutralForeground1Hover};
|
|
46
47
|
border-color: ${colorNeutralStroke1Hover};
|
|
47
48
|
}
|
|
48
49
|
|
|
49
|
-
:host(:hover:active)
|
|
50
|
+
:host(:hover:active) {
|
|
50
51
|
background-color: ${colorNeutralBackground1Pressed};
|
|
51
52
|
border-color: ${colorNeutralStroke1Pressed};
|
|
52
53
|
color: ${colorNeutralForeground1Pressed};
|
|
53
54
|
outline-style: none;
|
|
54
55
|
}
|
|
55
56
|
|
|
56
|
-
:host
|
|
57
|
+
:host(:focus-visible) {
|
|
57
58
|
border-color: ${colorTransparentStroke};
|
|
58
59
|
outline: ${strokeWidthThick}) solid ${colorTransparentStroke};
|
|
59
60
|
box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
|
|
@@ -80,16 +81,13 @@ export const styles = css `
|
|
|
80
81
|
margin-inline-start: var(--icon-spacing);
|
|
81
82
|
}
|
|
82
83
|
|
|
83
|
-
:host([icon-only])
|
|
84
|
+
:host([icon-only]) {
|
|
84
85
|
min-width: 32px;
|
|
85
86
|
max-width: 32px;
|
|
86
87
|
}
|
|
87
88
|
|
|
88
89
|
:host([size='small']) {
|
|
89
90
|
--icon-spacing: ${spacingHorizontalXS};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
:host([size='small']) .control {
|
|
93
91
|
min-height: 24px;
|
|
94
92
|
min-width: 64px;
|
|
95
93
|
padding: 0 ${spacingHorizontalS};
|
|
@@ -99,12 +97,12 @@ export const styles = css `
|
|
|
99
97
|
font-weight: ${fontWeightRegular};
|
|
100
98
|
}
|
|
101
99
|
|
|
102
|
-
:host([size='small'][icon-only])
|
|
100
|
+
:host([size='small'][icon-only]) {
|
|
103
101
|
min-width: 24px;
|
|
104
102
|
max-width: 24px;
|
|
105
103
|
}
|
|
106
104
|
|
|
107
|
-
:host([size='large'])
|
|
105
|
+
:host([size='large']) {
|
|
108
106
|
min-height: 40px;
|
|
109
107
|
border-radius: ${borderRadiusLarge};
|
|
110
108
|
padding: 0 ${spacingHorizontalL};
|
|
@@ -112,7 +110,7 @@ export const styles = css `
|
|
|
112
110
|
line-height: ${lineHeightBase400};
|
|
113
111
|
}
|
|
114
112
|
|
|
115
|
-
:host([size='large'][icon-only])
|
|
113
|
+
:host([size='large'][icon-only]) {
|
|
116
114
|
min-width: 40px;
|
|
117
115
|
max-width: 40px;
|
|
118
116
|
}
|
|
@@ -123,86 +121,86 @@ export const styles = css `
|
|
|
123
121
|
width: 24px;
|
|
124
122
|
}
|
|
125
123
|
|
|
126
|
-
:host([shape='circular'])
|
|
127
|
-
:host([shape='circular']
|
|
124
|
+
:host([shape='circular']),
|
|
125
|
+
:host([shape='circular']:focus-visible) {
|
|
128
126
|
border-radius: ${borderRadiusCircular};
|
|
129
127
|
}
|
|
130
128
|
|
|
131
|
-
:host([shape='square'])
|
|
132
|
-
:host([shape='square']
|
|
129
|
+
:host([shape='square']),
|
|
130
|
+
:host([shape='square']:focus-visible) {
|
|
133
131
|
border-radius: ${borderRadiusNone};
|
|
134
132
|
}
|
|
135
133
|
|
|
136
|
-
:host([appearance='primary'])
|
|
134
|
+
:host([appearance='primary']) {
|
|
137
135
|
background-color: ${colorBrandBackground};
|
|
138
136
|
color: ${colorNeutralForegroundOnBrand};
|
|
139
137
|
border-color: transparent;
|
|
140
138
|
}
|
|
141
139
|
|
|
142
|
-
:host([appearance='primary']:hover)
|
|
140
|
+
:host([appearance='primary']:hover) {
|
|
143
141
|
background-color: ${colorBrandBackgroundHover};
|
|
144
142
|
}
|
|
145
143
|
|
|
146
|
-
:host([appearance='primary']:hover)
|
|
147
|
-
:host([appearance='primary']:hover:active)
|
|
144
|
+
:host([appearance='primary']:hover),
|
|
145
|
+
:host([appearance='primary']:hover:active) {
|
|
148
146
|
border-color: transparent;
|
|
149
147
|
color: ${colorNeutralForegroundOnBrand};
|
|
150
148
|
}
|
|
151
149
|
|
|
152
|
-
:host([appearance='primary']:hover:active)
|
|
150
|
+
:host([appearance='primary']:hover:active) {
|
|
153
151
|
background-color: ${colorBrandBackgroundPressed};
|
|
154
152
|
}
|
|
155
153
|
|
|
156
|
-
:host([appearance='primary']
|
|
154
|
+
:host([appearance='primary']:focus-visible) {
|
|
157
155
|
border-color: ${colorNeutralForegroundOnBrand};
|
|
158
156
|
box-shadow: ${shadow2}, 0 0 0 2px ${colorStrokeFocus2};
|
|
159
157
|
}
|
|
160
158
|
|
|
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)
|
|
159
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"])),
|
|
160
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover),
|
|
161
|
+
:host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance="primary"]):hover:active) {
|
|
164
162
|
border-color: transparent;
|
|
165
163
|
}
|
|
166
164
|
|
|
167
|
-
:host([appearance='outline'])
|
|
165
|
+
:host([appearance='outline']) {
|
|
168
166
|
background-color: ${colorTransparentBackground};
|
|
169
167
|
}
|
|
170
168
|
|
|
171
|
-
:host([appearance='outline']:hover)
|
|
169
|
+
:host([appearance='outline']:hover) {
|
|
172
170
|
background-color: ${colorTransparentBackgroundHover};
|
|
173
171
|
}
|
|
174
172
|
|
|
175
|
-
:host([appearance='outline']:hover:active)
|
|
173
|
+
:host([appearance='outline']:hover:active) {
|
|
176
174
|
background-color: ${colorTransparentBackgroundPressed};
|
|
177
175
|
}
|
|
178
176
|
|
|
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)
|
|
177
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"])),
|
|
178
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover),
|
|
179
|
+
:host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance="outline"]):hover:active) {
|
|
182
180
|
background-color: ${colorTransparentBackground};
|
|
183
181
|
}
|
|
184
182
|
|
|
185
|
-
:host([appearance='subtle'])
|
|
183
|
+
:host([appearance='subtle']) {
|
|
186
184
|
background-color: ${colorSubtleBackground};
|
|
187
185
|
color: ${colorNeutralForeground2};
|
|
188
186
|
border-color: transparent;
|
|
189
187
|
}
|
|
190
188
|
|
|
191
|
-
:host([appearance='subtle']:hover)
|
|
189
|
+
:host([appearance='subtle']:hover) {
|
|
192
190
|
background-color: ${colorSubtleBackgroundHover};
|
|
193
191
|
color: ${colorNeutralForeground2Hover};
|
|
194
192
|
border-color: transparent;
|
|
195
193
|
}
|
|
196
194
|
|
|
197
|
-
:host([appearance='subtle']:hover:active)
|
|
195
|
+
:host([appearance='subtle']:hover:active) {
|
|
198
196
|
background-color: ${colorSubtleBackgroundPressed};
|
|
199
197
|
color: ${colorNeutralForeground2Pressed};
|
|
200
198
|
border-color: transparent;
|
|
201
199
|
}
|
|
202
200
|
|
|
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)
|
|
201
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"])),
|
|
202
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover),
|
|
203
|
+
:host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance="subtle"]):hover:active) {
|
|
206
204
|
background-color: ${colorTransparentBackground};
|
|
207
205
|
border-color: transparent;
|
|
208
206
|
}
|
|
@@ -215,45 +213,44 @@ export const styles = css `
|
|
|
215
213
|
fill: ${colorNeutralForeground2BrandPressed};
|
|
216
214
|
}
|
|
217
215
|
|
|
218
|
-
:host([appearance='transparent'])
|
|
216
|
+
:host([appearance='transparent']) {
|
|
219
217
|
background-color: ${colorTransparentBackground};
|
|
220
218
|
color: ${colorNeutralForeground2};
|
|
221
219
|
}
|
|
222
220
|
|
|
223
|
-
:host([appearance='transparent']:hover)
|
|
221
|
+
:host([appearance='transparent']:hover) {
|
|
224
222
|
background-color: ${colorTransparentBackgroundHover};
|
|
225
223
|
color: ${colorNeutralForeground2BrandHover};
|
|
226
224
|
}
|
|
227
225
|
|
|
228
|
-
:host([appearance='transparent']:hover:active)
|
|
226
|
+
:host([appearance='transparent']:hover:active) {
|
|
229
227
|
background-color: ${colorTransparentBackgroundPressed};
|
|
230
228
|
color: ${colorNeutralForeground2BrandPressed};
|
|
231
229
|
}
|
|
232
230
|
|
|
233
|
-
:host([appearance='transparent'])
|
|
234
|
-
:host([appearance='transparent']:hover)
|
|
235
|
-
:host([appearance='transparent']:hover:active)
|
|
231
|
+
:host([appearance='transparent']),
|
|
232
|
+
:host([appearance='transparent']:hover),
|
|
233
|
+
:host([appearance='transparent']:hover:active) {
|
|
236
234
|
border-color: transparent;
|
|
237
235
|
}
|
|
238
236
|
|
|
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)
|
|
237
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"])),
|
|
238
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover),
|
|
239
|
+
:host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance="transparent"]):hover:active) {
|
|
242
240
|
border-color: transparent;
|
|
243
241
|
background-color: ${colorTransparentBackground};
|
|
244
242
|
}
|
|
245
243
|
|
|
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 {
|
|
244
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable])),
|
|
245
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover),
|
|
246
|
+
:host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover:active) {
|
|
250
247
|
background-color: ${colorNeutralBackgroundDisabled};
|
|
251
248
|
border-color: ${colorNeutralStrokeDisabled};
|
|
252
249
|
color: ${colorNeutralForegroundDisabled};
|
|
253
250
|
cursor: not-allowed;
|
|
254
251
|
}
|
|
255
252
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
256
|
-
:host([appearance='transparent']:hover)
|
|
253
|
+
:host([appearance='transparent']:hover) {
|
|
257
254
|
border-color: Highlight;
|
|
258
255
|
}
|
|
259
256
|
`));
|
|
@@ -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,
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display } from '
|
|
2
|
+
import { display } from '../utils/index.js';
|
|
3
3
|
import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorCompoundBrandForeground1, colorCompoundBrandForeground1Hover, colorCompoundBrandForeground1Pressed, colorCompoundBrandStroke, colorCompoundBrandStrokeHover, colorCompoundBrandStrokePressed, colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorStrokeFocus1, colorStrokeFocus2, colorTransparentBackgroundHover, fontFamilyBase, fontSizeBase300, lineHeightBase300, spacingHorizontalS, spacingHorizontalXS, spacingVerticalS, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
4
4
|
/** Checkbox styles
|
|
5
5
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,6BAA6B,EAC7B,kCAAkC,EAClC,oCAAoC,EACpC,wBAAwB,EACxB,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;mBAOP,cAAc;iBAChB,eAAe;mBACb,iBAAiB;aACvB,uBAAuB;;;;;;;;;qBASf,kBAAkB;;wBAEf,iBAAiB;kCACP,iBAAiB;;;;;;;;;;;cAWrC,gBAAgB,IAAI,kBAAkB;;;;cAItC,eAAe,UAAU,4BAA4B;qBAC9C,iBAAiB;;;;;;sBAMhB,kBAAkB;sBAClB,gBAAgB;mBACnB,gBAAgB;;;;;;;;;;aAUtB,8BAA8B;;;;;;;;;qBAStB,iBAAiB;wBACd,6BAA6B;;;;aAIxC,uBAAuB;;;oBAGhB,iCAAiC;;;wBAG7B,kCAAkC;;;oBAGtC,mCAAmC;;;wBAG/B,oCAAoC;;;;;aAK/C,uBAAuB;;;wBAGZ,4BAA4B;;;oBAGhC,6BAA6B;wBACzB,iCAAiC;;;wBAGjC,mCAAmC;;;oBAGvC,6BAA6B;;;;;;;;oBAQ7B,wBAAwB;;;;oBAIxB,+BAA+B;;;;;;sBAM7B,kBAAkB,IAAI,mBAAmB;mBAC5C,gBAAgB;sBACb,gBAAgB;;;;;;;;;;;;;;;;qBAgBjB,oBAAoB;;;;;wBAKjB,+BAA+B;oBACnC,0BAA0B;;;;;;;aAOjC,8BAA8B;;;wBAGnB,8BAA8B;;CAErD,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,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display } from '
|
|
2
|
+
import { display } from '../utils/index.js';
|
|
3
3
|
import { borderRadiusXLarge, colorBackgroundOverlay, colorNeutralBackground1, colorNeutralForeground1, colorTransparentStroke, fontFamilyBase, fontSizeBase300, fontSizeBase500, fontWeightRegular, fontWeightSemibold, lineHeightBase300, lineHeightBase500, shadow64, spacingHorizontalS, spacingHorizontalXXL, spacingVerticalS, spacingVerticalXXL, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
4
4
|
/** Dialog styles
|
|
5
5
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;yBAGM,sBAAsB;;;;kBAI7B,uBAAuB;cAC3B,eAAe,UAAU,sBAAsB;;;;;qBAKxC,kBAAkB;kBACrB,QAAQ;;;;;;;;;;;;;;;;;;;eAmBX,kBAAkB,IAAI,oBAAoB;;;;iBAIxC,eAAe;mBACb,iBAAiB;mBACjB,kBAAkB;mBAClB,cAAc;aACpB,uBAAuB;qBACf,gBAAgB;;;;;;;;;;aAUxB,uBAAuB;iBACnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;mBACjB,cAAc;;;;;;;;;;eAUlB,gBAAgB;mBACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;oBAqBjB,kBAAkB;qBACjB,gBAAgB;;;;CAIpC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display, forcedColorsStylesheetBehavior } from '
|
|
2
|
+
import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
|
|
3
3
|
import { colorBrandForeground1, colorBrandStroke1, colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralStroke1, colorNeutralStroke2, colorNeutralStroke3, fontFamilyBase, fontSizeBase200, fontWeightRegular, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
4
4
|
/** Divider styles
|
|
5
5
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../src/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../src/divider/divider.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,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;kBASD,mBAAmB;;;;;cAKvB,eAAe;;;;;;;;aAQhB,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAyCvB,eAAe;;;;;;;;;;;;;;;;;;;;;kBAqBV,mBAAmB;;;aAGxB,uBAAuB;;;;kBAIlB,iBAAiB;;;aAGtB,qBAAqB;;;;kBAIhB,mBAAmB;;;aAGxB,uBAAuB;;CAEnC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;GAYjC,CAAC,CACH,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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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -29,4 +29,7 @@ export * from './text-input/index.js';
|
|
|
29
29
|
export * from './toggle-button/index.js';
|
|
30
30
|
export * from './fluent-design-system.js';
|
|
31
31
|
export * from './theme/index.js';
|
|
32
|
+
export * from './utils/direction.js';
|
|
33
|
+
export * from './utils/display.js';
|
|
34
|
+
export * from './utils/behaviors/match-media-stylesheet-behavior.js';
|
|
32
35
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AAEjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sDAAsD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display } from '
|
|
2
|
+
import { display } from '../utils/index.js';
|
|
3
3
|
import { colorNeutralForeground1, colorNeutralForegroundDisabled, colorPaletteRedForeground1, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, fontWeightSemibold, lineHeightBase200, lineHeightBase300, lineHeightBase400, spacingHorizontalXS, } from '../theme/design-tokens.js';
|
|
4
4
|
/** Label styles
|
|
5
5
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.styles.js","sourceRoot":"","sources":["../../../src/label/label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"label.styles.js","sourceRoot":"","sources":["../../../src/label/label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;mBAGA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;aAGvB,0BAA0B;mBACpB,mBAAmB;;;iBAGrB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;mBACjB,kBAAkB;;;mBAGlB,kBAAkB;;;;aAIxB,8BAA8B;;CAE1C,CAAC"}
|