@fluentui/web-components 3.0.0-rc.25 → 3.0.0-rc.27

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 (207) hide show
  1. package/CHANGELOG.md +21 -2
  2. package/README.md +26 -0
  3. package/custom-elements.json +723 -356
  4. package/dist/esm/accordion/accordion.d.ts +1 -1
  5. package/dist/esm/accordion/accordion.js +1 -1
  6. package/dist/esm/accordion/accordion.styles.css +11 -7
  7. package/dist/esm/accordion/accordion.template.html +4 -3
  8. package/dist/esm/accordion-item/accordion-item.d.ts +2 -2
  9. package/dist/esm/accordion-item/accordion-item.js +2 -0
  10. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  11. package/dist/esm/accordion-item/accordion-item.styles.css +174 -170
  12. package/dist/esm/accordion-item/accordion-item.template.html +38 -31
  13. package/dist/esm/anchor-button/anchor-button.d.ts +2 -2
  14. package/dist/esm/anchor-button/anchor-button.js +2 -0
  15. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  16. package/dist/esm/anchor-button/anchor-button.styles.css +224 -223
  17. package/dist/esm/anchor-button/anchor-button.template.html +8 -11
  18. package/dist/esm/avatar/avatar.d.ts +2 -0
  19. package/dist/esm/avatar/avatar.js +3 -1
  20. package/dist/esm/avatar/avatar.js.map +1 -1
  21. package/dist/esm/avatar/avatar.styles.css +475 -470
  22. package/dist/esm/avatar/avatar.template.html +10 -14
  23. package/dist/esm/badge/badge.d.ts +6 -1
  24. package/dist/esm/badge/badge.js +6 -1
  25. package/dist/esm/badge/badge.js.map +1 -1
  26. package/dist/esm/badge/badge.styles.css +264 -266
  27. package/dist/esm/badge/badge.template.html +5 -2
  28. package/dist/esm/button/button.base.d.ts +0 -9
  29. package/dist/esm/button/button.base.js +2 -3
  30. package/dist/esm/button/button.base.js.map +1 -1
  31. package/dist/esm/button/button.styles.css +260 -259
  32. package/dist/esm/button/button.template.html +8 -10
  33. package/dist/esm/checkbox/checkbox.base.d.ts +3 -9
  34. package/dist/esm/checkbox/checkbox.base.js +5 -3
  35. package/dist/esm/checkbox/checkbox.base.js.map +1 -1
  36. package/dist/esm/checkbox/checkbox.d.ts +2 -2
  37. package/dist/esm/checkbox/checkbox.js +2 -2
  38. package/dist/esm/checkbox/checkbox.styles.css +146 -142
  39. package/dist/esm/checkbox/checkbox.template.html +21 -16
  40. package/dist/esm/compound-button/compound-button.d.ts +3 -0
  41. package/dist/esm/compound-button/compound-button.js +3 -0
  42. package/dist/esm/compound-button/compound-button.js.map +1 -1
  43. package/dist/esm/compound-button/compound-button.styles.css +363 -365
  44. package/dist/esm/compound-button/compound-button.template.html +9 -11
  45. package/dist/esm/counter-badge/counter-badge.d.ts +3 -0
  46. package/dist/esm/counter-badge/counter-badge.js +3 -0
  47. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  48. package/dist/esm/counter-badge/counter-badge.styles.css +177 -177
  49. package/dist/esm/counter-badge/counter-badge.template.html +5 -2
  50. package/dist/esm/dialog/dialog.d.ts +4 -0
  51. package/dist/esm/dialog/dialog.js +4 -0
  52. package/dist/esm/dialog/dialog.js.map +1 -1
  53. package/dist/esm/dialog/dialog.styles.css +65 -66
  54. package/dist/esm/dialog/dialog.template.html +18 -15
  55. package/dist/esm/dialog-body/dialog-body.d.ts +9 -0
  56. package/dist/esm/dialog-body/dialog-body.js +9 -0
  57. package/dist/esm/dialog-body/dialog-body.js.map +1 -1
  58. package/dist/esm/dialog-body/dialog-body.styles.css +81 -76
  59. package/dist/esm/dialog-body/dialog-body.styles.js +1 -0
  60. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
  61. package/dist/esm/dialog-body/dialog-body.template.html +2 -1
  62. package/dist/esm/divider/divider.styles.css +105 -101
  63. package/dist/esm/divider/divider.template.html +6 -1
  64. package/dist/esm/drawer/drawer.d.ts +3 -4
  65. package/dist/esm/drawer/drawer.js +3 -4
  66. package/dist/esm/drawer/drawer.js.map +1 -1
  67. package/dist/esm/drawer/drawer.styles.css +124 -120
  68. package/dist/esm/drawer/drawer.styles.js +16 -17
  69. package/dist/esm/drawer/drawer.styles.js.map +1 -1
  70. package/dist/esm/drawer/drawer.template.html +5 -2
  71. package/dist/esm/drawer-body/drawer-body.styles.css +29 -26
  72. package/dist/esm/drawer-body/drawer-body.template.html +5 -2
  73. package/dist/esm/dropdown/dropdown.base.d.ts +3 -1
  74. package/dist/esm/dropdown/dropdown.base.js +5 -1
  75. package/dist/esm/dropdown/dropdown.base.js.map +1 -1
  76. package/dist/esm/dropdown/dropdown.styles.css +192 -190
  77. package/dist/esm/dropdown/dropdown.styles.js +1 -0
  78. package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
  79. package/dist/esm/dropdown/dropdown.template.html +26 -19
  80. package/dist/esm/field/field.d.ts +7 -0
  81. package/dist/esm/field/field.js +7 -0
  82. package/dist/esm/field/field.js.map +1 -1
  83. package/dist/esm/field/field.styles.css +125 -121
  84. package/dist/esm/field/field.template.html +3 -2
  85. package/dist/esm/image/image.d.ts +2 -0
  86. package/dist/esm/image/image.js +2 -0
  87. package/dist/esm/image/image.js.map +1 -1
  88. package/dist/esm/image/image.styles.css +49 -50
  89. package/dist/esm/image/image.template.html +6 -1
  90. package/dist/esm/label/label.d.ts +3 -0
  91. package/dist/esm/label/label.js +3 -0
  92. package/dist/esm/label/label.js.map +1 -1
  93. package/dist/esm/label/label.styles.css +34 -30
  94. package/dist/esm/label/label.template.html +5 -2
  95. package/dist/esm/link/link.styles.css +58 -54
  96. package/dist/esm/link/link.template.html +4 -7
  97. package/dist/esm/listbox/listbox.styles.css +40 -36
  98. package/dist/esm/listbox/listbox.template.html +4 -6
  99. package/dist/esm/menu/menu.styles.css +56 -52
  100. package/dist/esm/menu/menu.template.html +6 -5
  101. package/dist/esm/menu-button/menu-button.styles.css +260 -259
  102. package/dist/esm/menu-button/menu-button.template.html +23 -14
  103. package/dist/esm/menu-item/menu-item.d.ts +1 -1
  104. package/dist/esm/menu-item/menu-item.js +3 -1
  105. package/dist/esm/menu-item/menu-item.js.map +1 -1
  106. package/dist/esm/menu-item/menu-item.styles.css +141 -137
  107. package/dist/esm/menu-item/menu-item.template.html +48 -17
  108. package/dist/esm/menu-list/menu-list.styles.css +19 -15
  109. package/dist/esm/menu-list/menu-list.template.html +4 -3
  110. package/dist/esm/message-bar/message-bar.d.ts +2 -0
  111. package/dist/esm/message-bar/message-bar.js +2 -0
  112. package/dist/esm/message-bar/message-bar.js.map +1 -1
  113. package/dist/esm/message-bar/message-bar.styles.css +83 -84
  114. package/dist/esm/message-bar/message-bar.template.html +7 -2
  115. package/dist/esm/option/option.d.ts +3 -0
  116. package/dist/esm/option/option.js +3 -0
  117. package/dist/esm/option/option.js.map +1 -1
  118. package/dist/esm/option/option.styles.css +117 -114
  119. package/dist/esm/option/option.template.html +17 -14
  120. package/dist/esm/progress-bar/progress-bar.base.d.ts +3 -3
  121. package/dist/esm/progress-bar/progress-bar.d.ts +1 -0
  122. package/dist/esm/progress-bar/progress-bar.js +1 -0
  123. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  124. package/dist/esm/progress-bar/progress-bar.styles.css +83 -79
  125. package/dist/esm/progress-bar/progress-bar.template.html +4 -1
  126. package/dist/esm/radio/radio.d.ts +3 -2
  127. package/dist/esm/radio/radio.js +3 -2
  128. package/dist/esm/radio/radio.js.map +1 -1
  129. package/dist/esm/radio/radio.styles.css +100 -96
  130. package/dist/esm/radio/radio.template.html +6 -9
  131. package/dist/esm/radio-group/radio-group.base.d.ts +2 -0
  132. package/dist/esm/radio-group/radio-group.base.js +2 -0
  133. package/dist/esm/radio-group/radio-group.base.js.map +1 -1
  134. package/dist/esm/radio-group/radio-group.d.ts +1 -0
  135. package/dist/esm/radio-group/radio-group.js +1 -0
  136. package/dist/esm/radio-group/radio-group.js.map +1 -1
  137. package/dist/esm/radio-group/radio-group.styles.css +45 -41
  138. package/dist/esm/radio-group/radio-group.template.html +11 -10
  139. package/dist/esm/rating-display/rating-display.styles.css +136 -134
  140. package/dist/esm/rating-display/rating-display.template.html +5 -2
  141. package/dist/esm/slider/slider.d.ts +1 -1
  142. package/dist/esm/slider/slider.js +3 -1
  143. package/dist/esm/slider/slider.js.map +1 -1
  144. package/dist/esm/slider/slider.styles.css +186 -182
  145. package/dist/esm/slider/slider.template.html +13 -15
  146. package/dist/esm/spinner/spinner.styles.css +155 -151
  147. package/dist/esm/spinner/spinner.template.html +16 -11
  148. package/dist/esm/switch/switch.d.ts +1 -0
  149. package/dist/esm/switch/switch.js +1 -0
  150. package/dist/esm/switch/switch.js.map +1 -1
  151. package/dist/esm/switch/switch.styles.css +112 -108
  152. package/dist/esm/switch/switch.template.html +9 -8
  153. package/dist/esm/tab/tab.js +2 -0
  154. package/dist/esm/tab/tab.js.map +1 -1
  155. package/dist/esm/tab/tab.styles.css +112 -108
  156. package/dist/esm/tab/tab.template.html +6 -5
  157. package/dist/esm/tablist/tablist.d.ts +1 -0
  158. package/dist/esm/tablist/tablist.js +1 -0
  159. package/dist/esm/tablist/tablist.js.map +1 -1
  160. package/dist/esm/tablist/tablist.styles.css +194 -190
  161. package/dist/esm/tablist/tablist.template.html +2 -5
  162. package/dist/esm/text/text.d.ts +2 -0
  163. package/dist/esm/text/text.js +2 -0
  164. package/dist/esm/text/text.js.map +1 -1
  165. package/dist/esm/text/text.styles.css +105 -101
  166. package/dist/esm/text/text.template.html +6 -1
  167. package/dist/esm/text-input/text-input.base.d.ts +4 -16
  168. package/dist/esm/text-input/text-input.base.js +7 -17
  169. package/dist/esm/text-input/text-input.base.js.map +1 -1
  170. package/dist/esm/text-input/text-input.d.ts +2 -0
  171. package/dist/esm/text-input/text-input.js +2 -0
  172. package/dist/esm/text-input/text-input.js.map +1 -1
  173. package/dist/esm/text-input/text-input.styles.css +199 -195
  174. package/dist/esm/text-input/text-input.template.html +34 -36
  175. package/dist/esm/text-input/text-input.template.js +1 -5
  176. package/dist/esm/text-input/text-input.template.js.map +1 -1
  177. package/dist/esm/textarea/textarea.base.d.ts +2 -2
  178. package/dist/esm/textarea/textarea.base.js +4 -2
  179. package/dist/esm/textarea/textarea.base.js.map +1 -1
  180. package/dist/esm/textarea/textarea.styles.css +254 -250
  181. package/dist/esm/textarea/textarea.template.html +28 -27
  182. package/dist/esm/toggle-button/toggle-button.styles.css +360 -357
  183. package/dist/esm/toggle-button/toggle-button.template.html +8 -10
  184. package/dist/esm/tooltip/tooltip.d.ts +2 -0
  185. package/dist/esm/tooltip/tooltip.js +2 -0
  186. package/dist/esm/tooltip/tooltip.js.map +1 -1
  187. package/dist/esm/tooltip/tooltip.styles.css +81 -77
  188. package/dist/esm/tooltip/tooltip.template.html +6 -1
  189. package/dist/esm/tree/tree.styles.css +9 -5
  190. package/dist/esm/tree/tree.template.html +3 -2
  191. package/dist/esm/tree-item/tree-item.base.d.ts +9 -0
  192. package/dist/esm/tree-item/tree-item.base.js +11 -0
  193. package/dist/esm/tree-item/tree-item.base.js.map +1 -1
  194. package/dist/esm/tree-item/tree-item.d.ts +15 -0
  195. package/dist/esm/tree-item/tree-item.js +15 -0
  196. package/dist/esm/tree-item/tree-item.js.map +1 -1
  197. package/dist/esm/tree-item/tree-item.styles.css +157 -153
  198. package/dist/esm/tree-item/tree-item.template.html +8 -7
  199. package/dist/esm/utils/autofocus.d.ts +12 -0
  200. package/dist/esm/utils/autofocus.js +25 -0
  201. package/dist/esm/utils/autofocus.js.map +1 -0
  202. package/dist/web-components-all.js +24 -27
  203. package/dist/web-components-all.min.js +15 -15
  204. package/dist/web-components.d.ts +110 -54
  205. package/dist/web-components.js +24 -27
  206. package/dist/web-components.min.js +15 -15
  207. package/package.json +6 -6
