@fluentui/web-components 2.2.1 → 2.3.0

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 (15) hide show
  1. package/CHANGELOG.json +61 -1
  2. package/CHANGELOG.md +29 -2
  3. package/dist/dts/custom-elements.d.ts +34 -2
  4. package/dist/dts/text-area/index.d.ts +17 -1
  5. package/dist/dts/text-area/text-area.stories.d.ts +17 -1
  6. package/dist/dts/text-field/index.d.ts +17 -1
  7. package/dist/dts/text-field/text-field.stories.d.ts +17 -1
  8. package/dist/esm/combobox/index.js +3 -0
  9. package/dist/esm/design-tokens.js +1 -1
  10. package/dist/fluent-web-components.api.json +383 -23
  11. package/dist/web-components.d.ts +70 -4
  12. package/dist/web-components.js +1372 -490
  13. package/dist/web-components.min.js +152 -152
  14. package/docs/api-report.md +73 -7
  15. package/package.json +5 -5
package/CHANGELOG.json CHANGED
@@ -2,7 +2,67 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 12 Jan 2022 07:30:48 GMT",
5
+ "date": "Tue, 01 Mar 2022 07:21:49 GMT",
6
+ "tag": "@fluentui/web-components_v2.3.0",
7
+ "version": "2.3.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "john.kreitlow@microsoft.com",
12
+ "package": "@fluentui/web-components",
13
+ "commit": "7f08d68021d8f41d6de1fa2e18e78be3d0868e73",
14
+ "comment": "update package dependencies in web-components"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 18 Feb 2022 07:22:08 GMT",
21
+ "tag": "@fluentui/web-components_v2.2.3",
22
+ "version": "2.2.3",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "47367562+bheston@users.noreply.github.com",
27
+ "package": "@fluentui/web-components",
28
+ "commit": "b8bea1a92f7aee43b6887c9f035e33d4c26ddac0",
29
+ "comment": "Aligned \"plus 2\" type ramp line height size"
30
+ }
31
+ ]
32
+ }
33
+ },
34
+ {
35
+ "date": "Thu, 27 Jan 2022 07:34:08 GMT",
36
+ "tag": "@fluentui/web-components_v2.2.2",
37
+ "version": "2.2.2",
38
+ "comments": {
39
+ "patch": [
40
+ {
41
+ "author": "robarb@microsoft.com",
42
+ "package": "@fluentui/web-components",
43
+ "commit": "739a799bb753ced2968289ed6a6b253319ae7138",
44
+ "comment": "Updating fast-foundation to v2.32.0"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Mon, 17 Jan 2022 09:43:48 GMT",
51
+ "tag": "@fluentui/web-components_v2.2.1",
52
+ "version": "2.2.1",
53
+ "comments": {
54
+ "none": [
55
+ {
56
+ "author": "tristan.watanabe@gmail.com",
57
+ "package": "@fluentui/web-components",
58
+ "commit": "4dcdb85d20d7cf5d0aa71c09098142e8c933530b",
59
+ "comment": "Remove unused declared variables in combobox styles"
60
+ }
61
+ ]
62
+ }
63
+ },
64
+ {
65
+ "date": "Wed, 12 Jan 2022 07:32:29 GMT",
6
66
  "tag": "@fluentui/web-components_v2.2.1",
7
67
  "version": "2.2.1",
8
68
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,39 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 12 Jan 2022 07:30:48 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 01 Mar 2022 07:21:49 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [2.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.3.0)
8
+
9
+ Tue, 01 Mar 2022 07:21:49 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.3..@fluentui/web-components_v2.3.0)
11
+
12
+ ### Minor changes
13
+
14
+ - update package dependencies in web-components ([PR #21895](https://github.com/microsoft/fluentui/pull/21895) by john.kreitlow@microsoft.com)
15
+
16
+ ## [2.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.3)
17
+
18
+ Fri, 18 Feb 2022 07:22:08 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.2..@fluentui/web-components_v2.2.3)
20
+
21
+ ### Patches
22
+
23
+ - Aligned "plus 2" type ramp line height size ([PR #21698](https://github.com/microsoft/fluentui/pull/21698) by 47367562+bheston@users.noreply.github.com)
24
+
25
+ ## [2.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.2)
26
+
27
+ Thu, 27 Jan 2022 07:34:08 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.1..@fluentui/web-components_v2.2.2)
29
+
30
+ ### Patches
31
+
32
+ - Updating fast-foundation to v2.32.0 ([PR #21443](https://github.com/microsoft/fluentui/pull/21443) by robarb@microsoft.com)
33
+
7
34
  ## [2.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.1)
8
35
 
9
- Wed, 12 Jan 2022 07:30:48 GMT
36
+ Wed, 12 Jan 2022 07:32:29 GMT
10
37
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.0..@fluentui/web-components_v2.2.1)
11
38
 
12
39
  ### Patches
package/dist/dts/custom-elements.d.ts CHANGED
@@ -92,8 +92,40 @@ export declare const allComponents: {
92
92
  fluentTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tabs>;
93
93
  fluentTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tab>;
94
94
  fluentTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TabPanel>;
95
- fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-area/index").TextArea>;
96
- fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-field/index").TextField>;
95
+ fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
96
+ baseName: string;
97
+ baseClass: typeof import("@microsoft/fast-foundation").TextArea;
98
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
99
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
100
+ shadowOptions: {
101
+ delegatesFocus: true;
102
+ };
103
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
104
+ baseName: string;
105
+ baseClass: typeof import("@microsoft/fast-foundation").TextArea;
106
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
107
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
108
+ shadowOptions: {
109
+ delegatesFocus: true;
110
+ };
111
+ }, typeof import("./text-area/index").TextArea>;
112
+ fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
113
+ baseName: string;
114
+ baseClass: typeof import("@microsoft/fast-foundation").TextField;
115
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
116
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
117
+ shadowOptions: {
118
+ delegatesFocus: true;
119
+ };
120
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
121
+ baseName: string;
122
+ baseClass: typeof import("@microsoft/fast-foundation").TextField;
123
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
124
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
125
+ shadowOptions: {
126
+ delegatesFocus: true;
127
+ };
128
+ }, typeof import("./text-field/index").TextField>;
97
129
  fluentToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./toolbar/index").Toolbar>;
98
130
  fluentTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tooltip/index").Tooltip>;
99
131
  fluentTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TreeView>;
package/dist/dts/text-area/index.d.ts CHANGED
@@ -37,7 +37,23 @@ export declare class TextArea extends FoundationTextArea {
37
37
  *
38
38
  * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
39
39
  */
40
- export declare const fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof TextArea>;
40
+ export declare const fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
41
+ baseName: string;
42
+ baseClass: typeof FoundationTextArea;
43
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationTextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
44
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
45
+ shadowOptions: {
46
+ delegatesFocus: true;
47
+ };
48
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
49
+ baseName: string;
50
+ baseClass: typeof FoundationTextArea;
51
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationTextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
52
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
53
+ shadowOptions: {
54
+ delegatesFocus: true;
55
+ };
56
+ }, typeof TextArea>;
41
57
  /**
42
58
  * Styles for TextArea
43
59
  * @public
package/dist/dts/text-area/text-area.stories.d.ts CHANGED
@@ -1,6 +1,22 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextArea>;
3
+ component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
4
+ baseName: string;
5
+ baseClass: typeof import("@microsoft/fast-foundation").TextArea;
6
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
7
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
8
+ shadowOptions: {
9
+ delegatesFocus: true;
10
+ };
11
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
12
+ baseName: string;
13
+ baseClass: typeof import("@microsoft/fast-foundation").TextArea;
14
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextArea, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
15
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
16
+ shadowOptions: {
17
+ delegatesFocus: true;
18
+ };
19
+ }, typeof import("./index").TextArea>;
4
20
  argTypes: {
5
21
  appearance: {
6
22
  defaultValue: string;
package/dist/dts/text-field/index.d.ts CHANGED
@@ -37,7 +37,23 @@ export declare class TextField extends FoundationTextField {
37
37
  *
38
38
  * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
39
39
  */
40
- export declare const fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof TextField>;
40
+ export declare const fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
41
+ baseName: string;
42
+ baseClass: typeof FoundationTextField;
43
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationTextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
44
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
45
+ shadowOptions: {
46
+ delegatesFocus: true;
47
+ };
48
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
49
+ baseName: string;
50
+ baseClass: typeof FoundationTextField;
51
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationTextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
52
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
53
+ shadowOptions: {
54
+ delegatesFocus: true;
55
+ };
56
+ }, typeof TextField>;
41
57
  /**
42
58
  * Styles for TextField
43
59
  * @public
package/dist/dts/text-field/text-field.stories.d.ts CHANGED
@@ -1,6 +1,22 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextField>;
3
+ component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
4
+ baseName: string;
5
+ baseClass: typeof import("@microsoft/fast-foundation").TextField;
6
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
7
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
8
+ shadowOptions: {
9
+ delegatesFocus: true;
10
+ };
11
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
12
+ baseName: string;
13
+ baseClass: typeof import("@microsoft/fast-foundation").TextField;
14
+ template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<import("@microsoft/fast-foundation").TextField, any>, import("@microsoft/fast-foundation").TextFieldOptions>;
15
+ styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
16
+ shadowOptions: {
17
+ delegatesFocus: true;
18
+ };
19
+ }, typeof import("./index").TextField>;
4
20
  argTypes: {
5
21
  appearance: {
6
22
  options: string[];
package/dist/esm/combobox/index.js CHANGED
@@ -45,6 +45,9 @@ __decorate([
45
45
  export const fluentCombobox = Combobox.compose({
46
46
  baseName: 'combobox',
47
47
  baseClass: FoundationCombobox,
48
+ shadowOptions: {
49
+ delegatesFocus: true,
50
+ },
48
51
  template,
49
52
  styles,
50
53
  indicator: `
package/dist/esm/design-tokens.js CHANGED
@@ -66,7 +66,7 @@ export const typeRampPlus1LineHeight = create('type-ramp-plus-1-line-height').wi
66
66
  /** @public */
67
67
  export const typeRampPlus2FontSize = create('type-ramp-plus-2-font-size').withDefault('20px');
68
68
  /** @public */
69
- export const typeRampPlus2LineHeight = create('type-ramp-plus-2-line-height').withDefault('28px');
69
+ export const typeRampPlus2LineHeight = create('type-ramp-plus-2-line-height').withDefault('26px');
70
70
  /** @public */
71
71
  export const typeRampPlus3FontSize = create('type-ramp-plus-3-font-size').withDefault('24px');
72
72
  /** @public */