@fluentui/web-components 3.0.0-beta.27 → 3.0.0-beta.29

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 (66) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/dist/dts/anchor-button/anchor-button.d.ts +88 -82
  3. package/dist/dts/anchor-button/anchor-button.options.d.ts +21 -0
  4. package/dist/dts/button/button.styles.d.ts +4 -0
  5. package/dist/dts/index-rollup.d.ts +1 -0
  6. package/dist/dts/index.d.ts +2 -3
  7. package/dist/dts/link/define.d.ts +1 -0
  8. package/dist/dts/link/index.d.ts +4 -0
  9. package/dist/dts/link/link.bench.d.ts +3 -0
  10. package/dist/dts/link/link.d.ts +33 -0
  11. package/dist/dts/link/link.definition.d.ts +7 -0
  12. package/dist/dts/link/link.options.d.ts +52 -0
  13. package/dist/dts/link/link.styles.d.ts +1 -0
  14. package/dist/dts/link/link.template.d.ts +12 -0
  15. package/dist/dts/progress-bar/index.d.ts +0 -1
  16. package/dist/dts/progress-bar/progress-bar.d.ts +56 -13
  17. package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -10
  18. package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -2
  19. package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
  20. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  21. package/dist/esm/anchor-button/anchor-button.js +97 -81
  22. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  23. package/dist/esm/anchor-button/anchor-button.options.js +15 -0
  24. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  25. package/dist/esm/anchor-button/anchor-button.styles.js +6 -258
  26. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  27. package/dist/esm/anchor-button/anchor-button.template.js +7 -35
  28. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  29. package/dist/esm/button/button.styles.js +16 -5
  30. package/dist/esm/button/button.styles.js.map +1 -1
  31. package/dist/esm/index-rollup.js +1 -0
  32. package/dist/esm/index-rollup.js.map +1 -1
  33. package/dist/esm/index.js +2 -1
  34. package/dist/esm/index.js.map +1 -1
  35. package/dist/esm/link/define.js +4 -0
  36. package/dist/esm/link/define.js.map +1 -0
  37. package/dist/esm/link/index.js +5 -0
  38. package/dist/esm/link/index.js.map +1 -0
  39. package/dist/esm/link/link.bench.js +11 -0
  40. package/dist/esm/link/link.bench.js.map +1 -0
  41. package/dist/esm/link/link.definition.js +15 -0
  42. package/dist/esm/link/link.definition.js.map +1 -0
  43. package/dist/esm/link/link.js +36 -0
  44. package/dist/esm/link/link.js.map +1 -0
  45. package/dist/esm/link/link.options.js +21 -0
  46. package/dist/esm/link/link.options.js.map +1 -0
  47. package/dist/esm/link/link.styles.js +67 -0
  48. package/dist/esm/link/link.styles.js.map +1 -0
  49. package/dist/esm/link/link.template.js +22 -0
  50. package/dist/esm/link/link.template.js.map +1 -0
  51. package/dist/esm/progress-bar/index.js.map +1 -1
  52. package/dist/esm/progress-bar/progress-bar.js +62 -11
  53. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  54. package/dist/esm/progress-bar/progress-bar.styles.js +48 -127
  55. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  56. package/dist/esm/progress-bar/progress-bar.template.js +8 -26
  57. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  58. package/dist/esm/theme/set-theme.js +8 -3
  59. package/dist/esm/theme/set-theme.js.map +1 -1
  60. package/dist/web-components.d.ts +271 -391
  61. package/dist/web-components.js +351 -265
  62. package/dist/web-components.min.js +240 -246
  63. package/package.json +6 -1
  64. package/dist/dts/progress-bar/base-progress.d.ts +0 -41
  65. package/dist/esm/progress-bar/base-progress.js +0 -56
  66. package/dist/esm/progress-bar/base-progress.js.map +0 -1