@@ -1,17 +1,13 @@
1
1
  <f-template name="fluent-avatar" shadowrootmode="open">
2
- <template>{{styles}}<slot class="default-slot" f-slotted="{slottedDefaults}" f-ref="{defaultSlot}"></slot>
2
+ <template>
3
+ {{styles}}
4
+ <slot class="default-slot" f-slotted="{slottedDefaults}" f-ref="{defaultSlot}"></slot>
3
5
  <span class="monogram" f-ref="{monogram}">{{initials}}</span>
4
- <svg
5
- width="1em"
6
- height="1em"
7
- viewBox="0 0 20 20"
8
- class="default-icon"
9
- fill="currentcolor"
10
- aria-hidden="true"
11
- >
12
- <path
13
- d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"
14
- ></path>
15
- </svg>
16
- <slot name="badge"></slot></template>
6
+ <svg width="1em" height="1em" viewBox="0 0 20 20" class="default-icon" fill="currentcolor" aria-hidden="true">
7
+ <path
8
+ d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"
9
+ ></path>
10
+ </svg>
11
+ <slot name="badge"></slot>
12
+ </template>
17
13
  </f-template>
@@ -3,13 +3,18 @@ import { StartEnd } from '../patterns/start-end.js';
3
3
  import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
4
4
  /**
5
5
  * The base class used for constructing a fluent-badge custom element
6
+ * @tag fluent-badge
7
+ *
8
+ * @slot - Content which can be provided inside the badge.
9
+ * @slot start - Content which can be provided before the badge content.
10
+ * @slot end - Content which can be provided after the badge content.
11
+ *
6
12
  * @public
7
13
  */
