@fluentui/web-components 3.0.0-beta.15 → 3.0.0-beta.16

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 (55) hide show
  1. package/CHANGELOG.md +175 -103
  2. package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
  3. package/dist/dts/theme/design-tokens.d.ts +53 -1
  4. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  5. package/dist/esm/avatar/avatar.js.map +1 -1
  6. package/dist/esm/menu-list/menu-list.js.map +1 -1
  7. package/dist/esm/theme/design-tokens.js +53 -1
  8. package/dist/esm/theme/design-tokens.js.map +1 -1
  9. package/dist/esm/utils/get-initials.js.map +1 -1
  10. package/dist/fluent-web-components.api.json +1575 -223
  11. package/dist/web-components.d.ts +105 -1
  12. package/dist/web-components.js +1128 -145
  13. package/dist/web-components.min.js +353 -283
  14. package/docs/api-report.md +157 -1
  15. package/package.json +5 -10
  16. package/project.json +6 -0
  17. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  18. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  19. package/dist/storybook/289.703b1698.iframe.bundle.js +0 -2
  20. package/dist/storybook/289.703b1698.iframe.bundle.js.LICENSE.txt +0 -51
  21. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  22. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  23. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  24. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  25. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  26. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  27. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  28. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  29. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  30. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  31. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  32. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  33. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  34. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  35. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  36. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  37. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  38. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  39. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  40. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  41. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  42. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  43. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  44. package/dist/storybook/favicon.ico +0 -0
  45. package/dist/storybook/favicon.png +0 -0
  46. package/dist/storybook/iframe.html +0 -364
  47. package/dist/storybook/index.html +0 -165
  48. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  49. package/dist/storybook/main.6c75b8cb.iframe.bundle.js +0 -2
  50. package/dist/storybook/main.6c75b8cb.iframe.bundle.js.LICENSE.txt +0 -1
  51. package/dist/storybook/project.json +0 -1
  52. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  53. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  54. package/dist/storybook/shell.css +0 -83
  55. package/dist/storybook/theme-switch.ts +0 -13
@@ -1756,6 +1756,14 @@ export declare const colorBrandBackground = "var(--colorBrandBackground)";
1756
1756
 
1757
1757
  export declare const colorBrandBackground2 = "var(--colorBrandBackground2)";
1758
1758
 
1759
+ export declare const colorBrandBackground2Hover = "var(--colorBrandBackground2Hover)";
1760
+
1761
+ export declare const colorBrandBackground2Pressed = "var(--colorBrandBackground2Pressed)";
1762
+
1763
+ export declare const colorBrandBackground3Static = "var(--colorBrandBackground3Static)";
1764
+
1765
+ export declare const colorBrandBackground4Static = "var(--colorBrandBackground4Static)";
1766
+
1759
1767
  export declare const colorBrandBackgroundHover = "var(--colorBrandBackgroundHover)";
1760
1768
 
1761
1769
  export declare const colorBrandBackgroundInverted = "var(--colorBrandBackgroundInverted)";
@@ -1776,6 +1784,10 @@ export declare const colorBrandForeground1 = "var(--colorBrandForeground1)";
1776
1784
 
1777
1785
  export declare const colorBrandForeground2 = "var(--colorBrandForeground2)";
1778
1786
 
1787
+ export declare const colorBrandForeground2Hover = "var(--colorBrandForeground2Hover)";
1788
+
1789
+ export declare const colorBrandForeground2Pressed = "var(--colorBrandForeground2Pressed)";
1790
+
1779
1791
  export declare const colorBrandForegroundInverted = "var(--colorBrandForegroundInverted)";
1780
1792
 
1781
1793
  export declare const colorBrandForegroundInvertedHover = "var(--colorBrandForegroundInvertedHover)";
@@ -1806,6 +1818,12 @@ export declare const colorBrandStroke1 = "var(--colorBrandStroke1)";
1806
1818
 
1807
1819
  export declare const colorBrandStroke2 = "var(--colorBrandStroke2)";
1808
1820
 
1821
+ export declare const colorBrandStroke2Contrast = "var(--colorBrandStroke2Contrast)";
1822
+
1823
+ export declare const colorBrandStroke2Hover = "var(--colorBrandStroke2Hover)";
1824
+
1825
+ export declare const colorBrandStroke2Pressed = "var(--colorBrandStroke2Pressed)";
1826
+
1809
1827
  export declare const colorCompoundBrandBackground = "var(--colorCompoundBrandBackground)";
