@fluentui/web-components 3.0.0-rc.7 → 3.0.0-rc.9

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 (43) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/custom-elements.json +80 -37
  3. package/dist/esm/badge/badge.options.d.ts +3 -1
  4. package/dist/esm/badge/badge.options.js.map +1 -1
  5. package/dist/esm/counter-badge/counter-badge.d.ts +2 -1
  6. package/dist/esm/counter-badge/counter-badge.js +2 -1
  7. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  8. package/dist/esm/dialog/dialog.d.ts +23 -8
  9. package/dist/esm/dialog/dialog.js +15 -6
  10. package/dist/esm/dialog/dialog.js.map +1 -1
  11. package/dist/esm/dialog/dialog.template.js.map +1 -1
  12. package/dist/esm/drawer/drawer.d.ts +18 -9
  13. package/dist/esm/drawer/drawer.js +12 -6
  14. package/dist/esm/drawer/drawer.js.map +1 -1
  15. package/dist/esm/message-bar/message-bar.d.ts +2 -1
  16. package/dist/esm/message-bar/message-bar.js +2 -1
  17. package/dist/esm/message-bar/message-bar.js.map +1 -1
  18. package/dist/esm/message-bar/message-bar.options.d.ts +6 -3
  19. package/dist/esm/message-bar/message-bar.options.js +6 -3
  20. package/dist/esm/message-bar/message-bar.options.js.map +1 -1
  21. package/dist/esm/progress-bar/progress-bar.base.d.ts +16 -4
  22. package/dist/esm/progress-bar/progress-bar.base.js +4 -1
  23. package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
  24. package/dist/esm/progress-bar/progress-bar.d.ts +8 -2
  25. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  26. package/dist/esm/styles/partials/badge.partials.d.ts +2 -1
  27. package/dist/esm/styles/partials/badge.partials.js +2 -1
  28. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  29. package/dist/esm/textarea/textarea.base.d.ts +5 -0
  30. package/dist/esm/textarea/textarea.base.js +4 -1
  31. package/dist/esm/textarea/textarea.base.js.map +1 -1
  32. package/dist/esm/textarea/textarea.template.js +1 -1
  33. package/dist/esm/textarea/textarea.template.js.map +1 -1
  34. package/dist/esm/tree/tree.d.ts +8 -2
  35. package/dist/esm/tree/tree.js +8 -2
  36. package/dist/esm/tree/tree.js.map +1 -1
  37. package/dist/esm/tree-item/tree-item.base.d.ts +8 -2
  38. package/dist/esm/tree-item/tree-item.base.js +8 -2
  39. package/dist/esm/tree-item/tree-item.base.js.map +1 -1
  40. package/dist/web-components.d.ts +96 -32
  41. package/dist/web-components.js +29 -14
  42. package/dist/web-components.min.js +82 -82
  43. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 25 Feb 2026 04:09:03 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 12 Mar 2026 04:08:35 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.9)
