@fluentui/web-components 3.0.0-beta.20 → 3.0.0-beta.22

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 (148) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/dist/dts/accordion/accordion.options.d.ts +2 -2
  3. package/dist/dts/accordion-item/accordion-item.d.ts +1 -4
  4. package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
  5. package/dist/dts/accordion-item/index.d.ts +2 -1
  6. package/dist/dts/anchor-button/index.d.ts +3 -2
  7. package/dist/dts/button/index.d.ts +4 -3
  8. package/dist/dts/checkbox/checkbox.d.ts +0 -3
  9. package/dist/dts/checkbox/index.d.ts +4 -3
  10. package/dist/dts/dialog/dialog.d.ts +14 -15
  11. package/dist/dts/divider/divider.d.ts +4 -7
  12. package/dist/dts/index-rollup.d.ts +29 -35
  13. package/dist/dts/index.d.ts +49 -34
  14. package/dist/dts/label/label.d.ts +0 -2
  15. package/dist/dts/menu/menu.d.ts +27 -25
  16. package/dist/dts/menu-button/index.d.ts +4 -3
  17. package/dist/dts/menu-button/menu-button.options.d.ts +1 -1
  18. package/dist/dts/menu-item/index.d.ts +4 -3
  19. package/dist/dts/progress-bar/index.d.ts +3 -2
  20. package/dist/dts/radio/index.d.ts +2 -1
  21. package/dist/dts/slider/index.d.ts +3 -2
  22. package/dist/dts/spinner/spinner.d.ts +0 -2
  23. package/dist/dts/switch/index.d.ts +3 -2
  24. package/dist/dts/switch/switch.d.ts +0 -1
  25. package/dist/dts/tab/index.d.ts +4 -3
  26. package/dist/dts/tab/tab.template.d.ts +1 -1
  27. package/dist/dts/tabs/index.d.ts +4 -3
  28. package/dist/dts/tabs/tabs.d.ts +13 -9
  29. package/dist/dts/text-input/index.d.ts +5 -4
  30. package/dist/dts/text-input/text-input.d.ts +282 -67
  31. package/dist/dts/text-input/text-input.definition.d.ts +2 -3
  32. package/dist/dts/text-input/text-input.options.d.ts +19 -29
  33. package/dist/dts/text-input/text-input.styles.d.ts +5 -2
  34. package/dist/dts/text-input/text-input.template.d.ts +9 -3
  35. package/dist/dts/theme/design-tokens.d.ts +1744 -0
  36. package/dist/dts/theme/set-theme.d.ts +5 -1
  37. package/dist/dts/toggle-button/index.d.ts +4 -3
  38. package/dist/dts/toggle-button/toggle-button.options.d.ts +1 -1
  39. package/dist/esm/accordion/accordion.js +1 -6
  40. package/dist/esm/accordion/accordion.js.map +1 -1
  41. package/dist/esm/accordion/accordion.options.js +1 -1
  42. package/dist/esm/accordion-item/accordion-item.js +1 -7
  43. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  44. package/dist/esm/accordion-item/index.js.map +1 -1
  45. package/dist/esm/anchor-button/anchor-button.js +1 -6
  46. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  47. package/dist/esm/anchor-button/index.js +2 -2
  48. package/dist/esm/anchor-button/index.js.map +1 -1
  49. package/dist/esm/avatar/avatar.js +1 -6
  50. package/dist/esm/avatar/avatar.js.map +1 -1
  51. package/dist/esm/badge/badge.js +1 -6
  52. package/dist/esm/badge/badge.js.map +1 -1
  53. package/dist/esm/button/button.js +1 -6
  54. package/dist/esm/button/button.js.map +1 -1
  55. package/dist/esm/button/index.js +3 -3
  56. package/dist/esm/button/index.js.map +1 -1
  57. package/dist/esm/checkbox/checkbox.js +1 -6
  58. package/dist/esm/checkbox/checkbox.js.map +1 -1
  59. package/dist/esm/checkbox/index.js +2 -2
  60. package/dist/esm/checkbox/index.js.map +1 -1
  61. package/dist/esm/counter-badge/counter-badge.js +1 -6
  62. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  63. package/dist/esm/dialog/dialog.js +15 -21
  64. package/dist/esm/dialog/dialog.js.map +1 -1
  65. package/dist/esm/divider/divider.js +2 -7
  66. package/dist/esm/divider/divider.js.map +1 -1
  67. package/dist/esm/image/image.js +1 -6
  68. package/dist/esm/image/image.js.map +1 -1
  69. package/dist/esm/index-rollup.js +29 -35
  70. package/dist/esm/index-rollup.js.map +1 -1
  71. package/dist/esm/index.js +33 -33
  72. package/dist/esm/index.js.map +1 -1
  73. package/dist/esm/label/label.js +1 -6
  74. package/dist/esm/label/label.js.map +1 -1
  75. package/dist/esm/menu/menu.js +26 -29
  76. package/dist/esm/menu/menu.js.map +1 -1
  77. package/dist/esm/menu-button/index.js +2 -2
  78. package/dist/esm/menu-button/index.js.map +1 -1
  79. package/dist/esm/menu-item/index.js +2 -2
  80. package/dist/esm/menu-item/index.js.map +1 -1
  81. package/dist/esm/menu-item/menu-item.js +1 -6
  82. package/dist/esm/menu-item/menu-item.js.map +1 -1
  83. package/dist/esm/menu-list/menu-list.js +3 -7
  84. package/dist/esm/menu-list/menu-list.js.map +1 -1
  85. package/dist/esm/patterns/aria-globals.js +1 -6
  86. package/dist/esm/patterns/aria-globals.js.map +1 -1
  87. package/dist/esm/progress-bar/base-progress.js +1 -6
  88. package/dist/esm/progress-bar/base-progress.js.map +1 -1
  89. package/dist/esm/progress-bar/index.js +2 -2
  90. package/dist/esm/progress-bar/index.js.map +1 -1
  91. package/dist/esm/progress-bar/progress-bar.js +1 -6
  92. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  93. package/dist/esm/radio/index.js +1 -1
  94. package/dist/esm/radio/index.js.map +1 -1
  95. package/dist/esm/radio/radio.js +1 -6
  96. package/dist/esm/radio/radio.js.map +1 -1
  97. package/dist/esm/radio-group/radio-group.js +1 -6
  98. package/dist/esm/radio-group/radio-group.js.map +1 -1
  99. package/dist/esm/slider/index.js +1 -1
  100. package/dist/esm/slider/index.js.map +1 -1
  101. package/dist/esm/slider/slider.js +1 -6
  102. package/dist/esm/slider/slider.js.map +1 -1
  103. package/dist/esm/spinner/spinner.js +1 -6
  104. package/dist/esm/spinner/spinner.js.map +1 -1
  105. package/dist/esm/switch/index.js +1 -1
  106. package/dist/esm/switch/index.js.map +1 -1
  107. package/dist/esm/switch/switch.js +1 -6
  108. package/dist/esm/switch/switch.js.map +1 -1
  109. package/dist/esm/tab/index.js +2 -2
  110. package/dist/esm/tab/index.js.map +1 -1
  111. package/dist/esm/tab/tab.js +1 -6
  112. package/dist/esm/tab/tab.js.map +1 -1
  113. package/dist/esm/tabs/index.js +2 -2
  114. package/dist/esm/tabs/index.js.map +1 -1
  115. package/dist/esm/tabs/tabs.js +14 -15
  116. package/dist/esm/tabs/tabs.js.map +1 -1
  117. package/dist/esm/text/text.js +1 -6
  118. package/dist/esm/text/text.js.map +1 -1
  119. package/dist/esm/text-input/index.js +3 -3
  120. package/dist/esm/text-input/index.js.map +1 -1
  121. package/dist/esm/text-input/text-input.definition.js +2 -3
  122. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  123. package/dist/esm/text-input/text-input.js +271 -102
  124. package/dist/esm/text-input/text-input.js.map +1 -1
  125. package/dist/esm/text-input/text-input.options.js +25 -18
  126. package/dist/esm/text-input/text-input.options.js.map +1 -1
  127. package/dist/esm/text-input/text-input.styles.js +8 -3
  128. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  129. package/dist/esm/text-input/text-input.template.js +16 -32
  130. package/dist/esm/text-input/text-input.template.js.map +1 -1
  131. package/dist/esm/theme/design-tokens.js +1744 -0
  132. package/dist/esm/theme/design-tokens.js.map +1 -1
  133. package/dist/esm/theme/set-theme.js +5 -1
  134. package/dist/esm/theme/set-theme.js.map +1 -1
  135. package/dist/esm/toggle-button/index.js +3 -3
  136. package/dist/esm/toggle-button/index.js.map +1 -1
  137. package/dist/esm/toggle-button/toggle-button.js +1 -6
  138. package/dist/esm/toggle-button/toggle-button.js.map +1 -1
  139. package/dist/fluent-web-components.api.json +890 -916
  140. package/dist/web-components.d.ts +2109 -187
  141. package/dist/web-components.js +1335 -2042
  142. package/dist/web-components.min.js +266 -266
  143. package/docs/api-report.md +654 -485
  144. package/package.json +7 -4
  145. package/tsdoc.json +44 -0
  146. package/dist/dts/text-input/text-field.form-associated.d.ts +0 -14
  147. package/dist/esm/text-input/text-field.form-associated.js +0 -14
  148. package/dist/esm/text-input/text-field.form-associated.js.map +0 -1
