@fluentui/web-components 3.0.0-beta.10 → 3.0.0-beta.11

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 (73) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/dts/index.d.ts +3 -0
  3. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
  4. package/dist/dts/utils/display.d.ts +17 -0
  5. package/dist/dts/utils/index.d.ts +2 -0
  6. package/dist/esm/accordion/accordion.styles.js +1 -1
  7. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  8. package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
  9. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  10. package/dist/esm/avatar/avatar.styles.js +1 -1
  11. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  12. package/dist/esm/button/button.styles.js +1 -1
  13. package/dist/esm/button/button.styles.js.map +1 -1
  14. package/dist/esm/checkbox/checkbox.styles.js +1 -1
  15. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  16. package/dist/esm/dialog/dialog.styles.js +1 -1
  17. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  18. package/dist/esm/divider/divider.styles.js +1 -1
  19. package/dist/esm/divider/divider.styles.js.map +1 -1
  20. package/dist/esm/index.js +3 -0
  21. package/dist/esm/index.js.map +1 -1
  22. package/dist/esm/label/label.styles.js +1 -1
  23. package/dist/esm/label/label.styles.js.map +1 -1
  24. package/dist/esm/menu-item/menu-item.styles.js +1 -1
  25. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  26. package/dist/esm/menu-list/menu-list.styles.js +1 -1
  27. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  28. package/dist/esm/progress-bar/progress-bar.styles.js +1 -1
  29. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  30. package/dist/esm/radio/radio.styles.js +1 -1
  31. package/dist/esm/radio/radio.styles.js.map +1 -1
  32. package/dist/esm/radio-group/radio-group.styles.js +1 -1
  33. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  34. package/dist/esm/slider/slider.styles.js +1 -1
  35. package/dist/esm/slider/slider.styles.js.map +1 -1
  36. package/dist/esm/spinner/spinner.styles.js +1 -1
  37. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  38. package/dist/esm/styles/partials/badge.partials.js +1 -1
  39. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  40. package/dist/esm/switch/switch.styles.js +1 -1
  41. package/dist/esm/switch/switch.styles.js.map +1 -1
  42. package/dist/esm/tab/tab.styles.js +1 -1
  43. package/dist/esm/tab/tab.styles.js.map +1 -1
  44. package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
  45. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
  46. package/dist/esm/tabs/tabs.styles.js +1 -1
  47. package/dist/esm/tabs/tabs.styles.js.map +1 -1
  48. package/dist/esm/text/text.styles.js +1 -1
  49. package/dist/esm/text/text.styles.js.map +1 -1
  50. package/dist/esm/text-input/text-input.styles.js +1 -1
  51. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  52. package/dist/esm/toggle-button/toggle-button.styles.js +1 -1
  53. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  54. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
  55. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
  56. package/dist/esm/utils/display.js +15 -0
  57. package/dist/esm/utils/display.js.map +1 -0
  58. package/dist/esm/utils/index.js +2 -0
  59. package/dist/esm/utils/index.js.map +1 -1
  60. package/dist/fluent-web-components.api.json +773 -0
  61. package/dist/storybook/{284.0946b1fb.iframe.bundle.js → 289.703b1698.iframe.bundle.js} +2 -2
  62. package/dist/storybook/{284.0946b1fb.iframe.bundle.js.LICENSE.txt → 289.703b1698.iframe.bundle.js.LICENSE.txt} +1 -1
  63. package/dist/storybook/iframe.html +1 -1
  64. package/dist/storybook/main.81e47c59.iframe.bundle.js +2 -0
  65. package/dist/storybook/project.json +1 -1
  66. package/dist/web-components.d.ts +161 -0
  67. package/dist/web-components.js +490 -361
  68. package/dist/web-components.min.js +137 -137
  69. package/docs/api-report.md +46 -0
  70. package/package.json +2 -2
  71. package/tensile.config.js +0 -2
  72. package/dist/storybook/main.b9de79ac.iframe.bundle.js +0 -2
  73. /package/dist/storybook/{main.b9de79ac.iframe.bundle.js.LICENSE.txt → main.81e47c59.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -14058,6 +14058,31 @@
14058
14058
  "endIndex": 5
14059
14059
  }