8
+
9
+ Thu, 12 Mar 2026 04:08:35 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.8..@fluentui/web-components_v3.0.0-rc.9)
11
+
12
+ ### Changes
13
+
14
+ - fix(web-components): resolve auto-resize issues for TextArea in Firefox ([PR #35849](https://github.com/microsoft/fluentui/pull/35849) by 198982749+Copilot@users.noreply.github.com)
15
+
16
+ ## [3.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.8)
17
+
18
+ Tue, 03 Mar 2026 04:07:49 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.7..@fluentui/web-components_v3.0.0-rc.8)
20
+
21
+ ### Changes
22
+
23
+ - fix: reflect ariaLabel on dialog ([PR #35806](https://github.com/microsoft/fluentui/pull/35806) by rupertdavid@microsoft.com)
24
+
7
25
  ## [3.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.7)
8
26
 
9
- Wed, 25 Feb 2026 04:09:03 GMT
27
+ Wed, 25 Feb 2026 04:09:17 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.6..@fluentui/web-components_v3.0.0-rc.7)
11
29
 
12
30
  ### Changes
@@ -12213,6 +12213,7 @@
12213
12213
  "kind": "variable",
12214
12214
  "name": "badgeSizeStyles",
12215
12215
  "default": "css.partial` :host([size='tiny']) { width: 6px; height: 6px; font-size: 4px; line-height: 4px; padding-inline: 0; min-width: unset; } :host([size='tiny']) ::slotted(svg) { font-size: 6px; } :host([size='extra-small']) { width: 10px; height: 10px; font-size: 6px; line-height: 6px; padding-inline: 0; min-width: unset; } :host([size='extra-small']) ::slotted(svg) { font-size: 10px; } :host([size='small']) { min-width: 16px; height: 16px; font-size: ${fontSizeBase100}; line-height: ${lineHeightBase100}; padding-inline: calc(${spacingHorizontalXXS} + ${spacingHorizontalXXS}); } :host([size='small']) ::slotted(svg) { font-size: 12px; } :host([size='large']) { min-width: 24px; height: 24px; font-size: ${fontSizeBase200}; line-height: ${lineHeightBase200}; padding-inline: calc(${spacingHorizontalXS} + ${spacingHorizontalXXS}); } :host([size='large']) ::slotted(svg) { font-size: 16px; } :host([size='extra-large']) { min-width: 32px; height: 32px; font-size: ${fontSizeBase200}; line-height: ${lineHeightBase200}; padding-inline: calc(${spacingHorizontalSNudge} + ${spacingHorizontalXXS}); } :host([size='extra-large']) ::slotted(svg) { font-size: 20px; } `",
12216
+ "description": "The badge's size styles",
12216
12217
  "privacy": "public"
12217
12218
  },
12218
12219
  {
@@ -14244,7 +14245,8 @@
14244
14245
  "type": {
14245
14246
  "text": "HTMLDialogElement"
14246
14247
  },
14247
- "privacy": "public"
14248
+ "privacy": "public",
14249
+ "description": "The dialog element"
14248
14250
  },
14249
14251
  {
14250
14252
  "kind": "field",
@@ -14252,7 +14254,8 @@
14252
14254
  "type": {
14253
14255
  "text": "string | undefined"
14254
14256
  },
14255
- "privacy": "public"
14257
+ "privacy": "public",
14258
+ "description": "The ID of the element that describes the dialog"
14256
14259
  },
14257
14260
  {
14258
14261
  "kind": "field",
@@ -14260,7 +14263,17 @@
14260
14263
  "type": {
14261
14264
  "text": "string | undefined"
14262
14265
  },
14263
- "privacy": "public"
14266
+ "privacy": "public",
14267
+ "description": "The ID of the element that labels the dialog"
14268
+ },
14269
+ {
14270
+ "kind": "field",
14271
+ "name": "ariaLabel",
14272
+ "type": {
14273
+ "text": "string | null"
14274
+ },
14275
+ "privacy": "public",
14276
+ "description": "The label of the dialog"
14264
14277
  },
14265
14278
  {
14266
14279
  "kind": "field",
@@ -14269,6 +14282,7 @@
14269
14282
  "text": "DialogType"
14270
14283
  },
14271
14284
  "privacy": "public",
14285
+ "description": "The type of the dialog modal",
14272
14286
  "parsedType": {
14273
14287
  "text": "'modal' | 'non-modal' | 'alert'"
14274
14288
  }
@@ -14295,12 +14309,14 @@
14295
14309
  {
14296
14310
  "kind": "field",
14297
14311
  "name": "emitBeforeToggle",
14298
- "privacy": "public"
14312
+ "privacy": "public",
14313
+ "description": "Method to emit an event before the dialog's open state changes\nHTML spec proposal: https://github.com/whatwg/html/issues/9733"
14299
14314
  },
14300
14315
  {
14301
14316
  "kind": "field",
14302
14317
  "name": "emitToggle",
14303
- "privacy": "public"
14318
+ "privacy": "public",
14319
+ "description": "Method to emit an event after the dialog's open state changes\nHTML spec proposal: https://github.com/whatwg/html/issues/9733"
14304
14320
  },
14305
14321
  {
14306
14322
  "kind": "method",
@@ -14310,7 +14326,8 @@
14310
14326
  "type": {
14311
14327
  "text": "void"
14312
14328
  }
14313
- }
14329
+ },
14330
+ "description": "Method to show the dialog"
14314
14331
  },
