@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.
- package/CHANGELOG.md +175 -103
- package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
- package/dist/dts/theme/design-tokens.d.ts +53 -1
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/theme/design-tokens.js +53 -1
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/fluent-web-components.api.json +1575 -223
- package/dist/web-components.d.ts +105 -1
- package/dist/web-components.js +1128 -145
- package/dist/web-components.min.js +353 -283
- package/docs/api-report.md +157 -1
- package/package.json +5 -10
- package/project.json +6 -0
- package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
- package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
- package/dist/storybook/289.703b1698.iframe.bundle.js +0 -2
- package/dist/storybook/289.703b1698.iframe.bundle.js.LICENSE.txt +0 -51
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
- package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
- package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
- package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
- package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
- package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
- package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
- package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
- package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
- package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
- package/dist/storybook/SegoeUI-VF.ttf +0 -0
- package/dist/storybook/favicon.ico +0 -0
- package/dist/storybook/favicon.png +0 -0
- package/dist/storybook/iframe.html +0 -364
- package/dist/storybook/index.html +0 -165
- package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
- package/dist/storybook/main.6c75b8cb.iframe.bundle.js +0 -2
- package/dist/storybook/main.6c75b8cb.iframe.bundle.js.LICENSE.txt +0 -1
- package/dist/storybook/project.json +0 -1
- package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
- package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
- package/dist/storybook/shell.css +0 -83
- package/dist/storybook/theme-switch.ts +0 -13
package/dist/web-components.d.ts
CHANGED
|
@@ -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
|
/**
|