8
14
  export declare class Badge extends FASTElement {
9
15
  /**
10
16
  * The appearance the badge should have.
11
17
  *
12
- * @tag fluent-badge
13
18
  *
14
19
  * @public
15
20
  * @remarks
@@ -5,6 +5,12 @@ import { StartEnd } from '../patterns/start-end.js';
5
5
  import { BadgeAppearance, BadgeColor } from './badge.options.js';
6
6
  /**
7
7
  * The base class used for constructing a fluent-badge custom element
8
+ * @tag fluent-badge
9
+ *
10
+ * @slot - Content which can be provided inside the badge.
11
+ * @slot start - Content which can be provided before the badge content.
12
+ * @slot end - Content which can be provided after the badge content.
13
+ *
8
14
  * @public
9
15
  */
10
16
  export class Badge extends FASTElement {
@@ -13,7 +19,6 @@ export class Badge extends FASTElement {
13
19
  /**
14
20
  * The appearance the badge should have.
15
21
  *
16
- * @tag fluent-badge
17
22
  *
18
23
  * @public
19
24
  * @remarks
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAyB,MAAM,oBAAoB,CAAC;AAExF;;;GAGG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAAtC;;QACE;;;;;;;;WAQG;QAEI,eAAU,GAAoB,eAAe,CAAC,MAAM,CAAC;QAE5D;;;;;;WAMG;QAEI,UAAK,GAAe,UAAU,CAAC,KAAK,CAAC;IAqB9C,CAAC;CAAA;AA/BQ;IADN,IAAI;yCACuD;AAUrD;IADN,IAAI;oCACuC;AAUrC;IADN,IAAI;oCACqB;AAUnB;IADN,IAAI;mCACmB;AAW1B,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAyB,MAAM,oBAAoB,CAAC;AAExF;;;;;;;;;GASG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAAtC;;QACE;;;;;;;WAOG;QAEI,eAAU,GAAoB,eAAe,CAAC,MAAM,CAAC;QAE5D;;;;;;WAMG;QAEI,UAAK,GAAe,UAAU,CAAC,KAAK,CAAC;IAqB9C,CAAC;CAAA;AA/BQ;IADN,IAAI;yCACuD;AAUrD;IADN,IAAI;oCACuC;AAUrC;IADN,IAAI;oCACqB;AAUnB;IADN,IAAI;mCACmB;AAW1B,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}
@@ -1,268 +1,266 @@
1
-
2
- :host([shape='square']) {
3
- border-radius: var(--borderRadiusNone);
4
- }
5
-
6
- :host([shape='rounded']) {
7
- border-radius: var(--borderRadiusMedium);
8
- }
9
-
10
- :host([shape='rounded']:is([size='tiny'], [size='extra-small'], [size='small'])) {
11
- border-radius: var(--borderRadiusSmall);
12
- }
13
-
14
-
1
+ :host([shape='square']) {
2
+ border-radius: var(--borderRadiusNone);
3
+ }
4
+
5
+ :host([shape='rounded']) {
6
+ border-radius: var(--borderRadiusMedium);
7
+ }
8
+
9
+ :host([shape='rounded']:is([size='tiny'], [size='extra-small'], [size='small'])) {
10
+ border-radius: var(--borderRadiusSmall);
11
+ }
12
+
13
+ :host([appearance='tint']) {
14
+ background-color: var(--colorBrandBackground2);
15
+ color: var(--colorBrandForeground2);
16
+ border-color: var(--colorBrandStroke2);
17
+ }
18
+
19
+ :host([appearance='tint'][color='danger']) {
20
+ background-color: var(--colorPaletteRedBackground1);
21
+ color: var(--colorPaletteRedForeground1);
22
+ border-color: var(--colorPaletteRedBorder1);
23
+ }
24
+
25
+ :host([appearance='tint'][color='important']) {
26
+ background-color: var(--colorNeutralForeground3);
27
+ color: var(--colorNeutralBackground1);
28
+ border-color: var(--colorTransparentStroke);
29
+ }
30
+
31
+ :host([appearance='tint'][color='informative']) {
32
+ background-color: var(--colorNeutralBackground4);
33
+ color: var(--colorNeutralForeground3);
34
+ border-color: var(--colorNeutralStroke2);
35
+ }
36
+
37
+ :host([appearance='tint'][color='severe']) {
38
+ background-color: var(--colorPaletteDarkOrangeBackground1);
39
+ color: var(--colorPaletteDarkOrangeForeground1);
40
+ border-color: var(--colorPaletteDarkOrangeBorder1);
41
+ }
42
+
43
+ :host([appearance='tint'][color='subtle']) {
44
+ background-color: var(--colorNeutralBackground1);
45
+ color: var(--colorNeutralForeground3);
46
+ border-color: var(--colorNeutralStroke2);
47
+ }
48
+
49
+ :host([appearance='tint'][color='success']) {
50
+ background-color: var(--colorPaletteGreenBackground1);
51
+ color: var(--colorPaletteGreenForeground1);
52
+ border-color: var(--colorPaletteGreenBorder2);
53
+ }
54
+
55
+ :host([appearance='tint'][color='warning']) {
56
+ background-color: var(--colorPaletteYellowBackground1);
57
+ color: var(--colorPaletteYellowForeground2);
58
+ border-color: var(--colorPaletteYellowBorder1);
59
+ }
60
+
61
+ :host([appearance='outline']) {
62
+ border-color: currentColor;
63
+ color: var(--colorBrandForeground1);
64
+ background-color: initial;
65
+ }
66
+
67
+ :host([appearance='outline'][color='danger']) {
68
+ color: var(--colorPaletteRedForeground3);
69
+ }
70
+
71
+ :host([appearance='outline'][color='important']) {
72
+ color: var(--colorNeutralForeground3);
73
+ border-color: var(--colorNeutralStrokeAccessible);
74
+ }
75
+
76
+ :host([appearance='outline'][color='informative']) {
77
+ color: var(--colorNeutralForeground3);
78
+ border-color: var(--colorNeutralStroke2);
79
+ }
80
+
81
+ :host([appearance='outline'][color='severe']) {
82
+ color: var(--colorPaletteDarkOrangeForeground3);
83
+ }
84
+
85
+ :host([appearance='outline'][color='subtle']) {
86
+ color: var(--colorNeutralForegroundStaticInverted);
87
+ }
88
+
89
+ :host([appearance='outline'][color='success']) {
90
+ color: var(--colorPaletteGreenForeground2);
91
+ }
92
+
93
+ :host([appearance='outline'][color='warning']) {
94
+ color: var(--colorPaletteYellowForeground2);
95
+ }
96
+
97
+ :host([appearance='ghost']) {
98
+ color: var(--colorBrandForeground1);
99
+ background-color: initial;
100
+ }
101
+
102
+ :host([appearance='ghost'][color='danger']) {
103
+ color: var(--colorPaletteRedForeground3);
104
+ }
105
+
106
+ :host([appearance='ghost'][color='important']) {
107
+ color: var(--colorNeutralForeground1);
108
+ }
109
+
110
+ :host([appearance='ghost'][color='informative']) {
111
+ color: var(--colorNeutralForeground3);
112
+ }
113
+
114
+ :host([appearance='ghost'][color='severe']) {
115
+ color: var(--colorPaletteDarkOrangeForeground3);
116
+ }
117
+
118
+ :host([appearance='ghost'][color='subtle']) {
119
+ color: var(--colorNeutralForegroundInverted);
120
+ }
121
+
122
+ :host([appearance='ghost'][color='success']) {
123
+ color: var(--colorPaletteGreenForeground3);
124
+ }
125
+
126
+ :host([appearance='ghost'][color='warning']) {
127
+ color: var(--colorPaletteYellowForeground2);
128
+ }
129
+
130
+ :host([color='danger']) {
131
+ background-color: var(--colorPaletteRedBackground3);
132
+ color: var(--colorNeutralForegroundOnBrand);
133
+ }
134
+
135
+ :host([color='important']) {
136
+ background-color: var(--colorNeutralForeground1);
137
+ color: var(--colorNeutralBackground1);
138
+ }
139
+
140
+ :host([color='informative']) {
141
+ background-color: var(--colorNeutralBackground5);
142
+ color: var(--colorNeutralForeground3);
143
+ }
144
+
145
+ :host([color='severe']) {
146
+ background-color: var(--colorPaletteDarkOrangeBackground3);
147
+ color: var(--colorNeutralForegroundOnBrand);
148
+ }
149
+
150
+ :host([color='subtle']) {
151
+ background-color: var(--colorNeutralBackground1);
152
+ color: var(--colorNeutralForeground1);
153
+ }
154
+
155
+ :host([color='success']) {
156
+ background-color: var(--colorPaletteGreenBackground3);
157
+ color: var(--colorNeutralForegroundOnBrand);
158
+ }
159
+
160
+ :host([color='warning']) {
161
+ background-color: var(--colorPaletteYellowBackground3);
162
+ color: var(--colorNeutralForeground1Static);
163
+ }
164
+
165
+ :host([size='tiny']) {
166
+ width: 6px;
167
+ height: 6px;
168
+ font-size: 4px;
169
+ line-height: 4px;
170
+ padding-inline: 0;
171
+ min-width: unset;
172
+ }
173
+ :host([size='tiny']) ::slotted(svg) {
174
+ font-size: 6px;
175
+ }
176
+ :host([size='extra-small']) {
177
+ width: 10px;
178
+ height: 10px;
179
+ font-size: 6px;
180
+ line-height: 6px;
181
+ padding-inline: 0;
182
+ min-width: unset;
183
+ }
184
+ :host([size='extra-small']) ::slotted(svg) {
185
+ font-size: 10px;
186
+ }
187
+ :host([size='small']) {
188
+ min-width: 16px;
189
+ height: 16px;
190
+ font-size: var(--fontSizeBase100);
191
+ line-height: var(--lineHeightBase100);
192
+ padding-inline: calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));
193
+ }
194
+ :host([size='small']) ::slotted(svg) {
195
+ font-size: 12px;
196
+ }
197
+ :host([size='large']) {
198
+ min-width: 24px;
199
+ height: 24px;
200
+ font-size: var(--fontSizeBase200);
201
+ line-height: var(--lineHeightBase200);
202
+ padding-inline: calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
203
+ }
204
+ :host([size='large']) ::slotted(svg) {
205
+ font-size: 16px;
206
+ }
207
+ :host([size='extra-large']) {
208
+ min-width: 32px;
209
+ height: 32px;
210
+ font-size: var(--fontSizeBase200);
211
+ line-height: var(--lineHeightBase200);
212
+ padding-inline: calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));
213
+ }
214
+ :host([size='extra-large']) ::slotted(svg) {
215
+ font-size: 20px;
216
+ }
217
+
218
+ :host([hidden]) {
219
+ display: none;
220
+ }
221
+ :host {
222
+ display: inline-flex;
223
+ }
224
+ :host {
225
+ position: relative;
226
+ box-sizing: border-box;
227
+ align-items: center;
228
+ justify-content: center;
229
+ font-family: var(--fontFamilyBase);
230
+ font-weight: var(--fontWeightSemibold);
231
+ font-size: var(--fontSizeBase200);
232
+ line-height: var(--lineHeightBase200);
233
+ min-width: 20px;
234
+ height: 20px;
235
+ padding-inline: calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
236
+ border-radius: var(--borderRadiusCircular);
237
+ border-color: var(--colorTransparentStroke);
238
+ background-color: var(--colorBrandBackground);
239
+ color: var(--colorNeutralForegroundOnBrand);
240
+ contain: content;
241
+ }
242
+
243
+ ::slotted(svg) {
244
+ font-size: 12px;
245
+ }
246
+
247
+ :host(:not([appearance='ghost']))::after {
248
+ position: absolute;
249
+ content: '';
250
+ top: 0;
251
+ left: 0;
252
+ bottom: 0;
253
+ right: 0;
254
+ border-style: solid;
255
+ border-width: var(--strokeWidthThin);
256
+ border-color: inherit;
257
+ border-radius: inherit;
258
+ }
259
+
260
+ @media (forced-colors: active) {
261
+ :host,
262
+ :host([appearance='outline']),
15
263
  :host([appearance='tint']) {
16
- background-color: var(--colorBrandBackground2);
17
- color: var(--colorBrandForeground2);
18
- border-color: var(--colorBrandStroke2);
19
- }
20
-
21
- :host([appearance='tint'][color='danger']) {
22
- background-color: var(--colorPaletteRedBackground1);
23
- color: var(--colorPaletteRedForeground1);
24
- border-color: var(--colorPaletteRedBorder1);
25
- }
26
-
27
- :host([appearance='tint'][color='important']) {
28
- background-color: var(--colorNeutralForeground3);
29
- color: var(--colorNeutralBackground1);
30
- border-color: var(--colorTransparentStroke);
31
- }
32
-
33
- :host([appearance='tint'][color='informative']) {
34
- background-color: var(--colorNeutralBackground4);
35
- color: var(--colorNeutralForeground3);
36
- border-color: var(--colorNeutralStroke2);
37
- }
38
-
39
- :host([appearance='tint'][color='severe']) {
40
- background-color: var(--colorPaletteDarkOrangeBackground1);
41
- color: var(--colorPaletteDarkOrangeForeground1);
42
- border-color: var(--colorPaletteDarkOrangeBorder1);
43
- }
44
-
45
- :host([appearance='tint'][color='subtle']) {
46
- background-color: var(--colorNeutralBackground1);
47
- color: var(--colorNeutralForeground3);
48
- border-color: var(--colorNeutralStroke2);
49
- }
50
-
51
- :host([appearance='tint'][color='success']) {
52
- background-color: var(--colorPaletteGreenBackground1);
53
- color: var(--colorPaletteGreenForeground1);
54
- border-color: var(--colorPaletteGreenBorder2);
55
- }
56
-
57
- :host([appearance='tint'][color='warning']) {
58
- background-color: var(--colorPaletteYellowBackground1);
59
- color: var(--colorPaletteYellowForeground2);
60
- border-color: var(--colorPaletteYellowBorder1);
61
- }
62
-
63
-
64
- :host([appearance='outline']) {
65
- border-color: currentColor;
66
- color: var(--colorBrandForeground1);
67
- background-color: initial;
68
- }
69
-
70
- :host([appearance='outline'][color='danger']) {
71
- color: var(--colorPaletteRedForeground3);
72
- }
73
-
74
- :host([appearance='outline'][color='important']) {
75
- color: var(--colorNeutralForeground3);
76
- border-color: var(--colorNeutralStrokeAccessible);
77
- }
78
-
79
- :host([appearance='outline'][color='informative']) {
80
- color: var(--colorNeutralForeground3);
81
- border-color: var(--colorNeutralStroke2);
82
- }
83
-
84
- :host([appearance='outline'][color='severe']) {
85
- color: var(--colorPaletteDarkOrangeForeground3);
86
- }
87
-
88
- :host([appearance='outline'][color='subtle']) {
89
- color: var(--colorNeutralForegroundStaticInverted);
90
- }
91
-
92
- :host([appearance='outline'][color='success']) {
93
- color: var(--colorPaletteGreenForeground2);
94
- }
95
-
96
- :host([appearance='outline'][color='warning']) {
97
- color: var(--colorPaletteYellowForeground2);
98
- }
99
-
100
-
101
- :host([appearance='ghost']) {
102
- color: var(--colorBrandForeground1);
103
- background-color: initial;
104
- }
105
-
106
- :host([appearance='ghost'][color='danger']) {
107
- color: var(--colorPaletteRedForeground3);
108
- }
109
-
110
- :host([appearance='ghost'][color='important']) {
111
- color: var(--colorNeutralForeground1);
112
- }
113
-
114
- :host([appearance='ghost'][color='informative']) {
115
- color: var(--colorNeutralForeground3);
116
- }
117
-
118
- :host([appearance='ghost'][color='severe']) {
119
- color: var(--colorPaletteDarkOrangeForeground3);
120
- }
121
-
122
- :host([appearance='ghost'][color='subtle']) {
123
- color: var(--colorNeutralForegroundInverted);
124
- }
125
-
126
- :host([appearance='ghost'][color='success']) {
127
- color: var(--colorPaletteGreenForeground3);
128
- }
129
-
130
- :host([appearance='ghost'][color='warning']) {
131
- color: var(--colorPaletteYellowForeground2);
132
- }
133
-
134
-
135
- :host([color='danger']) {
136
- background-color: var(--colorPaletteRedBackground3);
137
- color: var(--colorNeutralForegroundOnBrand);
138
- }
139
-
140
- :host([color='important']) {
141
- background-color: var(--colorNeutralForeground1);
142
- color: var(--colorNeutralBackground1);
143
- }
144
-
145
- :host([color='informative']) {
146
- background-color: var(--colorNeutralBackground5);
147
- color: var(--colorNeutralForeground3);
148
- }
149
-
150
- :host([color='severe']) {
151
- background-color: var(--colorPaletteDarkOrangeBackground3);
152
- color: var(--colorNeutralForegroundOnBrand);
153
- }
154
-
155
- :host([color='subtle']) {
156
- background-color: var(--colorNeutralBackground1);
157
- color: var(--colorNeutralForeground1);
158
- }
159
-
160
- :host([color='success']) {
161
- background-color: var(--colorPaletteGreenBackground3);
162
- color: var(--colorNeutralForegroundOnBrand);
163
- }
164
-
165
- :host([color='warning']) {
166
- background-color: var(--colorPaletteYellowBackground3);
167
- color: var(--colorNeutralForeground1Static);
168
- }
169
-
170
-
171
- :host([size='tiny']) {
172
- width: 6px;
173
- height: 6px;
174
- font-size: 4px;
175
- line-height: 4px;
176
- padding-inline: 0;
177
- min-width: unset;
178
- }
179
- :host([size='tiny']) ::slotted(svg) {
180
- font-size: 6px;
181
- }
182
- :host([size='extra-small']) {
183
- width: 10px;
184
- height: 10px;
185
- font-size: 6px;
186
- line-height: 6px;
187
- padding-inline: 0;
188
- min-width: unset;
189
- }
190
- :host([size='extra-small']) ::slotted(svg) {
191
- font-size: 10px;
192
- }
193
- :host([size='small']) {
194
- min-width: 16px;
195
- height: 16px;
196
- font-size: var(--fontSizeBase100);
197
- line-height: var(--lineHeightBase100);
198
- padding-inline: calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));
199
- }
200
- :host([size='small']) ::slotted(svg) {
201
- font-size: 12px;
202
- }
203
- :host([size='large']) {
204
- min-width: 24px;
205
- height: 24px;
206
- font-size: var(--fontSizeBase200);
207
- line-height: var(--lineHeightBase200);
208
- padding-inline: calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
209
- }
210
- :host([size='large']) ::slotted(svg) {
211
- font-size: 16px;
212
- }
213
- :host([size='extra-large']) {
214
- min-width: 32px;
215
- height: 32px;
216
- font-size: var(--fontSizeBase200);
217
- line-height: var(--lineHeightBase200);
218
- padding-inline: calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));
219
- }
220
- :host([size='extra-large']) ::slotted(svg) {
221
- font-size: 20px;
222
- }
223
-
224
-
225
- :host([hidden]){display:none}:host{display:inline-flex} :host {
226
- position: relative;
227
- box-sizing: border-box;
228
- align-items: center;
229
- justify-content: center;
230
- font-family: var(--fontFamilyBase);
231
- font-weight: var(--fontWeightSemibold);
232
- font-size: var(--fontSizeBase200);
233
- line-height: var(--lineHeightBase200);
234
- min-width: 20px;
235
- height: 20px;
236
- padding-inline: calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
237
- border-radius: var(--borderRadiusCircular);
238
- border-color: var(--colorTransparentStroke);
239
- background-color: var(--colorBrandBackground);
240
- color: var(--colorNeutralForegroundOnBrand);
241
- contain: content;
242
- }
243
-
244
- ::slotted(svg) {
245
- font-size: 12px;
246
- }
247
-
248
- :host(:not([appearance='ghost']))::after {
249
- position: absolute;
250
- content: '';
251
- top: 0;
252
- left: 0;
253
- bottom: 0;
254
- right: 0;
255
- border-style: solid;
256
- border-width: var(--strokeWidthThin);
257
- border-color: inherit;
258
- border-radius: inherit;
259
- }
260
-
261
-
262
- @media (forced-colors: active) {
263
- :host,
264
- :host([appearance='outline']),
265
- :host([appearance='tint']) {
266
- border-color: CanvasText;
267
- }
264
+ border-color: CanvasText;
268
265
  }
266
+ }
@@ -1,5 +1,8 @@
1
1
  <f-template name="fluent-badge" shadowrootmode="open">
2
- <template>{{styles}}<slot name="start" f-ref="{start}"></slot>
2
+ <template>
3
+ {{styles}}
4
+ <slot name="start" f-ref="{start}"></slot>
3
5
  <slot></slot>
4
- <slot name="end" f-ref="{end}"></slot></template>
6
+ <slot name="end" f-ref="{end}"></slot>
7
+ </template>
5
8
  </f-template>
@@ -12,15 +12,6 @@ import { type ButtonFormTarget, ButtonType } from './button.options.js';
12
12
  * @public
13
13
  */
14
14
  export declare class BaseButton extends FASTElement {
15
- /**
16
- * Indicates the button should be focused when the page is loaded.
17
- * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute
18
- *
19
- * @public
20
- * @remarks
21
- * HTML Attribute: `autofocus`
22
- */
23
- autofocus: boolean;
24
15
  /**
25
16
  * Default slotted content.
26
17
  *
@@ -1,5 +1,6 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { attr, FASTElement, observable } from '@microsoft/fast-element';
3
+ import { maybeSetAutoFocus } from '../utils/autofocus.js';
3
4
  import { ButtonType } from './button.options.js';
4
5
  /**
5
6
  * A Button Custom HTML Element.
@@ -90,6 +91,7 @@ export class BaseButton extends FASTElement {
90
91
  super.connectedCallback();
91
92
  this.elementInternals.ariaDisabled = `${!!this.disabledFocusable}`;
92
93
  this.setTabIndex();
94
+ maybeSetAutoFocus(this);
93
95
  }
94
96
  constructor() {
95
97
  super();
@@ -257,9 +259,6 @@ export class BaseButton extends FASTElement {
257
259
  }
258
260
  }
259
261
  }
260
- __decorate([
261
- attr({ mode: 'boolean' })
262
- ], BaseButton.prototype, "autofocus", void 0);
263
262
  __decorate([
264
263
  observable
265
264
  ], BaseButton.prototype, "defaultSlottedContent", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"button.base.js","sourceRoot":"","sources":["../../../src/button/button.base.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.base.js","sourceRoot":"","sources":["../../../src/button/button.base.ts"],"names":[],"mappings":"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"}