@@ -1,13 +1,14 @@
1
1
  import { html, ref, slotted } from '@microsoft/fast-element';
2
2
  import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
3
3
  import { whitespaceFilter } from '../utils/index.js';
4
- export function textFieldTemplate(options = {}) {
4
+ /**
5
+ * Generates a template for the TextInput component.
6
+ *
7
+ * @public
8
+ */
9
+ export function textInputTemplate(options = {}) {
5
10
  return html `
6
- <label
7
- part="label"
8
- for="control"
9
- class="${x => (x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label__hidden')}"
10
- >
11
+ <label part="label" for="control" class="label" ${ref('controlLabel')}>
11
12
  <slot
12
13
  ${slotted({
13
14
  property: 'defaultSlottedNodes',
@@ -21,41 +22,24 @@ export function textFieldTemplate(options = {}) {
21
22
  class="control"
22
23
  part="control"
23
24
  id="control"
24
- @input="${x => x.handleTextInput()}"
25
- @change="${x => x.handleChange()}"
25
+ @change="${(x, c) => x.changeHandler(c.event)}"
26
+ @input="${(x, c) => x.inputHandler(c.event)}"
26
27
  ?autofocus="${x => x.autofocus}"
28
+ autocomplete="${x => x.autocomplete}"
27
29
  ?disabled="${x => x.disabled}"
28
30
  list="${x => x.list}"
29
31
  maxlength="${x => x.maxlength}"
30
- name="${x => x.name}"
31
32
  minlength="${x => x.minlength}"
33
+ ?multiple="${x => x.multiple}"
34
+ name="${x => x.name}"
32
35
  pattern="${x => x.pattern}"
33
36
  placeholder="${x => x.placeholder}"
34
- ?readonly="${x => x.readOnly}"
37
+ ?readonly="${x => x.readonly}"
35
38
  ?required="${x => x.required}"
36
39
  size="${x => x.size}"
37
- ?spellcheck="${x => x.spellcheck}"
38
- :value="${x => x.value}"
40
+ spellcheck="${x => x.spellcheck}"
39
41
  type="${x => x.type}"
40
- aria-atomic="${x => x.ariaAtomic}"
41
- aria-busy="${x => x.ariaBusy}"
42
- aria-controls="${x => x.ariaControls}"
43
- aria-current="${x => x.ariaCurrent}"
44
- aria-describedby="${x => x.ariaDescribedby}"
45
- aria-details="${x => x.ariaDetails}"
46
- aria-disabled="${x => x.ariaDisabled}"
47
- aria-errormessage="${x => x.ariaErrormessage}"
48
- aria-flowto="${x => x.ariaFlowto}"
49
- aria-haspopup="${x => x.ariaHaspopup}"
50
- aria-hidden="${x => x.ariaHidden}"
51
- aria-invalid="${x => x.ariaInvalid}"
52
- aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
53
- aria-label="${x => x.ariaLabel}"
54
- aria-labelledby="${x => x.ariaLabelledby}"
55
- aria-live="${x => x.ariaLive}"
56
- aria-owns="${x => x.ariaOwns}"
57
- aria-relevant="${x => x.ariaRelevant}"
58
- aria-roledescription="${x => x.ariaRoledescription}"
42
+ value="${x => x.initialValue}"
59
43
  ${ref('control')}
60
44
  />
61
45
  ${endSlotTemplate(options)}
@@ -65,5 +49,5 @@ export function textFieldTemplate(options = {}) {
65
49
  /**
66
50
  * @internal
67
51
  */
68
- export const template = textFieldTemplate();
52
+ export const template = textInputTemplate();
69
53
  //# sourceMappingURL=text-input.template.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.template.js","sourceRoot":"","sources":["../../../src/text-input/text-input.template.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text-input.template.js","sourceRoot":"","sources":["../../../src/text-input/text-input.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAsB,UAA4B,EAAE;IACnF,OAAO,IAAI,CAAG;sDACsC,GAAG,CAAC,cAAc,CAAC;;UAE/D,OAAO,CAAC;QACR,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,gBAAgB;KACzB,CAAC;;;;QAIF,iBAAiB,CAAC,OAAO,CAAC;;;;;mBAKf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;sBAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;wBACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;qBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;mBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;qBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;sBACL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;gBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;iBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;UAC1B,GAAG,CAAC,SAAS,CAAC;;QAEhB,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}