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

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 CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Fri, 17 May 2024 04:05:58 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 21 May 2024 04:06:00 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.19)
8
+
9
+ Tue, 21 May 2024 04:06:00 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.18..@fluentui/web-components_v3.0.0-beta.19)
11
+
12
+ ### Changes
13
+
14
+ - Use click() instead of press() in button keydownHandler ([PR #31428](https://github.com/microsoft/fluentui/pull/31428) by 863023+radium-v@users.noreply.github.com)
15
+
16
+ ## [3.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.18)
17
+
18
+ Mon, 20 May 2024 04:07:06 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.17..@fluentui/web-components_v3.0.0-beta.18)
20
+
21
+ ### Changes
22
+
23
+ - adds high contrast styles to badge web component ([PR #31234](https://github.com/microsoft/fluentui/pull/31234) by ryanmerrill@microsoft.com)
24
+
7
25
  ## [3.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.17)
8
26
 
9
- Fri, 17 May 2024 04:05:58 GMT
27
+ Fri, 17 May 2024 04:06:08 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.16..@fluentui/web-components_v3.0.0-beta.17)
11
29
 
12
30
  ### Changes
@@ -1,4 +1,5 @@
1
1
  import { css } from '@microsoft/fast-element';
2
+ import { forcedColorsStylesheetBehavior } from '../utils/index.js';
2
3
  import { badgeBaseStyles, badgeFilledStyles, badgeGhostStyles, badgeOutlineStyles, badgeSizeStyles, badgeTintStyles, } from '../styles/index.js';
3
4
  import { borderRadiusMedium, borderRadiusNone, borderRadiusSmall } from '../theme/design-tokens.js';
4
5
  // why is the border not showing up?
@@ -26,5 +27,11 @@ export const styles = css `
26
27
  ${badgeOutlineStyles}
27
28
  ${badgeTintStyles}
28
29
  ${badgeBaseStyles}
29
- `;
30
+ `.withBehaviors(forcedColorsStylesheetBehavior(css `
31
+ :host,
32
+ :host([appearance='outline']),
33
+ :host([appearance='tint']) {
34
+ border-color: CanvasText;
35
+ }
36
+ `));
30
37
  //# sourceMappingURL=badge.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACpG,oCAAoC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;qBAEJ,gBAAgB;;;;qBAIhB,kBAAkB;;;;;;qBAMlB,iBAAiB;;;IAGlC,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,eAAe;CAClB,CAAC"}
1
+ {"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACpG,oCAAoC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;qBAEJ,gBAAgB;;;;qBAIhB,kBAAkB;;;;;;qBAMlB,iBAAiB;;;IAGlC,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,eAAe;CAClB,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;GAMjC,CAAC,CACH,CAAC"}
@@ -175,7 +175,7 @@ export class Button extends FASTElement {
175
175
  return;
176
176
  }
177
177
  if (e.key === keyEnter || e.key === keySpace) {
178
- this.press();
178
+ this.click();
179
179
  return;
180
180
  }
181
181
  return true;
@@ -5494,7 +5494,8 @@ const styles$n = css`
5494
5494
  ${badgeOutlineStyles}
5495
5495
  ${badgeTintStyles}
5496
5496
  ${badgeBaseStyles}
5497
- `;
5497
+ `.withBehaviors(forcedColorsStylesheetBehavior(css`
5498
+ :host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));
5498
5499
 
5499
5500
  const definition$o = Badge.compose({
5500
5501
  name: `${FluentDesignSystem.prefix}-badge`,
@@ -5649,7 +5650,7 @@ class Button extends FASTElement {
5649
5650
  return;
5650
5651
  }
5651
5652
  if (e.key === keyEnter || e.key === keySpace) {
5652
- this.press();
5653
+ this.click();
5653
5654
  return;
5654
5655
  }
5655
5656
  return true;