package/dist/esm/progress-bar/progress-bar.template.js CHANGED
@@ -1,30 +1,12 @@
1
- import { html, when } from '@microsoft/fast-element';
2
- import { staticallyCompose } from '../utils/template-helpers.js';
3
- export function progressTemplate(options = {}) {
1
+ import { html } from '@microsoft/fast-element';
2
+ export function progressTemplate() {
4
3
  return html `
5
- <template
6
- role="progressbar"
7
- aria-valuenow="${x => x.value}"
8
- aria-valuemin="${x => x.min}"
9
- aria-valuemax="${x => x.max}"
10
- >
11
- ${when(x => typeof x.value === 'number', html `
12
- <div class="progress" part="progress" slot="determinate">
13
- <div class="determinate" part="determinate" style="width: ${x => x.percentComplete}%"></div>
14
- </div>
15
- `, html `
16
- <div class="progress" part="progress" slot="indeterminate">
17
- <slot name="indeterminate">
18
- ${staticallyCompose(options.indeterminateIndicator1)}
19
- ${staticallyCompose(options.indeterminateIndicator2)}
20
- </slot>
21
- </div>
22
- `)}
23
- </template>
4
+ <div
5
+ class="indicator"
6
+ part="indicator"
7
+ style="${x => (typeof x.value === 'number' ? `width: ${x.percentComplete}%` : void 0)}"
8
+ ></div>
24
9
  `;
25
10
  }
26
- export const template = progressTemplate({
27
- indeterminateIndicator1: `<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>`,
28
- indeterminateIndicator2: `<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>`,
29
- });
11
+ export const template = progressTemplate();
30
12
  //# sourceMappingURL=progress-bar.template.js.map
package/dist/esm/progress-bar/progress-bar.template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,gBAAgB,CAAwB,UAA2B,EAAE;IACnF,OAAO,IAAI,CAAA;;;uBAGU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;;QAEzB,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,EAChC,IAAI,CAAG;;wEAEyD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;;SAErF,EACD,IAAI,CAAG;;;gBAGC,iBAAiB,CAAC,OAAO,CAAC,uBAAuB,CAAC;gBAClD,iBAAiB,CAAC,OAAO,CAAC,uBAAuB,CAAC;;;SAGzD,CACF;;GAEJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,CAAC;IACzE,uBAAuB,EAAE,iFAAiF;IAC1G,uBAAuB,EAAE,kFAAkF;CAC5G,CAAC,CAAC"}
1
+ {"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAA;;;;eAIE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;GAExF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,EAAE,CAAC"}
package/dist/esm/theme/set-theme.js CHANGED
@@ -7,6 +7,7 @@ const tokenNames = Object.keys(tokens);
7
7
  */
8
8
  export const setTheme = (theme) => {
9
9
  for (const t of tokenNames) {
10
+ let registered = false;
10
11
  if ('registerProperty' in CSS) {
11
12
  try {
12
13
  CSS.registerProperty({
@@ -14,13 +15,17 @@ export const setTheme = (theme) => {
14
15
  inherits: true,
15
16
  initialValue: theme[t],
16
17
  });
18
+ registered = true;
17
19
  }
18
20
  catch {
19
- document.body.style.setProperty(`--${t}`, theme[t]);
21
+ // Do nothing.
20
22
  }
21
23
  }
22
- else {
23
- document.body.style.setProperty(`--${t}`, theme[t]);
24
+ if (!registered) {
25
+ // TODO: Find a better way to update the values. Current approach adds
26
+ // lots of code to the `style` attribute on `<body>`. Maybe look into
27
+ // `document.adoptedStyleSheets`.
28
+ setThemeFor(document.body, theme);
24
29
  }
25
30
  }
26
31
  };
package/dist/esm/theme/set-theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../src/theme/set-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAoB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE;QAC1B,IAAI,kBAAkB,IAAI,GAAG,EAAE;YAC7B,IAAI;gBACF,GAAG,CAAC,gBAAgB,CAAC;oBACnB,IAAI,EAAE,KAAK,CAAC,EAAE;oBACd,QAAQ,EAAE,IAAI;oBACd,YAAY,EAAE,KAAK,CAAC,CAAC,CAAW;iBACjC,CAAC,CAAC;aACJ;YAAC,MAAM;gBACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAW,CAAC,CAAC;aAC/D;SACF;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAW,CAAC,CAAC;SAC/D;KACF;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAE,KAAY,EAAE,EAAE;IAChE,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE;QAC1B,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAW,CAAC,CAAC;KACzD;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../src/theme/set-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAoB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE;QAC1B,IAAI,UAAU,GAAG,KAAK,CAAC;QAEvB,IAAI,kBAAkB,IAAI,GAAG,EAAE;YAC7B,IAAI;gBACF,GAAG,CAAC,gBAAgB,CAAC;oBACnB,IAAI,EAAE,KAAK,CAAC,EAAE;oBACd,QAAQ,EAAE,IAAI;oBACd,YAAY,EAAE,KAAK,CAAC,CAAC,CAAW;iBACjC,CAAC,CAAC;gBACH,UAAU,GAAG,IAAI,CAAC;aACnB;YAAC,MAAM;gBACN,cAAc;aACf;SACF;QAED,IAAI,CAAC,UAAU,EAAE;YACf,sEAAsE;YACtE,qEAAqE;YACrE,iCAAiC;YACjC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SACnC;KACF;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAE,KAAY,EAAE,EAAE;IAChE,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE;QAC1B,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAW,CAAC,CAAC;KACzD;AACH,CAAC,CAAC"}