14315
14332
  {
14316
14333
  "kind": "method",
@@ -14320,7 +14337,8 @@
14320
14337
  "type": {
14321
14338
  "text": "void"
14322
14339
  }
14323
- }
14340
+ },
14341
+ "description": "Method to hide the dialog"
14324
14342
  },
14325
14343
  {
14326
14344
  "kind": "method",
@@ -14339,7 +14357,8 @@
14339
14357
  },
14340
14358
  "description": "The click event"
14341
14359
  }
14342
- ]
14360
+ ],
14361
+ "description": "Handles click events on the dialog overlay for light-dismiss"
14343
14362
  }
14344
14363
  ],
14345
14364
  "attributes": [
@@ -14348,6 +14367,7 @@
14348
14367
  "type": {
14349
14368
  "text": "string | undefined"
14350
14369
  },
14370
+ "description": "The ID of the element that describes the dialog",
14351
14371
  "fieldName": "ariaDescribedby"
14352
14372
  },
14353
14373
  {
@@ -14355,13 +14375,23 @@
14355
14375
  "type": {
14356
14376
  "text": "string | undefined"
14357
14377
  },
14378
+ "description": "The ID of the element that labels the dialog",
14358
14379
  "fieldName": "ariaLabelledby"
14359
14380
  },
14381
+ {
14382
+ "name": "aria-label",
14383
+ "type": {
14384
+ "text": "string | null"
14385
+ },
14386
+ "description": "The label of the dialog",
14387
+ "fieldName": "ariaLabel"
14388
+ },
14360
14389
  {
14361
14390
  "name": "type",
14362
14391
  "type": {
14363
14392
  "text": "DialogType"
14364
14393
  },
14394
+ "description": "The type of the dialog modal",
14365
14395
  "fieldName": "type",
14366
14396
  "parsedType": {
14367
14397
  "text": "'modal' | 'non-modal' | 'alert'"
@@ -14689,6 +14719,7 @@
14689
14719
  "text": "DrawerType"
14690
14720
  },
14691
14721
  "privacy": "public",
14722
+ "description": "Determines whether the drawer should be displayed as modal or non-modal\nWhen rendered as a modal, an overlay is applied over the rest of the view.",
14692
14723
  "parsedType": {
14693
14724
  "text": "'inline' | 'modal' | 'non-modal'"
14694
14725
  }
@@ -14704,7 +14735,8 @@
14704
14735
  "type": {
14705
14736
  "text": "string | undefined"
14706
14737
  },
14707
- "privacy": "public"
14738
+ "privacy": "public",
14739
+ "description": "The ID of the element that labels the drawer."
14708
14740
  },
14709
14741
  {
14710
14742
  "kind": "field",
@@ -14712,7 +14744,8 @@
14712
14744
  "type": {
14713
14745
  "text": "string | undefined"
14714
14746
  },
14715
- "privacy": "public"
14747
+ "privacy": "public",
14748
+ "description": "The ID of the element that describes the drawer."
14716
14749
  },
14717
14750
  {
14718
14751
  "kind": "field",
@@ -14743,17 +14776,20 @@
14743
14776
  "type": {
14744
14777
  "text": "HTMLDialogElement"
14745
14778
  },
14746
- "privacy": "public"
14779
+ "privacy": "public",
14780
+ "description": "The dialog element."
14747
14781
  },
14748
14782
  {
14749
14783
  "kind": "field",
14750
14784
  "name": "emitToggle",
14751
- "privacy": "public"
14785
+ "privacy": "public",
14786
+ "description": "Method to emit an event after the dialog's open state changes\nHTML spec proposal: https://github.com/whatwg/html/issues/9733"
14752
14787
  },
14753
14788
  {
14754
14789
  "kind": "field",
14755
14790
  "name": "emitBeforeToggle",
14756
- "privacy": "public"
14791
+ "privacy": "public",
14792
+ "description": "Method to emit an event before the dialog's open state changes\nHTML spec proposal: https://github.com/whatwg/html/issues/9733"
14757
14793
  },