14060
14060
  },
14061
+ {
14062
+ "kind": "TypeAlias",
14063
+ "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type",
14064
+ "docComment": "/**\n * Define all possible CSS display values.\n *\n * @public\n */\n",
14065
+ "excerptTokens": [
14066
+ {
14067
+ "kind": "Content",
14068
+ "text": "export declare type CSSDisplayPropertyValue = "
14069
+ },
14070
+ {
14071
+ "kind": "Content",
14072
+ "text": "'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group'"
14073
+ },
14074
+ {
14075
+ "kind": "Content",
14076
+ "text": ";"
14077
+ }
14078
+ ],
14079
+ "releaseTag": "Public",
14080
+ "name": "CSSDisplayPropertyValue",
14081
+ "typeTokenRange": {
14082
+ "startIndex": 1,
14083
+ "endIndex": 2
14084
+ }
14085
+ },
14061
14086
  {
14062
14087
  "kind": "Variable",
14063
14088
  "canonicalReference": "@fluentui/web-components!curveAccelerateMax:var",
@@ -14292,6 +14317,42 @@
14292
14317
  "endIndex": 0
14293
14318
  }
14294
14319
  },
14320
+ {
14321
+ "kind": "Variable",
14322
+ "canonicalReference": "@fluentui/web-components!darkModeStylesheetBehavior:var",
14323
+ "docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: dark only stylesheet.\n *\n * @public\n */\n",
14324
+ "excerptTokens": [
14325
+ {
14326
+ "kind": "Content",
14327
+ "text": "darkModeStylesheetBehavior: "
14328
+ },
14329
+ {
14330
+ "kind": "Content",
14331
+ "text": "(styles: "
14332
+ },
14333
+ {
14334
+ "kind": "Reference",
14335
+ "text": "ElementStyles",
14336
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
14337
+ },
14338
+ {
14339
+ "kind": "Content",
14340
+ "text": ") => "
14341
+ },
14342
+ {
14343
+ "kind": "Reference",
14344
+ "text": "MatchMediaStyleSheetBehavior",
14345
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
14346
+ }
14347
+ ],
14348
+ "isReadonly": true,
14349
+ "releaseTag": "Public",
14350
+ "name": "darkModeStylesheetBehavior",
14351
+ "variableTypeTokenRange": {
14352
+ "startIndex": 1,
14353
+ "endIndex": 5
14354
+ }
14355
+ },
14295
14356
  {
14296
14357
  "kind": "Class",
14297
14358
  "canonicalReference": "@fluentui/web-components!DelegatesARIAButton:class",
@@ -15272,6 +15333,51 @@
15272
15333
  "endIndex": 5
15273
15334
  }
15274
15335
  },
15336
+ {
15337
+ "kind": "Function",
15338
+ "canonicalReference": "@fluentui/web-components!display:function(1)",
15339
+ "docComment": "/**\n * Applies a CSS display property. Also adds CSS rules to not display the element when the [hidden] attribute is applied to the element.\n *\n * @param display - The CSS display property value\n *\n * @public\n */\n",
15340
+ "excerptTokens": [
15341
+ {
15342
+ "kind": "Content",
15343
+ "text": "export declare function display(displayValue: "
15344
+ },
15345
+ {
15346
+ "kind": "Reference",
15347
+ "text": "CSSDisplayPropertyValue",
15348
+ "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type"
15349
+ },
15350
+ {
15351
+ "kind": "Content",
15352
+ "text": "): "
15353
+ },
15354
+ {
15355
+ "kind": "Content",
15356
+ "text": "string"
15357
+ },
15358
+ {
15359
+ "kind": "Content",
15360
+ "text": ";"
15361
+ }
15362
+ ],
15363
+ "returnTypeTokenRange": {
15364
+ "startIndex": 3,
15365
+ "endIndex": 4
15366
+ },
15367
+ "releaseTag": "Public",
15368
+ "overloadIndex": 1,
15369
+ "parameters": [
15370
+ {
15371
+ "parameterName": "displayValue",
15372
+ "parameterTypeTokenRange": {
15373
+ "startIndex": 1,
15374
+ "endIndex": 2
15375
+ },
15376
+ "isOptional": false
15377
+ }
15378
+ ],
15379
+ "name": "display"
15380
+ },
15275
15381
  {
15276
15382
  "kind": "Class",
15277
15383
  "canonicalReference": "@fluentui/web-components!Divider:class",
@@ -16458,6 +16564,104 @@
16458
16564
  "endIndex": 0
16459
16565
  }