1810
1828
 
1811
1829
  export declare const colorCompoundBrandBackgroundHover = "var(--colorCompoundBrandBackgroundHover)";
@@ -1866,6 +1884,10 @@ export declare const colorNeutralBackground5Selected = "var(--colorNeutralBackgr
1866
1884
 
1867
1885
  export declare const colorNeutralBackground6 = "var(--colorNeutralBackground6)";
1868
1886
 
1887
+ export declare const colorNeutralBackgroundAlpha = "var(--colorNeutralBackgroundAlpha)";
1888
+
1889
+ export declare const colorNeutralBackgroundAlpha2 = "var(--colorNeutralBackgroundAlpha2)";
1890
+
1869
1891
  export declare const colorNeutralBackgroundDisabled = "var(--colorNeutralBackgroundDisabled)";
1870
1892
 
1871
1893
  export declare const colorNeutralBackgroundInverted = "var(--colorNeutralBackgroundInverted)";
@@ -1874,6 +1896,16 @@ export declare const colorNeutralBackgroundInvertedDisabled = "var(--colorNeutra
1874
1896
 
1875
1897
  export declare const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
1876
1898
 
1899
+ export declare const colorNeutralCardBackground = "var(--colorNeutralCardBackground)";
1900
+
1901
+ export declare const colorNeutralCardBackgroundDisabled = "var(--colorNeutralCardBackgroundDisabled)";
1902
+
1903
+ export declare const colorNeutralCardBackgroundHover = "var(--colorNeutralCardBackgroundHover)";
1904
+
1905
+ export declare const colorNeutralCardBackgroundPressed = "var(--colorNeutralCardBackgroundPressed)";
1906
+
1907
+ export declare const colorNeutralCardBackgroundSelected = "var(--colorNeutralCardBackgroundSelected)";
1908
+
1877
1909
  export declare const colorNeutralForeground1 = "var(--colorNeutralForeground1)";
1878
1910
 
1879
1911
  export declare const colorNeutralForeground1Hover = "var(--colorNeutralForeground1Hover)";
@@ -1988,6 +2020,10 @@ export declare const colorNeutralStrokeAccessiblePressed = "var(--colorNeutralSt
1988
2020
 
1989
2021
  export declare const colorNeutralStrokeAccessibleSelected = "var(--colorNeutralStrokeAccessibleSelected)";
1990
2022
 
2023
+ export declare const colorNeutralStrokeAlpha = "var(--colorNeutralStrokeAlpha)";
2024
+
2025
+ export declare const colorNeutralStrokeAlpha2 = "var(--colorNeutralStrokeAlpha2)";
2026
+
1991
2027
  export declare const colorNeutralStrokeDisabled = "var(--colorNeutralStrokeDisabled)";
1992
2028
 
1993
2029
  export declare const colorNeutralStrokeInvertedDisabled = "var(--colorNeutralStrokeInvertedDisabled)";
@@ -2002,6 +2038,8 @@ export declare const colorNeutralStrokeOnBrand2Pressed = "var(--colorNeutralStro
2002
2038
 
2003
2039
  export declare const colorNeutralStrokeOnBrand2Selected = "var(--colorNeutralStrokeOnBrand2Selected)";
2004
2040
 
2041
+ export declare const colorNeutralStrokeSubtle = "var(--colorNeutralStrokeSubtle)";
2042
+
2005
2043
  export declare const colorPaletteAnchorBackground2 = "var(--colorPaletteAnchorBackground2)";
2006
2044
 
2007
2045
  export declare const colorPaletteAnchorBorderActive = "var(--colorPaletteAnchorBorderActive)";
@@ -2304,6 +2342,70 @@ export declare const colorPaletteYellowForegroundInverted = "var(--colorPaletteY
2304
2342
 
2305
2343
  export declare const colorScrollbarOverlay = "var(--colorScrollbarOverlay)";
2306
2344
 