14758
14794
  {
14759
14795
  "kind": "method",
@@ -14763,7 +14799,8 @@
14763
14799
  "type": {
14764
14800
  "text": "void"
14765
14801
  }
14766
- }
14802
+ },
14803
+ "description": "Method to show the drawer"
14767
14804
  },
14768
14805
  {
14769
14806
  "kind": "method",
@@ -14773,7 +14810,8 @@
14773
14810
  "type": {
14774
14811
  "text": "void"
14775
14812
  }
14776
- }
14813
+ },
14814
+ "description": "Method to hide the drawer"
14777
14815
  },
14778
14816
  {
14779
14817
  "kind": "method",
@@ -14797,7 +14835,8 @@
14797
14835
  {
14798
14836
  "kind": "method",
14799
14837
  "name": "cancelHandler",
14800
- "privacy": "public"
14838
+ "privacy": "public",
14839
+ "description": "Handles cancel events on the drawer."
14801
14840
  },
14802
14841
  {
14803
14842
  "kind": "method",
@@ -14870,6 +14909,7 @@
14870
14909
  "type": {
14871
14910
  "text": "DrawerType"
14872
14911
  },
14912
+ "description": "Determines whether the drawer should be displayed as modal or non-modal\nWhen rendered as a modal, an overlay is applied over the rest of the view.",
14873
14913
  "fieldName": "type",
14874
14914
  "parsedType": {
14875
14915
  "text": "'inline' | 'modal' | 'non-modal'"
@@ -14880,6 +14920,7 @@
14880
14920
  "type": {
14881
14921
  "text": "string | undefined"
14882
14922
  },
14923
+ "description": "The ID of the element that labels the drawer.",
14883
14924
  "fieldName": "ariaLabelledby"
14884
14925
  },
14885
14926
  {
@@ -14887,6 +14928,7 @@
14887
14928
  "type": {
14888
14929
  "text": "string | undefined"
14889
14930
  },
14931
+ "description": "The ID of the element that describes the drawer.",
14890
14932
  "fieldName": "ariaDescribedby"
14891
14933
  },
14892
14934
  {
@@ -19428,7 +19470,8 @@
19428
19470
  {
19429
19471
  "kind": "field",
19430
19472
  "name": "dismissMessageBar",
19431
- "privacy": "public"
19473
+ "privacy": "public",
19474
+ "description": "Method to emit a `dismiss` event when the message bar is dismissed"
19432
19475
  },
19433
19476
  {
19434
19477
  "kind": "field",
@@ -19512,7 +19555,7 @@
19512
19555
  },
19513
19556
  "privacy": "public",
19514
19557
  "default": "null",
19515
- "description": "The validation state of the progress bar",
19558
+ "description": "The validation state of the progress bar\nThe validation state of the progress bar\n\nHTML Attribute: `validation-state`",
19516
19559
  "parsedType": {
19517
19560
  "text": "'success' | 'warning' | 'error' | null"
19518
19561
  }
@@ -19587,7 +19630,7 @@
19587
19630
  "text": "ProgressBarValidationState | null"
19588
19631
  },
19589
19632
  "default": "null",
19590
- "description": "The validation state of the progress bar",
19633
+ "description": "The validation state of the progress bar\nThe validation state of the progress bar\n\nHTML Attribute: `validation-state`",
19591
19634
  "fieldName": "validationState",
19592
19635
  "parsedType": {
19593
19636
  "text": "'success' | 'warning' | 'error' | null"
@@ -19630,7 +19673,7 @@
19630
19673
  "text": "ProgressBarThickness | undefined"
19631
19674
  },
19632
19675
  "privacy": "public",
19633
- "description": "The thickness of the progress bar",
19676
+ "description": "The thickness of the progress bar\n\nThe thickness of the progress bar\n\nHTML Attribute: `thickness`",
19634
19677
  "parsedType": {
19635
19678
  "text": "'medium' | 'large' | undefined"
19636
19679
  }
@@ -19642,7 +19685,7 @@
19642
19685
  "text": "ProgressBarShape | undefined"
19643
19686
  },
19644
19687
  "privacy": "public",
19645
- "description": "The shape of the progress bar",
19688
+ "description": "The shape of the progress bar\nThe shape of the progress bar\n\nHTML Attribute: `shape`",
19646
19689
  "parsedType": {
19647
19690
  "text": "'rounded' | 'square' | undefined"
19648
19691
  }
@@ -19655,7 +19698,7 @@
19655
19698
  },
