@fluentui/web-components 3.0.0-beta.95 → 3.0.0-beta.97
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 +22 -2
- package/dist/dts/text-input/text-input.base.d.ts +9 -0
- package/dist/esm/dialog/dialog.template.js +1 -1
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.styles.js +6 -0
- package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.base.js +17 -3
- package/dist/esm/text-input/text-input.base.js.map +1 -1
- package/dist/web-components.d.ts +9 -0
- package/dist/web-components.js +17 -5
- package/dist/web-components.min.js +40 -40
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 07 May 2025 04:08:14 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.97](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.97)
|
|
8
|
+
|
|
9
|
+
Wed, 07 May 2025 04:08:14 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.96..@fluentui/web-components_v3.0.0-beta.97)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- [fix]: Hitting escape once should close alert dialog ([PR #34382](https://github.com/microsoft/fluentui/pull/34382) by jes@microsoft.com)
|
|
15
|
+
- fix: text-input setValidity fails if control is not available ([PR #34372](https://github.com/microsoft/fluentui/pull/34372) by 863023+radium-v@users.noreply.github.com)
|
|
16
|
+
- [fix] drawer title should use h2 tag ([PR #34380](https://github.com/microsoft/fluentui/pull/34380) by jes@microsoft.com)
|
|
17
|
+
|
|
18
|
+
## [3.0.0-beta.96](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.96)
|
|
19
|
+
|
|
20
|
+
Wed, 30 Apr 2025 04:06:34 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.95..@fluentui/web-components_v3.0.0-beta.96)
|
|
22
|
+
|
|
23
|
+
### Changes
|
|
24
|
+
|
|
25
|
+
- feat: add endpoint for f2 design token exports ([PR #34344](https://github.com/microsoft/fluentui/pull/34344) by rupertdavid@microsoft.com)
|
|
26
|
+
|
|
7
27
|
## [3.0.0-beta.95](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.95)
|
|
8
28
|
|
|
9
|
-
Thu, 24 Apr 2025 04:06:
|
|
29
|
+
Thu, 24 Apr 2025 04:06:27 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.94..@fluentui/web-components_v3.0.0-beta.95)
|
|
11
31
|
|
|
12
32
|
### Changes
|
|
@@ -224,6 +224,15 @@ export declare class BaseTextInput extends FASTElement {
|
|
|
224
224
|
* @internal
|
|
225
225
|
*/
|
|
226
226
|
control: HTMLInputElement;
|
|
227
|
+
/**
|
|
228
|
+
* Calls the `setValidity` method when the control reference changes.
|
|
229
|
+
*
|
|
230
|
+
* @param prev - the previous control reference
|
|
231
|
+
* @param next - the current control reference
|
|
232
|
+
*
|
|
233
|
+
* @internal
|
|
234
|
+
*/
|
|
235
|
+
controlChanged(prev: HTMLInputElement | undefined, next: HTMLInputElement | undefined): void;
|
|
227
236
|
/**
|
|
228
237
|
* A reference to the internal label element.
|
|
229
238
|
*
|
|
@@ -15,7 +15,7 @@ export const template = html `
|
|
|
15
15
|
aria-labelledby="${x => x.ariaLabelledby}"
|
|
16
16
|
aria-label="${x => x.ariaLabel}"
|
|
17
17
|
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
18
|
-
@cancel="${
|
|
18
|
+
@cancel="${x => x.hide()}"
|
|
19
19
|
${ref('dialog')}
|
|
20
20
|
>
|
|
21
21
|
<slot></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,IAAI,CAAA;;YAE7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;kBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC7E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;uBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;kBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;cACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,IAAI,CAAA;;YAE7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;kBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC7E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;uBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;kBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;cACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;MACtB,GAAG,CAAC,QAAQ,CAAC;;;;CAIlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-body.styles.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAEtF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;eAMJ,mBAAmB;;;;;;;MAO5B,yBAAyB;;;;;;WAMpB,kBAAkB
|
|
1
|
+
{"version":3,"file":"drawer-body.styles.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAEtF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;eAMJ,mBAAmB;;;;;;;MAO5B,yBAAyB;;;;;;WAMpB,kBAAkB;;;;;;;;CAQ5B,CAAC"}
|
|
@@ -91,6 +91,17 @@ export class BaseTextInput extends FASTElement {
|
|
|
91
91
|
this.elementInternals.ariaRequired = `${!!next}`;
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
+
/**
|
|
95
|
+
* Calls the `setValidity` method when the control reference changes.
|
|
96
|
+
*
|
|
97
|
+
* @param prev - the previous control reference
|
|
98
|
+
* @param next - the current control reference
|
|
99
|
+
*
|
|
100
|
+
* @internal
|
|
101
|
+
*/
|
|
102
|
+
controlChanged(prev, next) {
|
|
103
|
+
this.setValidity();
|
|
104
|
+
}
|
|
94
105
|
/**
|
|
95
106
|
* The form-associated flag.
|
|
96
107
|
* @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
|
|
@@ -328,13 +339,13 @@ export class BaseTextInput extends FASTElement {
|
|
|
328
339
|
*
|
|
329
340
|
* @internal
|
|
330
341
|
*/
|
|
331
|
-
setValidity(flags
|
|
332
|
-
if (this.$fastController.isConnected) {
|
|
342
|
+
setValidity(flags, message, anchor) {
|
|
343
|
+
if (this.$fastController.isConnected && this.control) {
|
|
333
344
|
if (this.disabled) {
|
|
334
345
|
this.elementInternals.setValidity({});
|
|
335
346
|
return;
|
|
336
347
|
}
|
|
337
|
-
this.elementInternals.setValidity(flags, message, anchor);
|
|
348
|
+
this.elementInternals.setValidity(flags ?? this.control.validity, message ?? this.validationMessage, anchor ?? this.control);
|
|
338
349
|
}
|
|
339
350
|
}
|
|
340
351
|
}
|
|
@@ -403,6 +414,9 @@ __decorate([
|
|
|
403
414
|
__decorate([
|
|
404
415
|
attr
|
|
405
416
|
], BaseTextInput.prototype, "type", void 0);
|
|
417
|
+
__decorate([
|
|
418
|
+
observable
|
|
419
|
+
], BaseTextInput.prototype, "control", void 0);
|
|
406
420
|
__decorate([
|
|
407
421
|
observable
|
|
408
422
|
], BaseTextInput.prototype, "controlLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.base.js","sourceRoot":"","sources":["../../../src/text-input/text-input.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEzF;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAwQE;;;;;;WAMG;QAEI,SAAI,GAAkB,aAAa,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input.base.js","sourceRoot":"","sources":["../../../src/text-input/text-input.base.ts"],"names":[],"mappings":"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"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -3103,6 +3103,15 @@ export declare class BaseTextInput extends FASTElement {
|
|
|
3103
3103
|
* @internal
|
|
3104
3104
|
*/
|
|
3105
3105
|
control: HTMLInputElement;
|
|
3106
|
+
/**
|
|
3107
|
+
* Calls the `setValidity` method when the control reference changes.
|
|
3108
|
+
*
|
|
3109
|
+
* @param prev - the previous control reference
|
|
3110
|
+
* @param next - the current control reference
|
|
3111
|
+
*
|
|
3112
|
+
* @internal
|
|
3113
|
+
*/
|
|
3114
|
+
controlChanged(prev: HTMLInputElement | undefined, next: HTMLInputElement | undefined): void;
|
|
3106
3115
|
/**
|
|
3107
3116
|
* A reference to the internal label element.
|
|
3108
3117
|
*
|
package/dist/web-components.js
CHANGED
|
@@ -6734,7 +6734,7 @@ __decorateClass$E([attr({
|
|
|
6734
6734
|
})], Dialog.prototype, "ariaLabelledby", 2);
|
|
6735
6735
|
__decorateClass$E([attr], Dialog.prototype, "type", 2);
|
|
6736
6736
|
|
|
6737
|
-
const template$y = html`<dialog role="${x => x.type === DialogType.alert ? "alertdialog" : "dialog"}" type="${x => x.type}" class="dialog" part="dialog" aria-modal="${x => x.type === DialogType.modal || x.type === DialogType.alert ? "true" : void 0}" aria-describedby="${x => x.ariaDescribedby}" aria-labelledby="${x => x.ariaLabelledby}" aria-label="${x => x.ariaLabel}" @click="${(x, c) => x.clickHandler(c.event)}" @cancel="${
|
|
6737
|
+
const template$y = html`<dialog role="${x => x.type === DialogType.alert ? "alertdialog" : "dialog"}" type="${x => x.type}" class="dialog" part="dialog" aria-modal="${x => x.type === DialogType.modal || x.type === DialogType.alert ? "true" : void 0}" aria-describedby="${x => x.ariaDescribedby}" aria-labelledby="${x => x.ariaLabelledby}" aria-label="${x => x.ariaLabel}" @click="${(x, c) => x.clickHandler(c.event)}" @cancel="${x => x.hide()}" ${ref("dialog")}><slot></slot></dialog>`;
|
|
6738
6738
|
|
|
6739
6739
|
const styles$x = css`
|
|
6740
6740
|
@layer base{:host{--dialog-backdrop:${colorBackgroundOverlay};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${colorNeutralBackground1};border-radius:${borderRadiusXLarge};border:none;box-shadow:${shadow64};color:${colorNeutralForeground1};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${durationGentle};transition-timing-function:${curveDecelerateMid};opacity:0}::backdrop{transition-timing-function:${curveLinear}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${curveAccelerateMid}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
|
|
@@ -7025,7 +7025,7 @@ class DrawerBody extends FASTElement {}
|
|
|
7025
7025
|
|
|
7026
7026
|
const styles$t = css`
|
|
7027
7027
|
${display("grid")}
|
|
7028
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${spacingHorizontalXL};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${typographySubtitle1Styles}}.footer{display:flex;justify-content:flex-start;gap:${spacingHorizontalM}}`;
|
|
7028
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${spacingHorizontalXL};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${typographySubtitle1Styles}}.footer{display:flex;justify-content:flex-start;gap:${spacingHorizontalM}}::slotted([slot='title']){font:inherit;padding:0;margin:0}`;
|
|
7029
7029
|
|
|
7030
7030
|
function drawerBodyTemplate() {
|
|
7031
7031
|
return html`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`;
|
|
@@ -12555,6 +12555,17 @@ class BaseTextInput extends FASTElement {
|
|
|
12555
12555
|
this.elementInternals.ariaRequired = `${!!next}`;
|
|
12556
12556
|
}
|
|
12557
12557
|
}
|
|
12558
|
+
/**
|
|
12559
|
+
* Calls the `setValidity` method when the control reference changes.
|
|
12560
|
+
*
|
|
12561
|
+
* @param prev - the previous control reference
|
|
12562
|
+
* @param next - the current control reference
|
|
12563
|
+
*
|
|
12564
|
+
* @internal
|
|
12565
|
+
*/
|
|
12566
|
+
controlChanged(prev, next) {
|
|
12567
|
+
this.setValidity();
|
|
12568
|
+
}
|
|
12558
12569
|
/**
|
|
12559
12570
|
* The element's validity state.
|
|
12560
12571
|
*
|
|
@@ -12785,13 +12796,13 @@ class BaseTextInput extends FASTElement {
|
|
|
12785
12796
|
*
|
|
12786
12797
|
* @internal
|
|
12787
12798
|
*/
|
|
12788
|
-
setValidity(flags
|
|
12789
|
-
if (this.$fastController.isConnected) {
|
|
12799
|
+
setValidity(flags, message, anchor) {
|
|
12800
|
+
if (this.$fastController.isConnected && this.control) {
|
|
12790
12801
|
if (this.disabled) {
|
|
12791
12802
|
this.elementInternals.setValidity({});
|
|
12792
12803
|
return;
|
|
12793
12804
|
}
|
|
12794
|
-
this.elementInternals.setValidity(flags, message, anchor);
|
|
12805
|
+
this.elementInternals.setValidity(flags ?? this.control.validity, message ?? this.validationMessage, anchor ?? this.control);
|
|
12795
12806
|
}
|
|
12796
12807
|
}
|
|
12797
12808
|
}
|
|
@@ -12851,6 +12862,7 @@ __decorateClass$8([attr({
|
|
|
12851
12862
|
}
|
|
12852
12863
|
})], BaseTextInput.prototype, "spellcheck", 2);
|
|
12853
12864
|
__decorateClass$8([attr], BaseTextInput.prototype, "type", 2);
|
|
12865
|
+
__decorateClass$8([observable], BaseTextInput.prototype, "control", 2);
|
|
12854
12866
|
__decorateClass$8([observable], BaseTextInput.prototype, "controlLabel", 2);
|
|
12855
12867
|
|
|
12856
12868
|
var __defProp$7 = Object.defineProperty;
|