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

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 (70) hide show
  1. package/CHANGELOG.md +185 -103
  2. package/dist/dts/index.d.ts +1 -1
  3. package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
  4. package/dist/dts/spinner/index.d.ts +1 -1
  5. package/dist/dts/spinner/spinner.d.ts +9 -10
  6. package/dist/dts/spinner/spinner.template.d.ts +2 -4
  7. package/dist/dts/theme/design-tokens.d.ts +53 -1
  8. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  9. package/dist/esm/anchor-button/anchor-button.styles.js +13 -12
  10. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  11. package/dist/esm/avatar/avatar.js.map +1 -1
  12. package/dist/esm/button/button.styles.js +12 -12
  13. package/dist/esm/index.js.map +1 -1
  14. package/dist/esm/menu-list/menu-list.js.map +1 -1
  15. package/dist/esm/spinner/index.js.map +1 -1
  16. package/dist/esm/spinner/spinner.js +12 -3
  17. package/dist/esm/spinner/spinner.js.map +1 -1
  18. package/dist/esm/spinner/spinner.styles.js +2 -16
  19. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  20. package/dist/esm/spinner/spinner.template.js +8 -47
  21. package/dist/esm/spinner/spinner.template.js.map +1 -1
  22. package/dist/esm/theme/design-tokens.js +53 -1
  23. package/dist/esm/theme/design-tokens.js.map +1 -1
  24. package/dist/esm/utils/get-initials.js.map +1 -1
  25. package/dist/fluent-web-components.api.json +1567 -239
  26. package/dist/web-components.d.ts +115 -11
  27. package/dist/web-components.js +1145 -173
  28. package/dist/web-components.min.js +337 -283
  29. package/docs/api-report.md +163 -8
  30. package/package.json +5 -10
  31. package/project.json +6 -0
  32. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  33. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  34. package/dist/storybook/289.703b1698.iframe.bundle.js +0 -2
  35. package/dist/storybook/289.703b1698.iframe.bundle.js.LICENSE.txt +0 -51
  36. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  37. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  38. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  39. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  40. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  41. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  42. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  43. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  44. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  45. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  46. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  47. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  48. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  49. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  50. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  51. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  52. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  53. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  54. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  55. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  56. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  57. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  58. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  59. package/dist/storybook/favicon.ico +0 -0
  60. package/dist/storybook/favicon.png +0 -0
  61. package/dist/storybook/iframe.html +0 -364
  62. package/dist/storybook/index.html +0 -165
  63. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  64. package/dist/storybook/main.6c75b8cb.iframe.bundle.js +0 -2
  65. package/dist/storybook/main.6c75b8cb.iframe.bundle.js.LICENSE.txt +0 -1
  66. package/dist/storybook/project.json +0 -1
  67. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  68. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  69. package/dist/storybook/shell.css +0 -83
  70. package/dist/storybook/theme-switch.ts +0 -13