19656
19699
  "privacy": "public",
19657
19700
  "default": "null",
19658
- "description": "The validation state of the progress bar",
19701
+ "description": "The validation state of the progress bar\nThe validation state of the progress bar\n\nHTML Attribute: `validation-state`",
19659
19702
  "parsedType": {
19660
19703
  "text": "'success' | 'warning' | 'error' | null"
19661
19704
  },
@@ -19749,7 +19792,7 @@
19749
19792
  "type": {
19750
19793
  "text": "ProgressBarThickness | undefined"
19751
19794
  },
19752
- "description": "The thickness of the progress bar",
19795
+ "description": "The thickness of the progress bar\n\nThe thickness of the progress bar\n\nHTML Attribute: `thickness`",
19753
19796
  "fieldName": "thickness",
19754
19797
  "parsedType": {
19755
19798
  "text": "'medium' | 'large' | undefined"
@@ -19760,7 +19803,7 @@
19760
19803
  "type": {
19761
19804
  "text": "ProgressBarShape | undefined"
19762
19805
  },
19763
- "description": "The shape of the progress bar",
19806
+ "description": "The shape of the progress bar\nThe shape of the progress bar\n\nHTML Attribute: `shape`",
19764
19807
  "fieldName": "shape",
19765
19808
  "parsedType": {
19766
19809
  "text": "'rounded' | 'square' | undefined"
@@ -19772,7 +19815,7 @@
19772
19815
  "text": "ProgressBarValidationState | null"
19773
19816
  },
19774
19817
  "default": "null",
19775
- "description": "The validation state of the progress bar",
19818
+ "description": "The validation state of the progress bar\nThe validation state of the progress bar\n\nHTML Attribute: `validation-state`",
19776
19819
  "fieldName": "validationState",
19777
19820
  "parsedType": {
19778
19821
  "text": "'success' | 'warning' | 'error' | null"
@@ -28245,7 +28288,7 @@
28245
28288
  "text": "boolean"
28246
28289
  },
28247
28290
  "default": "false",
28248
- "description": "When true, the control will be appear expanded by user interaction.",
28291
+ "description": "When true, the control will be appear expanded by user interaction.\nWhen true, the control will be appear expanded by user interaction.\n\nHTML Attribute: `expanded`",
28249
28292
  "privacy": "public"
28250
28293
  },
28251
28294
  {
@@ -28293,7 +28336,7 @@
28293
28336
  },
28294
28337
  "privacy": "public",
28295
28338
  "default": "false",
28296
- "description": "When true, the control has no child tree items"
28339
+ "description": "When true, the control has no child tree items\nWhen true, the control has no child tree items\n\nHTML Attribute: empty"
28297
28340
  },
28298
28341
  {
28299
28342
  "kind": "field",
@@ -28389,7 +28432,7 @@
28389
28432
  "text": "boolean"
28390
28433
  },
28391
28434
  "default": "false",
28392
- "description": "When true, the control will be appear expanded by user interaction.",
28435
+ "description": "When true, the control will be appear expanded by user interaction.\nWhen true, the control will be appear expanded by user interaction.\n\nHTML Attribute: `expanded`",
28393
28436
  "fieldName": "expanded"
28394
28437
  },
28395
28438
  {
@@ -28407,7 +28450,7 @@
28407
28450
  "text": "boolean"
28408
28451
  },
28409
28452
  "default": "false",
28410
- "description": "When true, the control has no child tree items",
28453
+ "description": "When true, the control has no child tree items\nWhen true, the control has no child tree items\n\nHTML Attribute: empty",
28411
28454
  "fieldName": "empty"
28412
28455
  },
28413
28456
  {
@@ -28485,7 +28528,7 @@
28485
28528
  "text": "boolean"
28486
28529
  },
28487
28530
  "default": "false",