2345
+ export declare const colorStatusDangerBackground1 = "var(--colorStatusDangerBackground1)";
2346
+
2347
+ export declare const colorStatusDangerBackground2 = "var(--colorStatusDangerBackground2)";
2348
+
2349
+ export declare const colorStatusDangerBackground3 = "var(--colorStatusDangerBackground3)";
2350
+
2351
+ export declare const colorStatusDangerBackground3Hover = "var(--colorStatusDangerBackground3Hover)";
2352
+
2353
+ export declare const colorStatusDangerBackground3Pressed = "var(--colorStatusDangerBackground3Pressed)";
2354
+
2355
+ export declare const colorStatusDangerBorder1 = "var(--colorStatusDangerBorder1)";
2356
+
2357
+ export declare const colorStatusDangerBorder2 = "var(--colorStatusDangerBorder2)";
2358
+
2359
+ export declare const colorStatusDangerBorderActive = "var(--colorStatusDangerBorderActive)";
2360
+
2361
+ export declare const colorStatusDangerForeground1 = "var(--colorStatusDangerForeground1)";
2362
+
2363
+ export declare const colorStatusDangerForeground2 = "var(--colorStatusDangerForeground2)";
2364
+
2365
+ export declare const colorStatusDangerForeground3 = "var(--colorStatusDangerForeground3)";
2366
+
2367
+ export declare const colorStatusDangerForegroundInverted = "var(--colorStatusDangerForegroundInverted)";
2368
+
2369
+ export declare const colorStatusSuccessBackground1 = "var(--colorStatusSuccessBackground1)";
2370
+
2371
+ export declare const colorStatusSuccessBackground2 = "var(--colorStatusSuccessBackground2)";
2372
+
2373
+ export declare const colorStatusSuccessBackground3 = "var(--colorStatusSuccessBackground3)";
2374
+
2375
+ export declare const colorStatusSuccessBorder1 = "var(--colorStatusSuccessBorder1)";
2376
+
2377
+ export declare const colorStatusSuccessBorder2 = "var(--colorStatusSuccessBorder2)";
2378
+
2379
+ export declare const colorStatusSuccessBorderActive = "var(--colorStatusSuccessBorderActive)";
2380
+
2381
+ export declare const colorStatusSuccessForeground1 = "var(--colorStatusSuccessForeground1)";
2382
+
2383
+ export declare const colorStatusSuccessForeground2 = "var(--colorStatusSuccessForeground2)";
2384
+
2385
+ export declare const colorStatusSuccessForeground3 = "var(--colorStatusSuccessForeground3)";
2386
+
2387
+ export declare const colorStatusSuccessForegroundInverted = "var(--colorStatusSuccessForegroundInverted)";
2388
+
2389
+ export declare const colorStatusWarningBackground1 = "var(--colorStatusWarningBackground1)";
2390
+
2391
+ export declare const colorStatusWarningBackground2 = "var(--colorStatusWarningBackground2)";
2392
+
2393
+ export declare const colorStatusWarningBackground3 = "var(--colorStatusWarningBackground3)";
2394
+
2395
+ export declare const colorStatusWarningBorder1 = "var(--colorStatusWarningBorder1)";
2396
+
2397
+ export declare const colorStatusWarningBorder2 = "var(--colorStatusWarningBorder2)";
2398
+
2399
+ export declare const colorStatusWarningBorderActive = "var(--colorStatusWarningBorderActive)";
2400
+
2401
+ export declare const colorStatusWarningForeground1 = "var(--colorStatusWarningForeground1)";
2402
+
2403
+ export declare const colorStatusWarningForeground2 = "var(--colorStatusWarningForeground2)";
2404
+
2405
+ export declare const colorStatusWarningForeground3 = "var(--colorStatusWarningForeground3)";
2406
+
2407
+ export declare const colorStatusWarningForegroundInverted = "var(--colorStatusWarningForegroundInverted)";
2408
+
2307
2409
  export declare const colorStrokeFocus1 = "var(--colorStrokeFocus1)";
2308
2410
 
2309
2411
  export declare const colorStrokeFocus2 = "var(--colorStrokeFocus2)";
@@ -3041,6 +3143,8 @@ export declare const durationFast = "var(--durationFast)";
3041
3143
 
3042
3144
  export declare const durationFaster = "var(--durationFaster)";
3043
3145
 
3146
+ export declare const durationGentle = "var(--durationGentle)";
3147
+
3044
3148
  export declare const durationNormal = "var(--durationNormal)";
3045
3149
 
3046
3150
  export declare const durationSlow = "var(--durationSlow)";
@@ -4429,7 +4533,7 @@ export declare const RadioTemplate: ElementViewTemplate<Radio>;
4429
4533
  * @internal
4430
4534
  */
4431
4535
  export declare const roleForMenuItem: {
4432
- [value in keyof typeof MenuItemRole]: typeof MenuItemRole[value];
4536
+ [value in keyof typeof MenuItemRole]: (typeof MenuItemRole)[value];
4433
4537
  };
4434
4538
 
4435
4539
  /**