16460
16566
  },
16567
+ {
16568
+ "kind": "Variable",
16569
+ "canonicalReference": "@fluentui/web-components!forcedColorsStylesheetBehavior:var",
16570
+ "docComment": "/**\n * This can be used to construct a behavior to apply a forced-colors only stylesheet.\n *\n * @public\n */\n",
16571
+ "excerptTokens": [
16572
+ {
16573
+ "kind": "Content",
16574
+ "text": "forcedColorsStylesheetBehavior: "
16575
+ },
16576
+ {
16577
+ "kind": "Content",
16578
+ "text": "(styles: "
16579
+ },
16580
+ {
16581
+ "kind": "Reference",
16582
+ "text": "ElementStyles",
16583
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
16584
+ },
16585
+ {
16586
+ "kind": "Content",
16587
+ "text": ") => "
16588
+ },
16589
+ {
16590
+ "kind": "Reference",
16591
+ "text": "MatchMediaStyleSheetBehavior",
16592
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
16593
+ }
16594
+ ],
16595
+ "isReadonly": true,
16596
+ "releaseTag": "Public",
16597
+ "name": "forcedColorsStylesheetBehavior",
16598
+ "variableTypeTokenRange": {
16599
+ "startIndex": 1,
16600
+ "endIndex": 5
16601
+ }
16602
+ },
16603
+ {
16604
+ "kind": "Variable",
16605
+ "canonicalReference": "@fluentui/web-components!getDirection:var",
16606
+ "docComment": "/**\n * Determines the current localization direction of an element.\n *\n * @param rootNode - the HTMLElement to begin the query from, usually \"this\" when used in a component controller\n *\n * @returns the localization direction of the element\n *\n * @public\n */\n",
16607
+ "excerptTokens": [
16608
+ {
16609
+ "kind": "Content",
16610
+ "text": "getDirection: "
16611
+ },
16612
+ {
16613
+ "kind": "Content",
16614
+ "text": "(rootNode: "
16615
+ },
16616
+ {
16617
+ "kind": "Reference",
16618
+ "text": "HTMLElement",
16619
+ "canonicalReference": "!HTMLElement:interface"
16620
+ },
16621
+ {
16622
+ "kind": "Content",
16623
+ "text": ") => "
16624
+ },
16625
+ {
16626
+ "kind": "Reference",
16627
+ "text": "Direction",
16628
+ "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
16629
+ }
16630
+ ],
16631
+ "isReadonly": true,
16632
+ "releaseTag": "Public",
16633
+ "name": "getDirection",
16634
+ "variableTypeTokenRange": {
16635
+ "startIndex": 1,
16636
+ "endIndex": 5
16637
+ }
16638
+ },
16639
+ {
16640
+ "kind": "Variable",
16641
+ "canonicalReference": "@fluentui/web-components!hidden:var",
16642
+ "docComment": "/**\n * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.\n *\n * @public\n */\n",
16643
+ "excerptTokens": [
16644
+ {
16645
+ "kind": "Content",
16646
+ "text": "hidden = "
16647
+ },
16648
+ {
16649
+ "kind": "Content",
16650
+ "text": "\":host([hidden]){display:none}\""
16651
+ }
16652
+ ],
16653
+ "initializerTokenRange": {
16654
+ "startIndex": 1,
16655
+ "endIndex": 2
16656
+ },
16657
+ "isReadonly": true,
16658
+ "releaseTag": "Public",
16659
+ "name": "hidden",
16660
+ "variableTypeTokenRange": {
16661
+ "startIndex": 0,
16662
+ "endIndex": 0
16663
+ }
16664
+ },
16461
16665
  {
16462
16666
  "kind": "Class",
16463
16667
  "canonicalReference": "@fluentui/web-components!Image_2:class",
@@ -17111,6 +17315,42 @@
17111
17315
  "endIndex": 5
17112
17316
  }