28488
- "description": "When true, the control will be appear expanded by user interaction.",
28531
+ "description": "When true, the control will be appear expanded by user interaction.\nWhen true, the control will be appear expanded by user interaction.\n\nHTML Attribute: `expanded`",
28489
28532
  "privacy": "public",
28490
28533
  "inheritedFrom": {
28491
28534
  "name": "BaseTreeItem",
@@ -28545,7 +28588,7 @@
28545
28588
  },
28546
28589
  "privacy": "public",
28547
28590
  "default": "false",
28548
- "description": "When true, the control has no child tree items",
28591
+ "description": "When true, the control has no child tree items\nWhen true, the control has no child tree items\n\nHTML Attribute: empty",
28549
28592
  "inheritedFrom": {
28550
28593
  "name": "BaseTreeItem",
28551
28594
  "module": "src/tree-item/tree-item.base.ts"
@@ -28703,7 +28746,7 @@
28703
28746
  "text": "boolean"
28704
28747
  },
28705
28748
  "default": "false",
28706
- "description": "When true, the control will be appear expanded by user interaction.",
28749
+ "description": "When true, the control will be appear expanded by user interaction.\nWhen true, the control will be appear expanded by user interaction.\n\nHTML Attribute: `expanded`",
28707
28750
  "fieldName": "expanded",
28708
28751
  "inheritedFrom": {
28709
28752
  "name": "BaseTreeItem",
@@ -28729,7 +28772,7 @@
28729
28772
  "text": "boolean"
28730
28773
  },
28731
28774
  "default": "false",
28732
- "description": "When true, the control has no child tree items",
28775
+ "description": "When true, the control has no child tree items\nWhen true, the control has no child tree items\n\nHTML Attribute: empty",
28733
28776
  "fieldName": "empty",
28734
28777
  "inheritedFrom": {
28735
28778
  "name": "BaseTreeItem",
@@ -28886,7 +28929,7 @@
28886
28929
  "text": "TreeItemSize"
28887
28930
  },
28888
28931
  "privacy": "public",
28889
- "description": "The size of the tree item element",
28932
+ "description": "The size of the tree item element\nThe size of the tree item element\n\nHTML Attribute: size",
28890
28933
  "parsedType": {
28891
28934
  "text": "'small' | 'medium'"
28892
28935
  }
@@ -28903,7 +28946,7 @@
28903
28946
  "text": "TreeItemAppearance"
28904
28947
  },
28905
28948
  "privacy": "public",
28906
- "description": "The appearance variants of the tree item element",
28949
+ "description": "The appearance variants of the tree item element\nThe appearance variants of the tree item element\n\nHTML Attribute: appearance",
28907
28950
  "parsedType": {
28908
28951
  "text": "'subtle' | 'transparent' | 'subtle-alpha'"
28909
28952
  }
@@ -29015,7 +29058,7 @@
29015
29058
  "type": {
29016
29059
  "text": "TreeItemSize"
29017
29060
  },
29018
- "description": "The size of the tree item element",
29061
+ "description": "The size of the tree item element\nThe size of the tree item element\n\nHTML Attribute: size",
29019
29062
  "fieldName": "size",