package/dist/storybook/index.html DELETED
@@ -1,165 +0,0 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>html, body {
2
- overflow: hidden;
3
- height: 100%;
4
- width: 100%;
5
- margin: 0;
6
- padding: 0;
7
- }
8
-
9
- * {
10
- box-sizing: border-box;
11
- }</style><script>/* globals window */
12
- /* eslint-disable no-underscore-dangle */
13
- try {
14
- if (window.top !== window) {
15
- window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
16
- }
17
- } catch (e) {
18
- // eslint-disable-next-line no-console
19
- console.warn('unable to connect to top frame for connecting dev tools');
20
- }
21
-
22
- window.onerror = function onerror(message, source, line, column, err) {
23
- if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
24
- // eslint-disable-next-line no-var, vars-on-top
25
- var xhr = new window.XMLHttpRequest();
26
- xhr.open('POST', '/runtime-error');
27
- xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
28
- xhr.send(
29
- JSON.stringify({
30
- /* eslint-disable object-shorthand */
31
- message: message,
32
- source: source,
33
- line: line,
34
- column: column,
35
- error: err && { message: err.message, name: err.name, stack: err.stack },
36
- origin: 'manager',
37
- /* eslint-enable object-shorthand */
38
- })
39
- );
40
- };</script><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" type="image/png" href="/favicon.png" sizes="192x192"/><link href="/shell.css" rel="stylesheet"/><style>/*
41
- * Heads Up!
42
- * Keep this in sync with the styles in apps/public-docsite-v9/.storybook/manager-head.html
43
- */
44
- @font-face {
45
- font-family: 'Segoe UI';
46
- src: local('Segoe UI Light'),
47
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),
48
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),
49
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
50
- font-weight: 100;
51
- }
52
-
53
- @font-face {
54
- font-family: 'Segoe UI';
55
- src: local('Segoe UI Semilight'),
56
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),
57
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),
58
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');
59
- font-weight: 200;
60
- }
61
-
62
- @font-face {
63
- font-family: 'Segoe UI';
64
- src: local('Segoe UI'),
65
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),
66
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),
67
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');
68
- font-weight: 400;
69
- }
70
-
71
- @font-face {
72
- font-family: 'Segoe UI';
73
- src: local('Segoe UI Semibold'),
74
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),
75
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),
76
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');
77
- font-weight: 600;
78
- }
79
-
80
- @font-face {
81
- font-family: 'Segoe UI';
82
- src: local('Segoe UI Bold'),
83
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),
84
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),
85
- url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');
86
- font-weight: 700;
87
- }
88
-
89
- #storybook-explorer-searchfield {
90
- font-weight: 400 !important;
91
- font-size: 14px !important;
92
- letter-spacing: -0.01em !important;
93
- line-height: 14px !important;
94
- }
95
-
96
- .sidebar-item svg,
97
- .sidebar-svg-icon {
98
- color: #11100f !important;
99
- }
100
-
101
- .sidebar-item[data-selected='true'] svg,
102
- .sidebar-item[data-selected='true'] .sidebar-svg-icon {
103
- color: #ffffff !important;
104
- }
105
-
106
- .sidebar-subheading {
107
- font-weight: 600 !important;
108
- font-size: 16px !important;
109
- letter-spacing: 0px !important;
110
- line-height: 24px !important;
111
- text-transform: none !important;
112
- color: #11100f !important;
113
- }
114
-
115
- .sidebar-item {
116
- font-weight: 400 !important;
117
- font-size: 14px !important;
118
- letter-spacing: -0.01em !important;
119
- line-height: 14px !important;
120
- color: #11100f !important;
121
- }
122
-
123
- .sidebar-item[data-selected='true'] {
124
- font-weight: 600 !important;
125
- font-size: 14px !important;
126
- letter-spacing: -0.01em !important;
127
- line-height: 14px !important;
128
- color: #ffffff !important;
129
- }
130
-
131
- /*
132
- * Hides "Addons" button from mobile view nav.
133
- */
134
- nav > button:last-child {
135
- display: none;
136
- }
137
-
138
- /*
139
- Storybook has proposed a feature for this in https://github.com/storybookjs/storybook/issues/9209
140
- which will configure stories to exist in deeplink URL format, but do not appear in the nav tree or the docs page
141
- Usign suggested temporary workaround until storybook gets proper support
142
- See https://github.com/microsoft/fluentui/blob/master/rfcs/convergence/authoring-stories.md#10-internal-stories-for-testing
143
- */
144
- [id*='accessibility-stories'] {
145
- display: none !important;
146
- }</style><style>#root[hidden],
147
- #docs-root[hidden] {
148
- display: none !important;
149
- }</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
150
-
151
-
152
-
153
- window['LOGLEVEL'] = "info";
154
-
155
-
156
-
157
- window['FEATURES'] = {"postcss":true,"emotionAlias":false,"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":false,"modernInlineRender":false,"breakingChangesV7":false,"interactionsDebugger":false,"babelModeV7":false,"argTypeTargetsV7":false,"previewMdx2":false};
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
- window['DOCS_MODE'] = true;</script><script src="runtime~main.dbf00b470fe610082919.manager.bundle.js"></script><script src="591.f5bf0d78d2f203de19f5.manager.bundle.js"></script><script src="main.5d7b916dc1e37293b1d8.manager.bundle.js"></script></body></html>
package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js DELETED
@@ -1 +0,0 @@
1
- (self.webpackChunk_fluentui_web_components=self.webpackChunk_fluentui_web_components||[]).push([[179],{53260:()=>{},82357:(__unused_webpack___webpack_module__,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var esm=__webpack_require__(27186);const theme=(0,__webpack_require__(77439).Ue)({base:"light",brandTitle:"Fluent UI\nWeb Components",brandUrl:"https://github.com/microsoft/fluentui",barSelectedColor:"#0078d4",barTextColor:"#222",colorPrimary:"#dedede",colorSecondary:"deepskyblue",appBg:"#ffffff",appContentBg:"#ffffff",appBorderColor:"#e0e0e0",appBorderRadius:4,fontBase:'"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;',fontCode:"monospace",textColor:"#11100f",textInverseColor:"#0078d4",inputBg:"white",inputTextColor:"black",inputBorderRadius:4});esm.KP.setConfig({previewTabs:{canvas:{hidden:!0}},enableShortcuts:!1,sidebar:{showRoots:!0},theme})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[591],(()=>(__webpack_exec__(47513),__webpack_exec__(82357),__webpack_exec__(52195),__webpack_exec__(49157),__webpack_exec__(91867),__webpack_exec__(37455),__webpack_exec__(63464),__webpack_exec__(33027))));__webpack_require__.O()}]);