17113
17317
  },
17318
+ {
17319
+ "kind": "Variable",
17320
+ "canonicalReference": "@fluentui/web-components!lightModeStylesheetBehavior:var",
17321
+ "docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet.\n *\n * @public\n */\n",
17322
+ "excerptTokens": [
17323
+ {
17324
+ "kind": "Content",
17325
+ "text": "lightModeStylesheetBehavior: "
17326
+ },
17327
+ {
17328
+ "kind": "Content",
17329
+ "text": "(styles: "
17330
+ },
17331
+ {
17332
+ "kind": "Reference",
17333
+ "text": "ElementStyles",
17334
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
17335
+ },
17336
+ {
17337
+ "kind": "Content",
17338
+ "text": ") => "
17339
+ },
17340
+ {
17341
+ "kind": "Reference",
17342
+ "text": "MatchMediaStyleSheetBehavior",
17343
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
17344
+ }
17345
+ ],
17346
+ "isReadonly": true,
17347
+ "releaseTag": "Public",
17348
+ "name": "lightModeStylesheetBehavior",
17349
+ "variableTypeTokenRange": {
17350
+ "startIndex": 1,
17351
+ "endIndex": 5
17352
+ }
17353
+ },
17114
17354
  {
17115
17355
  "kind": "Variable",
17116
17356
  "canonicalReference": "@fluentui/web-components!lineHeightBase100:var",
@@ -17371,6 +17611,539 @@
17371
17611
  "endIndex": 0
17372
17612
  }
17373
17613
  },