29020
29063
  "parsedType": {
29021
29064
  "text": "'small' | 'medium'"
@@ -29026,7 +29069,7 @@
29026
29069
  "type": {
29027
29070
  "text": "TreeItemAppearance"
29028
29071
  },
29029
- "description": "The appearance variants of the tree item element",
29072
+ "description": "The appearance variants of the tree item element\nThe appearance variants of the tree item element\n\nHTML Attribute: appearance",
29030
29073
  "fieldName": "appearance",
29031
29074
  "parsedType": {
29032
29075
  "text": "'subtle' | 'transparent' | 'subtle-alpha'"
@@ -2,7 +2,9 @@ import type { StartEndOptions } from '../patterns/index.js';
2
2
  import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
3
3
  import type { Badge } from './badge.js';
4
4
  /**
5
- * @internal - marking as internal update when Badge PR for start/end is in
5
+ * - marking as internal update when Badge PR for start/end is in
6
+ *
7
+ * @internal
6
8
  */
7
9
  export type BadgeOptions = StartEndOptions<Badge> & {
8
10
  defaultContent?: StaticallyComposableHTML;
@@ -1 +1 @@
1
- {"version":3,"file":"badge.options.js","sourceRoot":"","sources":["../../../src/badge/badge.options.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC"}
1
+ {"version":3,"file":"badge.options.js","sourceRoot":"","sources":["../../../src/badge/badge.options.ts"],"names":[],"mappings":"AAaA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC"}
@@ -82,10 +82,11 @@ export declare class CounterBadge extends FASTElement {
82
82
  */
83
83
  dot: boolean;
84
84
  /**
85
- * @internal
86
85
  * Function to set the count
87
86
  * This is the default slotted content for the counter badge
88
87
  * If children are slotted, that will override the value returned
88
+ *
89
+ * @internal
89
90
  */
90
91
  setCount(): string | void;
91
92
  }
@@ -58,10 +58,11 @@ export class CounterBadge extends FASTElement {
58
58
  this.setCount();
59
59
  }
60
60
  /**
61
- * @internal
62
61
  * Function to set the count
63
62
  * This is the default slotted content for the counter badge
64
63
  * If children are slotted, that will override the value returned
64
+ *
65
+ * @internal
65
66
  */
66
67
  setCount() {
67
68
  const count = this.count ?? 0;
@@ -1 +1 @@
1
- {"version":3,"file":"counter-badge.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD;;;;;;GAMG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAA7C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QA0CnE;;;;;;WAMG;QAEI,UAAK,GAAW,CAAC,CAAC;QAKzB;;;;;;WAMG;QAEI,kBAAa,GAAW,EAAE,CAAC;QAKlC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,QAAG,GAAY,KAAK,CAAC;IAiB9B,CAAC;IApDW,YAAY;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAWS,oBAAoB;QAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAsBD;;;;;OAKG;IACI,QAAQ;QACb,MAAM,KAAK,GAAkB,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAChD,OAAO,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;QAC5E,CAAC;QAED,OAAO;IACT,CAAC;CACF;AA7FQ;IADN,IAAI;gDACsC;AAUpC;IADN,IAAI;2CAC4B;AAU1B;IADN,IAAI;2CAC4B;AAU1B;IADN,IAAI;0CAC0B;AAUxB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;2CACpB;AAalB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mDACxC;AAa3B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACjB;AAU1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yCACE;AA2B9B,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"counter-badge.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD;;;;;;GAMG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAA7C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QA0CnE;;;;;;WAMG;QAEI,UAAK,GAAW,CAAC,CAAC;QAKzB;;;;;;WAMG;QAEI,kBAAa,GAAW,EAAE,CAAC;QAKlC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,QAAG,GAAY,KAAK,CAAC;IAkB9B,CAAC;IArDW,YAAY;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAWS,oBAAoB;QAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAsBD;;;;;;OAMG;IACI,QAAQ;QACb,MAAM,KAAK,GAAkB,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAChD,OAAO,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;QAC5E,CAAC;QAED,OAAO;IACT,CAAC;CACF;AA9FQ;IADN,IAAI;gDACsC;AAUpC;IADN,IAAI;2CAC4B;AAU1B;IADN,IAAI;2CAC4B;AAU1B;IADN,IAAI;0CAC0B;AAUxB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;2CACpB;AAalB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mDACxC;AAa3B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACjB;AAU1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yCACE;AA4B9B,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}
@@ -9,53 +9,68 @@ import { DialogType } from './dialog.options.js';
9
9
  */
10
10
  export declare class Dialog extends FASTElement {
11
11
  /**
12
- * @public
13
12
  * The dialog element
13
+ *
14
+ * @public
14
15
  */
15
16
  dialog: HTMLDialogElement;
16
17
  /**
17
- * @public
18
18
  * The ID of the element that describes the dialog
19
+ *
20
+ * @public
19
21
  */
20
22
  ariaDescribedby?: string;
21
23
  /**
22
- * @public
23
24
  * The ID of the element that labels the dialog
25
+ *
26
+ * @public
24
27
  */
25
28
  ariaLabelledby?: string;
26
29
  /**
30
+ * The label of the dialog
31
+ *
27
32
  * @public
33
+ */
34
+ ariaLabel: string | null;
35
+ /**
28
36
  * The type of the dialog modal
37
+ *
38
+ * @public
29
39
  */
30
40
  type: DialogType;
31
41
  protected typeChanged(prev: DialogType | undefined, next: DialogType | undefined): void;
32
42
  /** @internal */
33
43
  connectedCallback(): void;
34
44
  /**
35
- * @public
36
45
  * Method to emit an event before the dialog's open state changes
37
46
  * HTML spec proposal: https://github.com/whatwg/html/issues/9733
47
+ *
48
+ * @public
38
49
  */
39
50
  emitBeforeToggle: () => void;
40
51
  /**
41
- * @public
42
52
  * Method to emit an event after the dialog's open state changes
43
53
  * HTML spec proposal: https://github.com/whatwg/html/issues/9733
54
+ *
55
+ * @public
44
56
  */
45
57
  emitToggle: () => void;
46
58
  /**
47
- * @public
48
59
  * Method to show the dialog
60
+ *
61
+ * @public
49
62
  */
50
63
  show(): void;
51
64
  /**
52
- * @public
53
65
  * Method to hide the dialog
66
+ *
67
+ * @public
54
68
  */
55
69
  hide(): void;
56
70
  /**
57
- * @public
58
71
  * Handles click events on the dialog overlay for light-dismiss
72
+ *
73
+ * @public
59
74
  * @param event - The click event
60
75
  * @returns boolean
61
76
  */
@@ -12,14 +12,16 @@ export class Dialog extends FASTElement {
12
12
  constructor() {
13
13
  super(...arguments);
14
14
  /**
15
- * @public
16
15
  * The type of the dialog modal
16
+ *
17
+ * @public
17
18
  */
18
19
  this.type = DialogType.modal;
19
20
  /**
20
- * @public
21
21
  * Method to emit an event before the dialog's open state changes
22
22
  * HTML spec proposal: https://github.com/whatwg/html/issues/9733
23
+ *
24
+ * @public
23
25
  */
24
26
  this.emitBeforeToggle = () => {
25
27
  this.$emit('beforetoggle', {
@@ -28,9 +30,10 @@ export class Dialog extends FASTElement {
28
30
  });
29
31
  };
30
32
  /**
31
- * @public
32
33
  * Method to emit an event after the dialog's open state changes
33
34
  * HTML spec proposal: https://github.com/whatwg/html/issues/9733
35
+ *
36
+ * @public
34
37
  */
35
38
  this.emitToggle = () => {
36
39
  this.$emit('toggle', {
@@ -62,8 +65,9 @@ export class Dialog extends FASTElement {
62
65
  this.typeChanged(undefined, this.type);
63
66
  }
64
67
  /**
65
- * @public
66
68
  * Method to show the dialog
69
+ *
70
+ * @public
67
71
  */
68
72
  show() {
69
73
  Updates.enqueue(() => {
@@ -78,8 +82,9 @@ export class Dialog extends FASTElement {
78
82
  });
79
83
  }
80
84
  /**
81
- * @public
82
85
  * Method to hide the dialog
86
+ *
87
+ * @public
83
88
  */
84
89
  hide() {
85
90
  this.emitBeforeToggle();
@@ -87,8 +92,9 @@ export class Dialog extends FASTElement {
87
92
  this.emitToggle();
88
93
  }
89
94
  /**
90
- * @public
91
95
  * Handles click events on the dialog overlay for light-dismiss
96
+ *
97
+ * @public
92
98
  * @param event - The click event
93
99
  * @returns boolean
94
100
  */
@@ -108,6 +114,9 @@ __decorate([
108
114
  __decorate([
109
115
  attr({ attribute: 'aria-labelledby' })
110
116
  ], Dialog.prototype, "ariaLabelledby", void 0);
117
+ __decorate([
118
+ attr({ attribute: 'aria-label' })
119
+ ], Dialog.prototype, "ariaLabel", void 0);
111
120
  __decorate([
112
121
  attr
113
122
  ], Dialog.prototype, "type", void 0);