17614
+ {
17615
+ "kind": "Class",
17616
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class",
17617
+ "docComment": "/**\n * An abstract behavior to react to media queries. Implementations should implement the `constructListener` method to perform some action based on media query changes.\n *\n * @public\n */\n",
17618
+ "excerptTokens": [
17619
+ {
17620
+ "kind": "Content",
17621
+ "text": "export declare abstract class MatchMediaBehavior implements "
17622
+ },
17623
+ {
17624
+ "kind": "Reference",
17625
+ "text": "HostBehavior",
17626
+ "canonicalReference": "@microsoft/fast-element!HostBehavior:interface"
17627
+ },
17628
+ {
17629
+ "kind": "Content",
17630
+ "text": " "
17631
+ }
17632
+ ],
17633
+ "releaseTag": "Public",
17634
+ "name": "MatchMediaBehavior",
17635
+ "preserveMemberOrder": false,
17636
+ "members": [
17637
+ {
17638
+ "kind": "Constructor",
17639
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:constructor(1)",
17640
+ "docComment": "/**\n * Constructs a new instance of the `MatchMediaBehavior` class\n *\n * @param query - The media query to operate from.\n */\n",
17641
+ "excerptTokens": [
17642
+ {
17643
+ "kind": "Content",
17644
+ "text": "constructor(query: "
17645
+ },
17646
+ {
17647
+ "kind": "Reference",
17648
+ "text": "MediaQueryList",
17649
+ "canonicalReference": "!MediaQueryList:interface"
17650
+ },
17651
+ {
17652
+ "kind": "Content",
17653
+ "text": ");"
17654
+ }
17655
+ ],
17656
+ "releaseTag": "Public",
17657
+ "isProtected": false,
17658
+ "overloadIndex": 1,
17659
+ "parameters": [
17660
+ {
17661
+ "parameterName": "query",
17662
+ "parameterTypeTokenRange": {
17663
+ "startIndex": 1,
17664
+ "endIndex": 2
17665
+ },
17666
+ "isOptional": false
17667
+ }
17668
+ ]
17669
+ },
17670
+ {
17671
+ "kind": "Method",
17672
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#connectedCallback:member(1)",
17673
+ "docComment": "/**\n * Binds the behavior to the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
17674
+ "excerptTokens": [
17675
+ {
17676
+ "kind": "Content",
17677
+ "text": "connectedCallback(controller: "
17678
+ },
17679
+ {
17680
+ "kind": "Reference",
17681
+ "text": "HostController",
17682
+ "canonicalReference": "@microsoft/fast-element!HostController:interface"
17683
+ },
17684
+ {
17685
+ "kind": "Content",
17686
+ "text": "): "
17687
+ },
17688
+ {
17689
+ "kind": "Content",
17690
+ "text": "void"
17691
+ },
17692
+ {
17693
+ "kind": "Content",
17694
+ "text": ";"
17695
+ }
17696
+ ],
17697
+ "isStatic": false,
17698
+ "returnTypeTokenRange": {
17699
+ "startIndex": 3,
17700
+ "endIndex": 4
17701
+ },
17702
+ "releaseTag": "Public",
17703
+ "isProtected": false,
17704
+ "overloadIndex": 1,
17705
+ "parameters": [
17706
+ {
17707
+ "parameterName": "controller",
17708
+ "parameterTypeTokenRange": {
17709
+ "startIndex": 1,
17710
+ "endIndex": 2
17711
+ },
17712
+ "isOptional": false
17713
+ }
17714
+ ],
17715
+ "isOptional": false,
17716
+ "name": "connectedCallback"
17717
+ },
17718
+ {
17719
+ "kind": "Method",
17720
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#constructListener:member(1)",
17721
+ "docComment": "/**\n * Constructs a function that will be invoked with the MediaQueryList context\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
17722
+ "excerptTokens": [
17723
+ {
17724
+ "kind": "Content",
17725
+ "text": "protected abstract constructListener(controller: "
17726
+ },
17727
+ {
17728
+ "kind": "Reference",
17729
+ "text": "HostController",
17730
+ "canonicalReference": "@microsoft/fast-element!HostController:interface"
17731
+ },
17732
+ {
17733
+ "kind": "Content",
17734
+ "text": "): "
17735
+ },
17736
+ {
17737
+ "kind": "Reference",
17738
+ "text": "MediaQueryListListener",
17739
+ "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
17740
+ },
17741
+ {
17742
+ "kind": "Content",
17743
+ "text": ";"
17744
+ }
17745
+ ],
17746
+ "isStatic": false,
17747
+ "returnTypeTokenRange": {
17748
+ "startIndex": 3,
17749
+ "endIndex": 4
17750
+ },
17751
+ "releaseTag": "Public",
17752
+ "isProtected": true,
17753
+ "overloadIndex": 1,
17754
+ "parameters": [
17755
+ {
17756
+ "parameterName": "controller",
17757
+ "parameterTypeTokenRange": {
17758
+ "startIndex": 1,
17759
+ "endIndex": 2
17760
+ },
17761
+ "isOptional": false
17762
+ }
17763
+ ],
17764
+ "isOptional": false,
17765
+ "name": "constructListener"
17766
+ },
17767
+ {
17768
+ "kind": "Method",
17769
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#disconnectedCallback:member(1)",
17770
+ "docComment": "/**\n * Unbinds the behavior from the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
17771
+ "excerptTokens": [
17772
+ {
17773
+ "kind": "Content",
17774
+ "text": "disconnectedCallback(controller: "
17775
+ },
17776
+ {
17777
+ "kind": "Reference",
17778
+ "text": "HostController",
17779
+ "canonicalReference": "@microsoft/fast-element!HostController:interface"
17780
+ },
17781
+ {
17782
+ "kind": "Content",
17783
+ "text": "): "
17784
+ },
17785
+ {
17786
+ "kind": "Content",
17787
+ "text": "void"
17788
+ },
17789
+ {
17790
+ "kind": "Content",
17791
+ "text": ";"
17792
+ }
17793
+ ],
17794
+ "isStatic": false,
17795
+ "returnTypeTokenRange": {
17796
+ "startIndex": 3,
17797
+ "endIndex": 4
17798
+ },
17799
+ "releaseTag": "Public",
17800
+ "isProtected": false,
17801
+ "overloadIndex": 1,
17802
+ "parameters": [
17803
+ {
17804
+ "parameterName": "controller",
17805
+ "parameterTypeTokenRange": {
17806
+ "startIndex": 1,
17807
+ "endIndex": 2
17808
+ },
17809
+ "isOptional": false
17810
+ }
17811
+ ],
17812
+ "isOptional": false,
17813
+ "name": "disconnectedCallback"
17814
+ },
17815
+ {
17816
+ "kind": "Property",
17817
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#query:member",
17818
+ "docComment": "/**\n * The media query that the behavior operates on.\n */\n",
17819
+ "excerptTokens": [
17820
+ {
17821
+ "kind": "Content",
17822
+ "text": "readonly query: "
17823
+ },
17824
+ {
17825
+ "kind": "Reference",
17826
+ "text": "MediaQueryList",
17827
+ "canonicalReference": "!MediaQueryList:interface"
17828
+ },
17829
+ {
17830
+ "kind": "Content",
17831
+ "text": ";"
17832
+ }
17833
+ ],
17834
+ "isReadonly": true,
17835
+ "isOptional": false,
17836
+ "releaseTag": "Public",
17837
+ "name": "query",
17838
+ "propertyTypeTokenRange": {
17839
+ "startIndex": 1,
17840
+ "endIndex": 2
17841
+ },
17842
+ "isStatic": false,
17843
+ "isProtected": false
17844
+ }
17845
+ ],
17846
+ "implementsTokenRanges": [
17847
+ {
17848
+ "startIndex": 1,
17849
+ "endIndex": 2
17850
+ }
17851
+ ]
17852
+ },
17853
+ {
17854
+ "kind": "Class",
17855
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class",
17856
+ "docComment": "/**\n * A behavior to add or remove a stylesheet from an element based on a media query. The behavior ensures that styles are applied while the a query matches the environment and that styles are not applied if the query does not match the environment.\n *\n * @public\n */\n",
17857
+ "excerptTokens": [
17858
+ {
17859
+ "kind": "Content",
17860
+ "text": "export declare class MatchMediaStyleSheetBehavior extends "
17861
+ },
17862
+ {
17863
+ "kind": "Reference",
17864
+ "text": "MatchMediaBehavior",
17865
+ "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class"
17866
+ },
17867
+ {
17868
+ "kind": "Content",
17869
+ "text": " "
17870
+ }
17871
+ ],
17872
+ "releaseTag": "Public",
17873
+ "name": "MatchMediaStyleSheetBehavior",
17874
+ "preserveMemberOrder": false,
17875
+ "members": [
17876
+ {
17877
+ "kind": "Constructor",
17878
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:constructor(1)",
17879
+ "docComment": "/**\n * Constructs a {@link MatchMediaStyleSheetBehavior} instance.\n *\n * @param query - The media query to operate from.\n *\n * @param styles - The styles to coordinate with the query.\n */\n",
17880
+ "excerptTokens": [
17881
+ {
17882
+ "kind": "Content",
17883
+ "text": "constructor(query: "
17884
+ },
17885
+ {
17886
+ "kind": "Reference",
17887
+ "text": "MediaQueryList",
17888
+ "canonicalReference": "!MediaQueryList:interface"
17889
+ },
17890
+ {
17891
+ "kind": "Content",
17892
+ "text": ", styles: "
17893
+ },
17894
+ {
17895
+ "kind": "Reference",
17896
+ "text": "ElementStyles",
17897
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
17898
+ },
17899
+ {
17900
+ "kind": "Content",
17901
+ "text": ");"
17902
+ }
17903
+ ],
17904
+ "releaseTag": "Public",
17905
+ "isProtected": false,
17906
+ "overloadIndex": 1,
17907
+ "parameters": [
17908
+ {
17909
+ "parameterName": "query",
17910
+ "parameterTypeTokenRange": {
17911
+ "startIndex": 1,
17912
+ "endIndex": 2
17913
+ },
17914
+ "isOptional": false
17915
+ },
17916
+ {
17917
+ "parameterName": "styles",
17918
+ "parameterTypeTokenRange": {
17919
+ "startIndex": 3,
17920
+ "endIndex": 4
17921
+ },
17922
+ "isOptional": false
17923
+ }
17924
+ ]
17925
+ },
17926
+ {
17927
+ "kind": "Method",
17928
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#constructListener:member(1)",
17929
+ "docComment": "/**\n * Constructs a match-media listener for a provided element.\n *\n * @param source - the element for which to attach or detach styles.\n */\n",
17930
+ "excerptTokens": [
17931
+ {
17932
+ "kind": "Content",
17933
+ "text": "protected constructListener(controller: "
17934
+ },
17935
+ {
17936
+ "kind": "Reference",
17937
+ "text": "HostController",
17938
+ "canonicalReference": "@microsoft/fast-element!HostController:interface"
17939
+ },
17940
+ {
17941
+ "kind": "Content",
17942
+ "text": "): "
17943
+ },
17944
+ {
17945
+ "kind": "Reference",
17946
+ "text": "MediaQueryListListener",
17947
+ "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
17948
+ },
17949
+ {
17950
+ "kind": "Content",
17951
+ "text": ";"
17952
+ }
17953
+ ],
17954
+ "isStatic": false,
17955
+ "returnTypeTokenRange": {
17956
+ "startIndex": 3,
17957
+ "endIndex": 4
17958
+ },
17959
+ "releaseTag": "Public",
17960
+ "isProtected": true,
17961
+ "overloadIndex": 1,
17962
+ "parameters": [
17963
+ {
17964
+ "parameterName": "controller",
17965
+ "parameterTypeTokenRange": {
17966
+ "startIndex": 1,
17967
+ "endIndex": 2
17968
+ },
17969
+ "isOptional": false
17970
+ }
17971
+ ],
17972
+ "isOptional": false,
17973
+ "name": "constructListener"
17974
+ },
17975
+ {
17976
+ "kind": "Property",
17977
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#query:member",
17978
+ "docComment": "/**\n * The media query that the behavior operates on.\n */\n",
17979
+ "excerptTokens": [
17980
+ {
17981
+ "kind": "Content",
17982
+ "text": "readonly query: "
17983
+ },
17984
+ {
17985
+ "kind": "Reference",
17986
+ "text": "MediaQueryList",
17987
+ "canonicalReference": "!MediaQueryList:interface"
17988
+ },
17989
+ {
17990
+ "kind": "Content",
17991
+ "text": ";"
17992
+ }
17993
+ ],
17994
+ "isReadonly": true,
17995
+ "isOptional": false,
17996
+ "releaseTag": "Public",
17997
+ "name": "query",
17998
+ "propertyTypeTokenRange": {
17999
+ "startIndex": 1,
18000
+ "endIndex": 2
18001
+ },
18002
+ "isStatic": false,
18003
+ "isProtected": false
18004
+ },
18005
+ {
18006
+ "kind": "Property",
18007
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#styles:member",
18008
+ "docComment": "/**\n * The styles object to be managed by the behavior.\n */\n",
18009
+ "excerptTokens": [
18010
+ {
18011
+ "kind": "Content",
18012
+ "text": "readonly styles: "
18013
+ },
18014
+ {
18015
+ "kind": "Reference",
18016
+ "text": "ElementStyles",
18017
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
18018
+ },
18019
+ {
18020
+ "kind": "Content",
18021
+ "text": ";"
18022
+ }
18023
+ ],
18024
+ "isReadonly": true,
18025
+ "isOptional": false,
18026
+ "releaseTag": "Public",
18027
+ "name": "styles",
18028
+ "propertyTypeTokenRange": {
18029
+ "startIndex": 1,
18030
+ "endIndex": 2
18031
+ },
18032
+ "isStatic": false,
18033
+ "isProtected": false
18034
+ },
18035
+ {
18036
+ "kind": "Method",
18037
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior.with:member(1)",
18038
+ "docComment": "/**\n * Defines a function to construct {@link MatchMediaStyleSheetBehavior | MatchMediaStyleSheetBehaviors} for a provided query.\n *\n * @param query - The media query to operate from.\n *\n * @example\n * ```ts\n * import { css } from \"@microsoft/fast-element\";\n * import { MatchMediaStyleSheetBehavior } from \"@fluentui/web-components\";\n *\n * const landscapeBehavior = MatchMediaStyleSheetBehavior.with(\n * window.matchMedia(\"(orientation: landscape)\")\n * );\n *\n * const styles = css`\n * :host {\n * width: 200px;\n * height: 400px;\n * }\n * `\n * .withBehaviors(landscapeBehavior(css`\n * :host {\n * width: 400px;\n * height: 200px;\n * }\n * `))\n * ```\n *\n * @public\n */\n",
18039
+ "excerptTokens": [
18040
+ {
18041
+ "kind": "Content",
18042
+ "text": "static with(query: "
18043
+ },
18044
+ {
18045
+ "kind": "Reference",
18046
+ "text": "MediaQueryList",
18047
+ "canonicalReference": "!MediaQueryList:interface"
18048
+ },
18049
+ {
18050
+ "kind": "Content",
18051
+ "text": "): "
18052
+ },
18053
+ {
18054
+ "kind": "Content",
18055
+ "text": "(styles: "
18056
+ },
18057
+ {
18058
+ "kind": "Reference",
18059
+ "text": "ElementStyles",
18060
+ "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
18061
+ },
18062
+ {
18063
+ "kind": "Content",
18064
+ "text": ") => "
18065
+ },
18066
+ {
18067
+ "kind": "Reference",
18068
+ "text": "MatchMediaStyleSheetBehavior",
18069
+ "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
18070
+ },
18071
+ {
18072
+ "kind": "Content",
18073
+ "text": ";"
18074
+ }
18075
+ ],
18076
+ "isStatic": true,
18077
+ "returnTypeTokenRange": {
18078
+ "startIndex": 3,
18079
+ "endIndex": 7
18080
+ },
18081
+ "releaseTag": "Public",
18082
+ "isProtected": false,
18083
+ "overloadIndex": 1,
18084
+ "parameters": [
18085
+ {
18086
+ "parameterName": "query",
18087
+ "parameterTypeTokenRange": {
18088
+ "startIndex": 1,
18089
+ "endIndex": 2
18090
+ },
18091
+ "isOptional": false
18092
+ }
18093
+ ],
18094
+ "isOptional": false,
18095
+ "name": "with"
18096
+ }
18097
+ ],
18098
+ "extendsTokenRange": {
18099
+ "startIndex": 1,
18100
+ "endIndex": 2
18101
+ },
18102
+ "implementsTokenRanges": []
18103
+ },
18104
+ {
18105
+ "kind": "TypeAlias",
18106
+ "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type",
18107
+ "docComment": "/**\n * An event listener fired by a {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList | MediaQueryList}.\n *\n * @public\n */\n",
18108
+ "excerptTokens": [
18109
+ {
18110
+ "kind": "Content",
18111
+ "text": "export declare type MediaQueryListListener = "
18112
+ },
18113
+ {
18114
+ "kind": "Content",
18115
+ "text": "(this: "
18116
+ },
18117
+ {
18118
+ "kind": "Reference",
18119
+ "text": "MediaQueryList",
18120
+ "canonicalReference": "!MediaQueryList:interface"
18121
+ },
18122
+ {
18123
+ "kind": "Content",
18124
+ "text": ", ev?: "
18125
+ },
18126
+ {
18127
+ "kind": "Reference",
18128
+ "text": "MediaQueryListEvent",
18129
+ "canonicalReference": "!MediaQueryListEvent:interface"
18130
+ },
18131
+ {
18132
+ "kind": "Content",
18133
+ "text": ") => void"
18134
+ },
18135
+ {
18136
+ "kind": "Content",
18137
+ "text": ";"
18138
+ }
18139
+ ],
18140
+ "releaseTag": "Public",
18141
+ "name": "MediaQueryListListener",
18142
+ "typeTokenRange": {
18143
+ "startIndex": 1,
18144
+ "endIndex": 6
18145
+ }
18146
+ },
17374
18147
  {
17375
18148
  "kind": "Class",
17376
18149
  "canonicalReference": "@fluentui/web-components!Menu:class",